@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700;800;900&display=swap";
:root{--color-bg:#0f172a;--color-bg-card:#1e293b;--color-bg-muted:#272f42;--color-border:#334155;--color-fg:#f8fafc;--color-fg-muted:#94a3b8;--color-primary:#f59e0b;--color-primary-hover:#d97706;--color-on-primary:#0f172a;--color-secondary:#fbbf24;--color-accent:#8b5cf6;--color-accent-hover:#7c3aed;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--font-sans:"Fira Sans", system-ui, sans-serif;--font-mono:"Fira Code", monospace;--radius:.75rem;--radius-sm:.375rem;--radius-lg:1rem;--sidebar-width:240px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:1rem;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--color-fg);font-weight:800;line-height:1.15}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(1.75rem,4vw,3rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:1.25rem}.font-display{font-family:var(--font-sans);font-weight:900}.font-mono{font-family:var(--font-mono)}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 8px 25px #f59e0b59}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 8px 25px #8b5cf659}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:var(--color-on-primary)}.btn-ghost{color:var(--color-fg-muted);border:1.5px solid var(--color-border);background:0 0}.btn-ghost:hover{border-color:var(--color-fg-muted);color:var(--color-fg)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.btn-lg{padding:1rem 2.5rem;font-size:1rem}.btn-icon{border-radius:var(--radius-sm);padding:.65rem}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#475569;box-shadow:0 4px 24px #00000040}.card-glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius);background:#1e293bb3;border:1px solid #ffffff14}.input,.select,.textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-fg);font-family:var(--font-sans);background:#1e293b;outline:none;padding:.65rem .875rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--color-fg-muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #f59e0b26}.label{color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--color-primary);background:#f59e0b26}.badge-success{color:var(--color-success);background:#10b98126}.badge-danger{color:var(--color-danger);background:#ef444426}.badge-accent{color:var(--color-accent);background:#8b5cf626}.badge-muted{background:var(--color-bg-muted);color:var(--color-fg-muted)}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{text-align:left;background:var(--color-bg-muted);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border);padding:.75rem 1rem;font-size:.72rem;font-weight:700}.table td{border-bottom:1px solid var(--color-border);padding:.875rem 1rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#ffffff08}.alert{border-radius:var(--radius-sm);border:1px solid;padding:.875rem 1rem;font-size:.875rem}.alert-success{color:#6ee7b7;background:#10b9811a;border-color:#10b9814d}.alert-danger{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.alert-warning{color:#fde68a;background:#f59e0b1a;border-color:#f59e0b4d}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #fff3;border-top-color:var(--color-primary);border-radius:50%;width:1.25rem;height:1.25rem;animation:.6s linear infinite spin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#475569}::selection{color:var(--color-fg);background:#f59e0b40}