:root{color-scheme:dark;--bg: #040913;--bg-panel: rgba(9, 16, 30, .78);--bg-strong: rgba(5, 9, 18, .96);--line: rgba(126, 240, 255, .18);--cyan: #7ef0ff;--cyan-soft: rgba(126, 240, 255, .12);--gold: #ffd166;--green: #58f2a7;--text: #e8f5ff;--muted: #93a8bf;--shadow: 0 24px 60px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at 20% 0%,rgba(56,120,255,.16),transparent 34%),radial-gradient(circle at 85% 10%,rgba(200,56,197,.14),transparent 28%),var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif}body{min-height:100vh}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:2rem 1.2rem;border-right:1px solid var(--line);background:linear-gradient(180deg,#040811fa,#060b16eb);display:flex;flex-direction:column;gap:2rem}.sidebar-brand{display:flex;flex-direction:column;gap:.2rem;font-family:Orbitron,sans-serif;letter-spacing:.1em}.brand-mark{color:var(--text)}.brand-sub{color:var(--cyan)}.sidebar-nav{display:flex;flex-direction:column;gap:.75rem}.sidebar-link{text-decoration:none;color:var(--muted);border:1px solid transparent;padding:.95rem 1rem;border-radius:16px;background:#ffffff05}.sidebar-link.active{color:var(--text);border-color:#7ef0ff4d;background:linear-gradient(135deg,#7ef0ff1f,#111e38f5)}.sidebar-footer{margin-top:auto;display:grid;gap:1rem}.sidebar-label,.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--cyan)}.sidebar-user strong{display:block;margin-top:.35rem}.ghost-button,.primary-button{border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;cursor:pointer}.ghost-button{color:var(--text);background:#ffffff08}.primary-button{color:#031019;font-weight:700;background:linear-gradient(135deg,var(--cyan),#9af7ff)}.app-main{min-width:0;padding:2rem}.page-stack{display:grid;gap:1.5rem}.page-hero{display:flex;justify-content:space-between;align-items:end;gap:1rem}.page-hero h1{margin:.2rem 0 .5rem;font-family:Orbitron,sans-serif;font-size:clamp(2rem,3vw,3.4rem)}.muted{color:var(--muted)}.status-chip{padding:.6rem 1rem;border-radius:999px;border:1px solid var(--line);background:#ffffff0a}.metric-grid,.panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.metric-card,.glass-panel{border:1px solid var(--line);border-radius:24px;background:var(--bg-panel);box-shadow:var(--shadow)}.metric-card{padding:1.25rem;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.metric-card strong{font-size:clamp(2rem,4vw,3.5rem);font-family:Orbitron,sans-serif}.metric-card.gold{border-top:4px solid var(--gold)}.metric-card.cyan{border-top:4px solid var(--cyan)}.metric-card.green{border-top:4px solid var(--green)}.glass-panel{padding:1.3rem}.inline-row{display:flex;gap:.8rem}.inline-row input{flex:1;min-width:0;border-radius:14px;border:1px solid var(--line);background:#00000073;color:var(--cyan);padding:.95rem 1rem}.progress-bar{width:100%;height:12px;border-radius:999px;background:#ffffff14;overflow:hidden;margin:1rem 0}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),#8d9fff)}.table-shell{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.9rem .75rem;border-bottom:1px solid rgba(255,255,255,.08)}.alert-box.error{padding:1rem 1.2rem;border-radius:16px;border:1px solid rgba(255,103,122,.3);background:#ff677a14}.alert-box{padding:1rem 1.2rem;border-radius:16px;border:1px solid rgba(126,240,255,.2);background:#7ef0ff14}.action-form{display:grid;gap:.9rem;margin-top:1rem}.action-form label,.glass-panel label{display:grid;gap:.4rem;color:var(--muted);font-size:.9rem}.action-form input,.glass-panel input{width:100%;border-radius:14px;border:1px solid rgba(126,240,255,.18);background:#0000006b;color:var(--text);padding:.9rem 1rem}.action-form button{justify-self:start}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.metric-grid,.panel-grid{grid-template-columns:1fr}.page-hero{flex-direction:column;align-items:start}.inline-row{flex-direction:column}}
