:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#edf3fb;background:#07111d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 22% 0,#17314c 0,transparent 35%),#07111d;color:#edf3fb}.app-shell{min-height:100vh;display:grid;grid-template-columns:330px minmax(0,1fr)}.nav{position:sticky;top:0;height:100vh;overflow:auto;padding:26px 18px;background:linear-gradient(180deg,#0c1a2b,#07111d);border-right:1px solid rgba(219,233,248,.16);display:flex;flex-direction:column;gap:7px}.brand{color:#f2ca72;text-decoration:none;font-weight:800;font-size:19px;padding:8px 12px}.nav-title,.eyebrow{color:#aebdcd;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.nav-title{padding:22px 12px 8px}.nav a:not(.brand){color:#d7e2ee;text-decoration:none;padding:14px;border-radius:9px;font-size:16px;font-weight:650;border:1px solid transparent}.nav a:not(.brand):hover,.nav a.active{background:#19314b;border-color:#f2ca725c;color:#fff}.nav-footer{margin-top:auto;padding:16px 12px;color:#9eafc1;line-height:1.6;font-size:13px;border-top:1px solid rgba(219,233,248,.12)}.page{max-width:1680px;margin:0 auto;padding:42px;min-width:0}.page header{margin-bottom:30px}.page h1{font-size:clamp(30px,3vw,48px);margin:8px 0 12px;letter-spacing:-.04em}.page header>p:last-child{font-size:18px;color:#c2cfdd;max-width:900px;line-height:1.55}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-bottom:22px}.metric{background:linear-gradient(145deg,#14263a,#0d1b2b);border:1px solid rgba(219,233,248,.16);border-radius:14px;padding:19px;min-height:135px;display:flex;flex-direction:column;gap:7px}.metric span,.metric small{color:#aebdcd;font-size:14px}.metric strong{font-size:30px;color:#f2ca72;overflow-wrap:anywhere}.card{background:#0d1b2b;border:1px solid rgba(219,233,248,.16);border-radius:14px;padding:24px;margin:20px 0;overflow:hidden}.card h2{margin:0 0 18px;font-size:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.table-wrap{overflow:auto;border:1px solid rgba(219,233,248,.13);border-radius:9px}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid rgba(219,233,248,.1);font-size:14px;vertical-align:top}th{background:#14263a;color:#f2ca72;text-transform:capitalize;white-space:nowrap}td{color:#d8e2ec}.state{padding:20px;color:#c2cfdd;background:#2644603d;border-radius:9px;line-height:1.5}.state.warning{color:#f7cf78;border:1px solid rgba(242,202,114,.35)}.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin:0}.info div{padding:12px;background:#14263a;border-radius:8px}.info dt{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#aebdcd}.info dd{margin:7px 0 0;font-size:16px;overflow-wrap:anywhere}.note{color:#aebdcd;line-height:1.55;margin:16px 0 0}@media(max-width:1100px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.nav a:not(.brand){font-size:14px}.page{padding:28px}.two{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.nav{position:static;height:auto;display:grid;grid-template-columns:1fr 1fr;padding:15px;gap:5px}.brand,.nav-title,.nav-footer{grid-column:1/-1}.nav-title{padding:10px 8px 4px}.nav a:not(.brand){padding:11px 10px;font-size:13px}.nav-footer{margin-top:10px}.page{padding:22px 15px}.page header>p:last-child{font-size:16px}.card{padding:16px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px;min-height:115px}.metric strong{font-size:24px}}.login{min-height:100vh;display:grid;place-items:center;padding:22px}.login form{width:min(100%,520px);padding:36px;background:#0d1b2b;border:1px solid rgba(242,202,114,.34);border-radius:16px;box-shadow:0 22px 70px #00000059}.login h1{font-size:34px;margin:9px 0 12px}.login p{color:#c2cfdd;line-height:1.55}.login label{display:grid;gap:7px;margin-top:18px;font-size:14px;font-weight:700}.login input{padding:13px;border:1px solid rgba(219,233,248,.24);background:#07111d;color:#fff;border-radius:8px;font:inherit}.login button,.logout{margin-top:22px;border:1px solid #f2ca72;background:#f2ca72;color:#1a1305;padding:12px 17px;border-radius:8px;font:700 15px Inter,Arial,sans-serif;cursor:pointer}.login button:disabled{opacity:.6;cursor:wait}.logout{display:block;margin-top:13px;background:transparent;color:#f2ca72;padding:7px 10px;font-size:13px}