@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";@font-face{font-family:Nasalization;src:url(/nasalization.woff2)format("woff2");font-display:swap}:root{--bg-main:#0b0c10;--bg-sidebar:#111219cc;--bg-panel:#161823a6;--bg-card:#1e213073;--bg-paper:#161822;--border-color:#ffffff0f;--border-color-active:#ffa6d266;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-pink:#ffa6d2;--accent-pink-hover:#ffc2e2;--accent-gold:#f1ddcf;--accent-gold-hover:#f9f2ed;--accent-emerald:#10b981;--accent-rose:#f43f5e;--glow-shadow:0 0 20px #ffa6d226;--glass-blur:blur(16px);--transition-speed:.3s;--font-ui:"Outfit", "Inter", sans-serif}[data-theme=light]{--bg-main:#f5f4f0;--bg-sidebar:#f0ede6d9;--bg-panel:#fffc;--bg-card:#ffffffe6;--bg-paper:#fdfdfb;--border-color:#00000014;--border-color-active:#ffa6d273;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-pink:#e07bb0;--accent-pink-hover:#ffa6d2;--accent-gold:#c9997e;--accent-gold-hover:#e3bba3;--accent-emerald:#047857;--accent-rose:#be123c;--glow-shadow:0 4px 20px #ffa6d214}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;margin:0;padding:0}body{font-family:var(--font-ui);background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);transition:background-color var(--transition-speed) ease, border-color var(--transition-speed) ease}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);transition:transform var(--transition-speed) ease, border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease, background-color var(--transition-speed) ease;border-radius:16px;box-shadow:0 8px 32px #00000026}.glass-card:hover{border-color:var(--border-color-active);box-shadow:var(--glow-shadow);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--accent-pink), #e07bb0);color:#0b0c10;cursor:pointer;transition:all var(--transition-speed) ease;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 0 15px #ffa6d266}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all var(--transition-speed) ease;background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;display:inline-flex}.btn-secondary:hover{border-color:var(--border-color-active);background:#ffffff14}.input-field{border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-speed) ease;background:#0003;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit}.input-field:focus{border-color:var(--border-color-active);box-shadow:0 0 10px #ffa6d21a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.4s forwards fadeIn}.app-container{grid-template-columns:260px 1fr;min-height:100vh;display:grid}@media (width<=900px){.app-container{grid-template-columns:1fr}}