@tailwind base;@tailwind components;@tailwind utilities;:root,[data-theme=dark]{--bg-base:#0a0b0d;--bg-surface:#111318;--bg-elevated:#161820;--bg-hover:#1a1d24;--border:#1e2128;--border-light:#252830;--accent:#2b7fff;--accent-hover:#1a6fef;--accent-subtle:#2b7fff1f;--accent-glow:#2b7fff40;--text-primary:#f0f2f5;--text-secondary:#8b90a0;--text-muted:#4a4f5e;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--shadow:#0006;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif}[data-theme=light]{--bg-base:#f4f6f9;--bg-surface:#fff;--bg-elevated:#f8fafc;--bg-hover:#f1f4f8;--border:#e4e8ef;--border-light:#d8dee8;--accent:#2b7fff;--accent-hover:#1a6fef;--accent-subtle:#2b7fff14;--accent-glow:#2b7fff26;--text-primary:#0f1117;--text-secondary:#4a5568;--text-muted:#94a3b8;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--shadow:#00000014;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;transition:background-color .2s,color .2s}@layer components{@apply inline-flex items-center justify-center gap-2 px-4 py-2.5 rounded-lg text-sm font-semibold transition-all duration-150 active:scale-95;.btn-primary{background:var(--accent);color:#fff;border:1px solid #0000}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}@apply inline-flex items-center justify-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium transition-all duration-150 active:scale-95;.btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}@apply inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-150;.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--border-light)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:12px}@apply w-full px-3 py-2.5 rounded-lg text-sm transition-all duration-150;.input-field{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-light);font-family:var(--font-body);outline:none}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}@apply inline-flex items-center px-2 py-0.5 rounded-md text-xs font-semibold;.badge-blue{color:#60a5fa;background:#2b7fff26}.badge-green{color:#16a34a;background:#22c55e26}.badge-amber{color:#d97706;background:#f59e0b26}.badge-red{color:#dc2626;background:#ef444426}.badge-purple{color:#9333ea;background:#a855f726}.badge-gray{color:var(--text-muted);background:#8b90a026}[data-theme=dark] .badge-green{color:#4ade80}[data-theme=dark] .badge-amber{color:#fcd34d}[data-theme=dark] .badge-red{color:#f87171}[data-theme=dark] .badge-purple{color:#c084fc}@apply w-full;.data-table{border-collapse:separate;border-spacing:0}@apply px-4 py-3 text-left;.data-table thead th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-surface);font-size:11px;font-weight:600}.data-table tbody tr{cursor:pointer;transition:background .1s}.data-table tbody tr:hover td{background:var(--bg-elevated)}@apply px-4 py-3.5;.data-table tbody td{border-bottom:1px solid var(--border);color:var(--text-secondary);background:var(--bg-surface);font-size:13px}.data-table tbody td:first-child{color:var(--text-primary);font-weight:500}@apply card p-5;.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.stat-card:hover:before{opacity:1}@apply mb-8;.page-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:22px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.3s forwards fadeUp}.animate-fade-up-1{animation:.3s 50ms both fadeUp}.animate-fade-up-2{animation:.3s .1s both fadeUp}.animate-fade-up-3{animation:.3s .15s both fadeUp}.animate-fade-up-4{animation:.3s .2s both fadeUp}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.2}}}