@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--accent-primary:#6366f1;--accent-secondary:#a855f7;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff1a;--glass-bg:#ffffff08;--glass-border:#ffffff14;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--transition-fast:.2s ease;--transition-slow:.4s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{outline:none;font-family:inherit}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(135deg,#ffffff0d 0%,#fff0 100%);border-radius:20px}.glass-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0003}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.gradient-btn{background:var(--accent-gradient);color:#fff;transition:filter var(--transition-fast), transform var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.gradient-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.gradient-btn:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-input{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), background var(--transition-fast);border-radius:10px;padding:.75rem 1rem}.glass-input:focus{border-color:var(--accent-primary);background:#ffffff0f}.glass-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.glass-btn:hover{background:#ffffff14;border-color:#fff3}.glass-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@media (width<=768px){.sidebar-collapsed{z-index:1000;transform:translate(-100%);height:calc(100vh - 2rem)!important;position:fixed!important}.sidebar-visible{z-index:1000;transform:translate(0);box-shadow:0 0 40px #00000080;height:calc(100vh - 2rem)!important;position:fixed!important}.main-content-mobile{padding:1rem!important}.container{padding:0 1rem}.glass-card{padding:1rem!important}.modal-content{width:95%!important;padding:1.5rem!important}.mobile-only-flex{display:flex!important}}