:root{--bg:#0e1116;--rail:#0b0e13;--surface:#161b22;--surface-2:#1d222b;--border:#262c36;--text:#e6e9ef;--muted:#8b93a1;--brand:#4facf0;--brand-contrast:#06253a;--ok:#56b45f;--soon:#e0a63a;--imm:#a374f2;--bad:#e5615c;--empty:#5b636f;--cat-doc:#e07b39;--cat-seg:#2bb8a6;--cat-prop:#d76a9c;--cat-auto:#8492ad;--r-sm:8px;--r-md:11px;--r-lg:14px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0}.fh-app,.fh-app *{font-family:var(--font)}.fh-center{background:var(--bg);min-height:100vh;color:var(--text);place-items:center;display:grid}.shell{background:var(--bg);min-height:100vh;color:var(--text);display:flex}.rail{background:var(--rail);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:5px;width:60px;height:100vh;padding:14px 0;display:flex;position:sticky;top:0}.rail-brand{background:color-mix(in srgb,var(--brand) 12%,transparent);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:8px;display:flex}.rail-item{width:42px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:11px;justify-content:center;align-items:center;font-size:22px;display:flex}.rail-item.active{background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--brand)}.rail-spacer{flex:1}.content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg);z-index:5;justify-content:space-between;align-items:center;padding:14px 22px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:19px;font-weight:600}.topbar .sub{color:var(--muted);margin-top:2px;font-size:12.5px}.topbar-actions{align-items:center;gap:10px;display:flex}.pill{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:flex}.btn-add{background:var(--brand);color:var(--brand-contrast);cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:600;display:flex}.avatar{background:color-mix(in srgb,var(--brand) 20%,transparent);width:34px;height:34px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.main{padding:20px 22px;overflow:auto}@media (width<=720px){.shell{flex-direction:column}.rail{border-right:none;border-top:1px solid var(--border);z-index:20;flex-direction:row;justify-content:space-around;gap:2px;width:100%;height:auto;padding:6px 8px;position:fixed;top:auto;bottom:0;left:0;overflow-x:auto}.rail-brand,.rail-spacer{display:none}.content{padding-bottom:62px}.topbar .pill span{display:none}}.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:16px;display:grid}@media (width<=720px){.cat-grid{grid-template-columns:repeat(2,1fr)}}.cat-card{border:1px solid color-mix(in srgb,var(--status) 30%,var(--border));border-left:3px solid var(--status);border-radius:var(--r-md);background:color-mix(in srgb,var(--status) 8%,transparent);padding:13px 14px}.cat-head{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.cat-head i{font-size:17px}.cat-num{color:var(--status);margin:8px 0 4px;font-size:24px;font-weight:600;line-height:1}.cat-status{color:var(--status);align-items:center;gap:5px;font-size:12px;display:flex}.cat-dot{background:var(--status);border-radius:50%;width:7px;height:7px}.cat-gap{color:var(--muted);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:20px;align-items:center;gap:5px;margin-top:9px;padding:3px 9px;font-size:11.5px;display:inline-flex}.cat-gap i{font-size:13px}.grid2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:13px;margin-bottom:13px;display:grid}@media (width<=720px){.grid2{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:15px 17px}.card-h{color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:600}.exp-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.exp-row:last-child{border-bottom:none;padding-bottom:0}.exp-ic{background:var(--surface-2);width:36px;height:36px;color:var(--muted);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.exp-t{flex:1;min-width:0}.exp-t b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.exp-t span{color:var(--muted);font-size:12px}.exp-badge{white-space:nowrap;color:var(--st);background:color-mix(in srgb,var(--st) 16%,transparent);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.legend{flex-direction:column;gap:8px;margin-top:8px;display:flex}.legend span{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.legend .d{border-radius:3px;flex-shrink:0;width:9px;height:9px}.empty-note{color:var(--muted);padding:8px 0;font-size:14px}.overlay{z-index:40;background:#00000080;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:380px;color:var(--text);padding:20px}.modal h3{margin:0 0 4px;font-size:16px}.modal .gap-item{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding:9px 0;font-size:13px;display:flex}.modal .gap-item span{color:var(--soon)}.modal-close{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;border-radius:9px;margin-top:14px;padding:9px;font-size:13px}