@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500;600&display=swap");#root,body,html{height:100%;background-color:var(--bg-primary);color:var(--text-primary)}body{background-attachment:fixed;background-image:radial-gradient(at 0 0,rgb(139 92 246/8%) 0,transparent 50%),radial-gradient(at 100% 100%,rgb(99 102 241/8%) 0,transparent 50%)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;outline:none}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px}.glass-card{background:var(--grad-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-glass);transition:all var(--transition-normal)}.glass-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glass),var(--grad-glow);transform:translateY(-2px)}.btn-primary{background:var(--grad-primary);color:white;padding:10px 20px;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg),var(--grad-glow);filter:brightness(1.1)}.btn-secondary{background:rgb(255 255 255/4%);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 20px;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{background:rgb(255 255 255/8%);border-color:var(--text-secondary);transform:translateY(-2px)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger);padding:10px 20px;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-danger:hover{background:var(--danger);color:white;transform:translateY(-2px)}.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgb(255 255 255/5%);color:var(--text-secondary);transition:all .2s}.icon-btn:hover{background:var(--bg-hover);color:white;transform:scale(1.1)}.icon-btn.delete:hover{background:var(--danger-bg);color:var(--danger)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-purple{background:rgb(139 92 246/12%);color:var(--primary-light);border:1px solid rgb(139 92 246/25%)}.badge-green{background:rgb(16 185 129/12%);color:var(--success);border:1px solid rgb(16 185 129/25%)}.badge-yellow{background:rgb(245 158 11/12%);color:var(--warning);border:1px solid rgb(245 158 11/25%)}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-tertiary:#1f2937;--bg-accent:#1e1b4b;--bg-hover:#374151;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--primary:#8b5cf6;--primary-hover:#a78bfa;--primary-light:#c084fc;--secondary:#6366f1;--secondary-hover:#818cf8;--success:#10b981;--success-bg:rgb(16 185 129/10%);--success-border:rgb(16 185 129/20%);--warning:#f59e0b;--warning-bg:rgb(245 158 11/10%);--danger:#ef4444;--danger-bg:rgb(239 68 68/10%);--grad-primary:linear-gradient(135deg,#8b5cf6,#6366f1);--grad-dark:linear-gradient(180deg,#111827,#0b0f19);--grad-card:linear-gradient(145deg,rgb(31 41 55/70%),rgb(17 24 39/70%));--grad-gold:linear-gradient(135deg,#f59e0b,#d97706);--grad-glow:0 0 20px rgb(139 92 246/35%);--grad-glow-green:0 0 20px rgb(16 185 129/35%);--border-color:rgb(255 255 255/8%);--border-glow:rgb(139 92 246/20%);--shadow-sm:0 1px 2px 0 rgb(0 0 0/5%);--shadow-md:0 4px 6px -1px rgb(0 0 0/10%),0 2px 4px -1px rgb(0 0 0/6%);--shadow-lg:0 10px 15px -3px rgb(0 0 0/10%),0 4px 6px -2px rgb(0 0 0/5%);--shadow-glass:0 8px 32px 0 rgb(0 0 0/37%);--font-main:"Outfit",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,sans-serif;--font-code:"Fira Code",source-code-pro,menlo,monaco,consolas,monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-normal:0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-glow)}