@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--bg-hover:#22222f;--bg-card:#15151f;--accent-primary:#6366f1;--accent-secondary:#818cf8;--accent-glow:#6366f14d;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#2a2a3a;--border-hover:#3a3a4a;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px var(--accent-glow);--transition-fast:.15s ease;--transition-normal:.25s ease;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 20% 20%,#6366f114 0%,#0000 50%),radial-gradient(at 80% 80%,#818cf80f 0%,#0000 50%),radial-gradient(#6366f108 0%,#0000 70%);position:fixed;inset:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}input,select,textarea,button{font-family:inherit;font-size:inherit}input,select,textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);width:100%;transition:all var(--transition-fast);padding:12px 16px}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);outline:none}input::placeholder{color:var(--text-muted)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}select option{background:var(--bg-secondary);color:var(--text-primary)}button{cursor:pointer;background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);border:none;padding:12px 24px;font-weight:500}button:hover{background:var(--accent-secondary);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-secondary)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-color);padding:16px}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}tr:hover td{background:var(--bg-hover)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-primary{background:var(--accent-glow);color:var(--accent-secondary)}.badge-success{color:var(--accent-success);background:#10b98133}.badge-warning{color:var(--accent-warning);background:#f59e0b33}.badge-danger{color:var(--accent-danger);background:#ef444433}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:.3s forwards fadeIn}.animate-slideIn{animation:.3s forwards slideIn}.animate-scaleIn{animation:.2s forwards scaleIn}.mono{font-family:JetBrains Mono,monospace}@media (max-width:768px){html{font-size:14px}.container{padding:0 16px}th,td{padding:12px 8px}}