@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap");:root{--background:#f8fafc;--surface:hsla(0,0%,100%,.7);--surface-hover:rgba(241,245,249,.8);--border:rgba(0,0,0,.08);--border-hover:rgba(0,0,0,.15);--primary:#4f46e5;--primary-darker:#4338ca;--primary-glow:rgba(79,70,229,.2);--secondary:#0891b2;--text-main:#0f172a;--text-muted:#64748b;--danger:#ef4444;--success:#10b981;--active-nav-text:var(--primary-darker);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-glass:0 8px 32px rgba(0,0,0,.06);--shadow-input:inset 0 2px 4px rgba(0,0,0,.03);--grad-1:rgba(79,70,229,.08);--grad-2:rgba(8,145,178,.08);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.dark{--background:#0b0e14;--surface:rgba(26,31,44,.6);--surface-hover:rgba(42,48,60,.8);--border:hsla(0,0%,100%,.1);--border-hover:hsla(0,0%,100%,.2);--primary:#6366f1;--primary-darker:#4f46e5;--primary-glow:rgba(99,102,241,.4);--secondary:#22d3ee;--text-main:#fff;--text-muted:#94a3b8;--danger:#ef4444;--success:#10b981;--active-nav-text:#fff;--shadow-glass:0 4px 30px rgba(0,0,0,.5);--shadow-input:inset 0 2px 4px rgba(0,0,0,.2);--grad-1:rgba(99,102,241,.15);--grad-2:rgba(34,211,238,.1)}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Outfit,sans-serif;background-color:var(--background);color:var(--text-main);background-image:radial-gradient(at 0 0,var(--grad-1) 0,transparent 50%),radial-gradient(at 100% 100%,var(--grad-2) 0,transparent 50%);background-attachment:fixed;min-height:100vh;line-height:1.5;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}input,select,textarea{font-family:inherit;background:var(--surface);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-sm);padding:.75rem 1rem;transition:var(--transition);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow-glass);border-radius:var(--radius-lg)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-darker));color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;transition:var(--transition);box-shadow:0 4px 14px var(--primary-glow);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--surface);color:var(--text-main);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;border:1px solid var(--border);transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary:not(:disabled):hover{background:var(--surface-hover);border-color:var(--border-hover)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:rgba(239,68,68,.1);color:var(--danger);border:1px solid rgba(239,68,68,.2);padding:.5rem 1rem;border-radius:var(--radius-sm);transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-danger:hover{background:var(--danger);color:#fff}label{display:block;font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem}.form-group{margin-bottom:1.5rem}.flex-between{justify-content:space-between}.flex-between,.flex-center{display:flex;align-items:center}.flex-center{justify-content:center}