:root{font-family:"Segoe UI",Tahoma,Arial,sans-serif;--b:#2457e6;--g:#0b8b65;--r:#c83c4d;--i:#17213b;--m:#738097;--l:#e2e7f0;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--i)}button,input,select,textarea{font:inherit}.setup-body,.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f8faff,#eaf1ff)}.setup-card,.login-card{width:min(100%,520px);padding:32px;border:1px solid var(--l);border-radius:24px;background:#fff;box-shadow:0 24px 70px #17347718}.setup-mark,.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--b),#24a7c8);font-size:24px;font-weight:900}.setup-card h1,.login-card h1{margin:16px 0 6px}.setup-card>p,.login-card>p{margin:0 0 24px;color:var(--m)}.form-stack{display:grid;gap:14px}.form-stack label{display:grid;gap:7px;color:#536078;font-size:12px;font-weight:700}.form-stack input,.form-stack textarea,.search-input{width:100%;border:1px solid #cfd7e6;border-radius:11px;padding:11px 12px;background:#fbfcff;color:var(--i)}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 13px;border:1px solid #ccd5e4;border-radius:10px;background:#fff;color:#32405e;text-decoration:none;font-weight:750;font-size:12px;cursor:pointer}.primary{color:#fff;border-color:var(--b);background:var(--b)}.wide{width:100%}.danger{color:var(--r);border-color:#efc5cb}.success{color:var(--g);border-color:#b8dfd3}.warning{color:#a76b0d;border-color:#efd8af}.alert{padding:12px 14px;border-radius:11px;margin:12px 0;font-size:12px}.alert.error{color:#9e2837;background:#fff0f2}.alert.ok{color:#087253;background:#ebfaf4}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;color:#dce5f8;background:linear-gradient(180deg,#0c1934,#102854)}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 25px}.brand-mark{width:40px;height:40px;font-size:20px}.brand strong,.brand small{display:block}.brand small{color:#9fb1d4;font-size:10px}.nav{display:grid;gap:5px}.nav a{display:flex;gap:10px;padding:11px 12px;border-radius:11px;color:#b9c8e5;text-decoration:none;font-size:12px;font-weight:700}.nav a:hover,.nav a.active{color:#fff;background:#ffffff14}.sidebar-footer{position:absolute;bottom:20px;right:16px;left:16px}.sidebar-footer button{width:100%;color:#fff;background:#ffffff0b}.main-area{min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--l);background:#fff}.topbar h1{margin:0}.topbar small,.muted{color:var(--m)}.content{padding:25px 28px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card,.panel{border:1px solid var(--l);border-radius:17px;background:#fff;box-shadow:0 5px 20px #18325d08}.stat-card{padding:17px}.stat-head,.panel-head,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.stat-head{color:var(--m);font-size:11px}.stat-value{margin-top:10px;font-size:26px;font-weight:850}.stat-sub{color:var(--m);font-size:10px}.grid-2,.detail-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.detail-grid{grid-template-columns:1fr 1fr}.panel{padding:18px;margin-bottom:16px}.panel-head,.toolbar{margin-bottom:16px}.panel-head h2{margin:0;font-size:14px}.chart{height:220px;display:flex;align-items:end;gap:10px}.bar-item{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.bar-value,.bar-label{color:var(--m);font-size:9px}.bar{width:60%;min-height:3px;border-radius:8px;background:linear-gradient(#24a7c8,var(--b))}.status-list{display:grid;gap:12px}.status-row{display:grid;grid-template-columns:70px 1fr 40px;gap:10px;font-size:11px}.status-track{height:8px;border-radius:9px;background:#edf0f5;overflow:hidden}.status-fill{height:100%}.available-bg{background:#1aa67a}.active-bg{background:#2b61e8}.blocked-bg{background:#d64b5c}