:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top left,rgba(0,170,68,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(255,215,0,.14),transparent 26%),#0b0f14;color:#f5f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card,.panel,.sidebar,.stat-card,.topbar{background:#121820db;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-card{width:min(460px,100%);border-radius:28px;padding:28px;display:grid;gap:18px}.login-card label{display:grid;gap:8px;color:#aab6ca}.login-card input{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;padding:14px 16px;border-radius:14px}.login-card button,.refresh-btn,.logout-btn,.nav-btn{border:0;border-radius:14px;cursor:pointer}.login-card button,.refresh-btn{background:linear-gradient(135deg,#0a4,gold);color:#08110b;font-weight:800;padding:14px 18px}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{padding:24px 18px;display:grid;gap:20px;border-radius:0 28px 28px 0}.brand-block h1{margin:4px 0 8px}.nav-btn{width:100%;text-align:left;padding:12px 14px;margin-bottom:8px;background:transparent;color:#d8e0ee;border:1px solid transparent}.nav-btn.active{background:#00aa4424;border-color:#00aa4459}.logout-btn{padding:12px 14px;background:#ff444426;color:#ffdada}.content{padding:24px;display:grid;gap:20px}.topbar{border-radius:22px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{border-radius:22px;padding:20px;display:grid;gap:10px}.stat-card span{color:#aab6ca}.stat-card strong{font-size:2rem}.stat-card.green strong{color:#39d37b}.stat-card.gold strong{color:gold}.stat-card.red strong{color:#ff7b7b}.two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.panel{border-radius:24px;padding:22px}.panel-head{margin-bottom:16px}.panel-head h2{margin:0 0 6px}.panel-head p,.muted,.eyebrow{color:#92a2bb}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem}.bars{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:110px 1fr 96px;gap:12px;align-items:center}.bar-track{height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#0a4,gold)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}th{color:#92a2bb;font-size:.88rem}.mono{font-family:JetBrains Mono,monospace}.error{color:#ff8080}.error.inline{margin:0}.empty{text-align:center;color:#92a2bb}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{border-radius:0 0 28px 28px}.hero-grid,.two-col{grid-template-columns:1fr}}