*{box-sizing:border-box}:root{--bg:#f3f6fb;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#f97316;--red:#b91c1c;--green:#15803d}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:#0f172a;padding:20px}.login-card{width:min(430px,100%)}.logo{width:62px;height:62px;border-radius:17px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:31px;font-weight:900}.card,article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.login-card h1{font-size:34px;margin:18px 0 5px}.login-card p,.page-head p,.card p,small{color:var(--muted)}label{display:block;font-weight:750}input,select,textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:11px;margin-top:6px;background:#fff}textarea{min-height:100px}.primary,button{border:0;background:var(--brand);color:#fff;padding:12px 16px;border-radius:11px;font-weight:850}.full{width:100%;margin-top:12px}.topbar{position:sticky;top:0;z-index:8;background:#0f172a;color:#fff;padding:14px max(18px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center}.topbar h1{margin:2px 0}.topbar small{color:#cbd5e1}.top-actions{display:flex;gap:8px}.top-actions a{border:1px solid #334155;padding:9px 12px;border-radius:11px}.wrap{max-width:1120px;margin:auto;padding:18px 18px 86px}.hero{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:23px;padding:26px}.hero h2{font-size:29px;margin:12px 0 5px}.hero p{color:#cbd5e1}.online{color:#dcfce7}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0}.stats span{display:block;color:var(--muted);font-size:13px}.stats b{display:block;font-size:20px;margin-top:6px}.finance-stats{margin-top:0}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick a{background:#fff;border:1px solid var(--line);padding:17px;border-radius:15px;font-weight:800}.cards,.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.section-head,.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head h3{margin:0}.row{padding:12px 0;border-bottom:1px solid var(--line)}.row small{display:block}.progress{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:var(--brand)}.page-head h2{font-size:30px;margin-bottom:4px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.grid .wide{grid-column:1/-1}.grid button{align-self:end}.one{display:grid;gap:12px}.pill{background:#fff7ed;color:#c2410c;padding:6px 9px;border-radius:999px;font-size:12px}.pill.critical{background:#fee2e2;color:#991b1b}.material-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:13px}.plus{color:var(--green)}.minus{color:var(--red)}.alert{padding:12px;border-radius:12px;margin-bottom:14px}.error{background:#fee2e2;color:#991b1b}.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom);z-index:9}.bottom-nav a{width:min(20%,160px);text-align:center;padding:10px 3px;color:var(--muted);font-size:18px}.bottom-nav span{display:block;font-size:11px}.bottom-nav .active{color:var(--brand)}
@media(max-width:760px){.wrap{padding:14px 14px 84px}.stats{grid-template-columns:1fr 1fr}.quick,.cards,.dashboard-grid,.grid{grid-template-columns:1fr}.grid .wide{grid-column:auto}.material-form{grid-template-columns:1fr}.stats b{font-size:17px}}