@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Public+Sans:wght@400;500;600;700&display=swap";:root{--bg:#eef1f5;--surface:#fff;--surface-2:#f5f7fa;--navy:#0c1f3d;--navy-2:#123063;--ink:#16202c;--muted:#5b6472;--faint:#94a0b3;--border:#e2e6ec;--border-strong:#cdd3dd;--gold:#c9a227;--gold-ink:#7a5a1c;--gold-soft:#c9a22722;--good:#1f9d6c;--good-tint:#1f9d6c1a;--warn:#c07a1e;--warn-tint:#c07a1e1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#070f1c;--surface:#0e1c30;--surface-2:#0b1728;--navy:#081426;--navy-2:#0f2440;--ink:#e8ecf3;--muted:#9aa5b5;--faint:#5f6b80;--border:#1c2a40;--border-strong:#293c58;--gold:#e0b750;--gold-ink:#f0d493;--gold-soft:#e0b75026;--good:#3fcf95;--good-tint:#3fcf9522;--warn:#e0a748;--warn-tint:#e0a74822;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Public Sans,-apple-system,Segoe UI,Roboto,sans-serif}.serif{font-family:Fraunces,serif}.sidebar{background:linear-gradient(180deg, var(--navy), var(--navy-2));color:#eef2f8;z-index:40;flex-direction:column;flex:none;width:232px;padding:20px 14px;display:flex;position:fixed;top:0;bottom:0;left:0}.sb-logo img{height:30px;margin-bottom:22px}.navlist{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.navlist a{color:#cfd9ea;border-radius:8px;align-items:center;gap:11px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.navlist a:hover{background:#ffffff14}.navlist a.active{background:var(--gold);color:#241a06;font-weight:700}.divider{background:#ffffff24;height:1px;margin:14px 4px}.sidebar .grow{flex:1}.navlist a.danger{color:#f2a89e;cursor:pointer}.main{flex-direction:column;flex:1;min-width:0;margin-left:232px;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:14px;padding:12px 24px;display:flex;position:sticky;top:0}.tb-search{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:9px;flex:1;align-items:center;gap:9px;max-width:340px;padding:9px 12px;display:flex}.tb-search input{font:inherit;width:100%;color:var(--ink);background:0 0;border:none;outline:none}.tb-spacer{flex:1}.tb-user{align-items:center;gap:9px;display:flex}.tb-avatar{background:var(--gold);color:#241a06;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:12.5px;font-weight:700;display:flex}.tb-user .who{text-align:left;line-height:1.25}.tb-user .who .n{font-size:12.5px;font-weight:600}.tb-user .who .r{color:var(--muted);font-size:11px}.content{flex-direction:column;gap:26px;padding:22px 24px 48px;display:flex}.hero-card{background:linear-gradient(120deg, var(--navy), var(--navy-2));color:#fff;border-radius:16px;padding:26px 28px}.hero-card h1{margin:0 0 5px;font-size:24px;font-weight:600}.hero-card p{color:#c7d2e4;margin:0;font-size:13.5px}.group-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.group-head h2{margin:0;font-size:16px}.grid3{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px;display:grid}@media (width<=900px){.grid3{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid3{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 1px 2px #101a280f,0 10px 26px -14px #101a282e}.card .name{margin:0;font-size:15px;font-weight:700}.card .cat{color:var(--faint);font-size:11px}.card .desc{color:var(--muted);flex:1;margin:0;font-size:13px}.card-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.status{align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.status .dot{border-radius:50%;width:7px;height:7px}.status.good{color:var(--good)}.status.good .dot{background:var(--good)}.status.warn{color:var(--warn)}.status.warn .dot{background:var(--warn)}.btn{border:1px solid #0000;border-radius:8px;padding:8px 13px;font-size:12.5px;font-weight:700;text-decoration:none}.btn.primary{background:var(--navy);color:#fff}.btn.pending{color:var(--muted);border-color:var(--border-strong);background:0 0}.empty-state{color:var(--muted);text-align:center;padding:40px 0;font-size:13.5px}@media (width<=900px){.sidebar{display:none}.main{margin-left:0}}@keyframes cu-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.card,.hero-card{animation:none!important}}.navlist a{transition:background-color .15s,color .15s}.btn{transition:background-color .15s,transform .1s,opacity .15s}.btn:hover{opacity:.92}.btn:active{transform:scale(.97)}.card{transition:transform .15s,box-shadow .15s;animation:.4s cubic-bezier(.16,1,.3,1) both cu-rise}.card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #101a281a,0 16px 32px -16px #101a283d}.grid3 .card:first-child{animation-delay:20ms}.grid3 .card:nth-child(2){animation-delay:60ms}.grid3 .card:nth-child(3){animation-delay:.1s}.grid3 .card:nth-child(4){animation-delay:.14s}.grid3 .card:nth-child(5){animation-delay:.18s}.grid3 .card:nth-child(6){animation-delay:.22s}.hero-card{animation:.45s cubic-bezier(.16,1,.3,1) both cu-rise}.tb-avatar{transition:transform .15s}.tb-user:hover .tb-avatar{transform:scale(1.06)}