@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";
:root{--bg-primary:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--accent-primary:#4f46e5;--accent-primary-hover:#4338ca;--accent-glow:#4f46e533;--accent-cyan:#0891b2;--accent-emerald:#059669;--accent-rose:#e11d48;--accent-amber:#d97706;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--border-subtle:#e2e8f0;--border-focus:#4f46e599;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-card:0 4px 20px -2px #0f172a0f, 0 2px 6px -1px #0f172a08;--shadow-lg:0 10px 30px -3px #0f172a14, 0 4px 12px -2px #0f172a0a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;min-height:100%;overflow:hidden auto}body{background-color:var(--bg-primary);width:100%;min-height:100%;color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden auto}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{color:var(--text-main);background-color:#fff;font-family:inherit}.glass-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff}.glass-pill{border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);background:#fff}.btn-primary{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 10px #4f46e540}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 14px #4f46e559}.btn-secondary{color:#1e293b;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #cbd5e1;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-icon{border-radius:var(--radius-full);color:#334155;width:44px;height:44px;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #cbd5e1;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-icon:hover{color:#0f172a;background:#f1f5f9}.btn-icon.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.btn-icon.danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-icon.danger:hover{background:#fee2e2}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}