:root{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:#111827;
  background:#eef2f7;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top left,#ffffff 0,#f5f7fb 35%,#e9eef6 100%)}
main{max-width:1240px;margin:0 auto;padding:28px}
.hero{display:flex;justify-content:space-between;gap:24px;align-items:stretch;margin-bottom:22px}
.eyebrow{color:#2563eb;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.hero h1{margin:4px 0 10px;font-size:36px;letter-spacing:-.035em}
.hero p{margin:0;color:#4b5563;line-height:1.55;max-width:790px}
.summary{background:linear-gradient(135deg,#0f172a,#1e293b);color:white;border-radius:24px;padding:20px;min-width:245px;display:grid;gap:8px;box-shadow:0 22px 46px rgba(15,23,42,.18)}
.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid.two.compact{align-items:end}
.card{position:relative;background:rgba(255,255,255,.92);border:1px solid rgba(226,232,240,.9);border-radius:26px;padding:24px;margin:18px 0;box-shadow:0 18px 42px rgba(15,23,42,.07);backdrop-filter:blur(10px)}
.step{position:absolute;right:20px;top:18px;background:#dbeafe;color:#1d4ed8;border-radius:999px;width:34px;height:34px;display:grid;place-items:center;font-weight:900}
h2{margin:0 0 10px;font-size:23px;letter-spacing:-.025em}
button{background:#111827;color:white;border:0;border-radius:13px;padding:11px 15px;cursor:pointer;font-weight:800;box-shadow:0 8px 18px rgba(15,23,42,.12)}
button:hover{background:#374151;transform:translateY(-1px)}.primary{background:#2563eb}.primary:hover{background:#1d4ed8}.softActions button{background:#334155}
.dropzone{border:1px dashed #93c5fd;background:linear-gradient(180deg,#eff6ff,#f8fbff);border-radius:20px;padding:16px}
input,select,textarea{width:100%;border:1px solid #d1d5db;border-radius:14px;padding:12px;margin:7px 0 15px;background:white;font-size:14px;outline:none}
input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.18)}
.bigSearch{font-size:17px;padding:15px 16px;border-radius:18px;margin:12px 0 8px}
label{font-weight:800;display:block}.hint{color:#64748b;font-size:12px;margin-top:-8px;margin-bottom:12px}
.panel,.subpanel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:18px;padding:15px;margin-top:14px;overflow:auto}.subpanel{background:white}.hidden{display:none}
.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.chips button{background:#e2e8f0;color:#0f172a;box-shadow:none}.chips button:hover{background:#cbd5e1}
.searchbar{align-items:center}.searchbar input{flex:1;min-width:260px;margin:0}.searchbar button{margin:0}
.stats{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin:12px 0}.stats div{background:white;border:1px solid #e5e7eb;border-radius:18px;padding:13px}.stats b{display:block;font-size:23px}.stats span{color:#6b7280;font-size:12px}
.detected,.notice,.miniSummary{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:16px;padding:12px;margin:12px 0}.notice{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.miniSummary{background:#f8fafc;border-color:#e2e8f0;color:#334155}
details{margin-top:14px}summary{cursor:pointer;font-weight:900;color:#1d4ed8}
.familyList{display:grid;gap:10px}.familyCard{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:white;border:1px solid #e5e7eb;border-radius:18px;padding:13px 14px;cursor:pointer;transition:.15s ease}.familyCard:hover{border-color:#93c5fd;box-shadow:0 10px 22px rgba(15,23,42,.06)}.familyCard input{width:auto;margin:0;transform:scale(1.15)}.familyName{font-size:17px;font-weight:900;letter-spacing:-.02em}.familyMembers{color:#64748b;font-size:13px;margin-top:3px}.familyMeta{display:flex;gap:8px;align-items:center;color:#64748b;font-size:12px;white-space:nowrap}
table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px;background:white;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}th,td{border-bottom:1px solid #e5e7eb;padding:10px;vertical-align:top;text-align:left}tr:last-child td{border-bottom:0}th{background:#f3f4f6;font-size:12px;text-transform:uppercase;color:#475569}.warn{color:#b45309}.muted{color:#6b7280}.pill{display:inline-block;background:#e0e7ff;color:#3730a3;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.pill.generated,.pill.submitted{background:#dcfce7;color:#166534}.pill.baseline_handled{background:#e5e7eb;color:#374151}.pill.changed_review{background:#ffedd5;color:#9a3412}
.downloadCard{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:white;border:1px solid #e5e7eb;border-radius:18px;padding:14px;margin:10px 0}.downloadCard a{background:#2563eb;color:white;text-decoration:none;border-radius:12px;padding:9px 12px;font-weight:800}.downloadCard span{color:#6b7280}.downloadCard button.editRegen{background:#f0fdf4;color:#166534;border:1.5px solid #bbf7d0;border-radius:12px;padding:8px 14px;font-weight:700;cursor:pointer;font-size:13px}.downloadCard button.editRegen:hover{background:#dcfce7}.pill.reopened{background:#fef9c3;color:#854d0e}.dangerZone{border-color:#fecaca;background:#fffafa}.showMoreBtn{display:block;width:100%;margin-top:10px;padding:11px;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:14px;color:#475569;font-weight:700;font-size:13px;cursor:pointer;text-align:center}.showMoreBtn:hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}
pre{white-space:pre-wrap}
@media(max-width:860px){.hero,.grid.two{display:block}.stats{grid-template-columns:1fr 1fr}main{padding:16px}.familyCard{grid-template-columns:auto 1fr}.familyMeta{grid-column:2}}