:root{--bg-base: #0a0f1e;--bg-panel: rgba(255, 255, 255, .06);--bg-panel-hover: rgba(255, 255, 255, .09);--border-glass: rgba(255, 255, 255, .12);--blur: blur(20px);--accent-cyan: #00d4ff;--accent-green: #00ff88;--accent-amber: #ffb800;--accent-red: #ff4d6a;--text-primary: #e8eaf6;--text-muted: rgba(232, 234, 246, .5);--radius-panel: 16px;--radius-input: 8px;--radius-badge: 4px;--font-ui: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 800px at 15% -10%,rgba(0,212,255,.1),transparent 60%),radial-gradient(1000px 700px at 110% 10%,rgba(0,255,136,.08),transparent 55%),var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);font-size:14px;min-width:1280px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font-ui);cursor:pointer}input,select,textarea{font-family:var(--font-ui)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.main-area{padding:28px 36px 60px;overflow-x:hidden}.page-title{font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.page-sub{color:var(--text-muted);margin:0 0 24px;font-size:13px}.row{display:flex;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.grid-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.btn{background:var(--bg-panel);border:1px solid var(--border-glass);color:var(--text-primary);border-radius:var(--radius-input);padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:var(--bg-panel-hover)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,#00d4ff38,#00ff882e);border-color:#00d4ff80;color:#eafdff}.btn-primary:hover{background:linear-gradient(135deg,#00d4ff52,#00ff8842)}.btn-danger{border-color:#ff4d6a80;color:#ffd5dd;background:#ff4d6a1f}.btn-danger:hover{background:#ff4d6a38}.btn-sm{padding:5px 10px;font-size:12px}.input,.select,.textarea{width:100%;background:#00000040;border:1px solid var(--border-glass);border-radius:var(--radius-input);color:var(--text-primary);padding:9px 12px;font-size:13px;outline:none;transition:border-color .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent-cyan)}.field-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px}.field{margin-bottom:14px}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}