@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--color-bg-primary:#0a0f1a;--color-bg-secondary:#111827;--color-bg-tertiary:#1a2234;--color-bg-elevated:#222d42;--color-bg-hover:#2a3650;--color-accent-primary:#f59e0b;--color-accent-secondary:#fbbf24;--color-accent-tertiary:#fcd34d;--color-accent-muted:#f59e0b26;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-accent:#f59e0b;--color-border:#2a3650;--color-border-accent:#f59e0b4d;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg, #0a0f1a 0%, #1a2234 50%, #0f172a 100%);--gradient-accent:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-card:linear-gradient(145deg, #1a2234cc 0%, #111827e6 100%);--gradient-glass:linear-gradient(135deg, #ffffff0d 0%, #ffffff05 100%);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-accent:0 4px 24px #f59e0b40;--shadow-glow:0 0 40px #f59e0b26;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--gradient-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{color:var(--color-text-secondary)}a{color:var(--color-accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-secondary)}code,pre{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-bg-hover)}input,textarea,select{color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);width:100%;transition:all var(--transition-fast);font-family:inherit;font-size:1rem}input:focus,textarea:focus,select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}button{cursor:pointer;border-radius:var(--radius-md);padding:var(--space-md) var(--space-xl);transition:all var(--transition-fast);border:none;font-family:inherit;font-size:1rem;font-weight:500}.container{width:100%;max-width:1400px;padding:0 var(--space-lg);margin:0 auto}.card{background:var(--gradient-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md)}.card:hover{border-color:var(--color-border-accent)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);padding:var(--space-md) var(--space-xl);transition:all var(--transition-fast);font-weight:500;display:inline-flex}.btn-primary{background:var(--gradient-accent);color:var(--color-bg-primary);box-shadow:var(--shadow-accent)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-elevated);border-color:var(--color-accent-primary)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:.875rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);background:var(--color-accent-muted);color:var(--color-accent-primary);font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:var(--color-success);background:#10b98126}.badge-error{color:var(--color-error);background:#ef444426}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:var(--space-md);border-bottom:1px solid var(--color-border)}th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}tr:hover td{background:var(--color-bg-tertiary)}@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 pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-slide-in{animation:.4s forwards slideIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.glass{background:var(--gradient-glass);-webkit-backdrop-filter:blur(20px)}