:root{--amber: #ffb700;--amber-light: #ffd566;--orange: #ff8c42;--coral: #ff6b6b;--magenta: #e91e63;--bg: #0d0f14;--bg-elevated: #141821;--panel: #181d28;--panel-hover: #1e2433;--surface: #1c2230;--text: #f0f2f5;--text-secondary: #b8bfcc;--muted: #6b7385;--border: #252b3a;--border-light: #2d3548;--accent: #ffb700;--accent-hover: #ffd566;--accent-dim: rgba(255, 183, 0, .12);--accent-glow: rgba(255, 183, 0, .25);--green: #2ecc71;--green-dim: rgba(46, 204, 113, .15);--red: #ff5c5c;--red-dim: rgba(255, 92, 92, .15);--yellow: #ffb020;--yellow-dim: rgba(255, 176, 32, .15);--blue: #4f9cff;--blue-dim: rgba(79, 156, 255, .15);--sidebar-w: 260px;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--transition: .2s cubic-bezier(.4, 0, .2, 1);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}button:hover,.btn:hover{background:var(--panel-hover);border-color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.btn-primary{background:linear-gradient(135deg,var(--amber) 0%,var(--orange) 100%);border:none;color:#1a1200;font-weight:600}button.primary:hover,.btn-primary:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}button.ghost{background:transparent;border-color:transparent}button.ghost:hover{background:var(--panel-hover)}button.danger{background:var(--red-dim);color:var(--red);border-color:#ff5c5c40}button.danger:hover{background:#ff5c5c40}input,select,textarea{width:100%;padding:11px 14px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:all var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input::placeholder{color:var(--muted)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--panel)}label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.page-header{margin-bottom:24px}.page-header h1{font-size:26px;font-weight:700;letter-spacing:-.5px}.page-header p{color:var(--text-secondary);margin-top:6px;font-size:14px}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}tbody td{padding:14px 16px;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition)}tbody tr:hover{background:var(--panel-hover)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-accent{background:var(--accent-dim);color:var(--accent)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.muted{color:var(--muted)}.text-secondary{color:var(--text-secondary)}.mono{font-family:JetBrains Mono,Fira Code,monospace}hr{border:none;border-top:1px solid var(--border);margin:20px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}