:root{--font-sans:"Outfit", sans-serif;--font-chat:"Quicksand", sans-serif;--primary-hue:275;--primary:hsl(var(--primary-hue), 85%, 65%);--primary-glow:hsla(var(--primary-hue), 85%, 65%, .35);--secondary-hue:320;--secondary:hsl(var(--secondary-hue), 90%, 65%);--accent-hue:195;--accent:hsl(var(--accent-hue), 90%, 55%);--bg-deep:#101018;--bg-surface:#1a1a23;--border-color:#39394666;--text-primary:#f2f2f2;--text-secondary:#b9b9c6;--text-muted:#838395;--glass-bg:#14121e73;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(12px);--header-height:70px;--sidebar-width:320px}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;overflow:hidden}#root{flex-direction:column;width:100vw;height:100vh;display:flex}@keyframes breathe{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.008)}to{transform:translateY(0)scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px var(--primary-glow), 0 0 10px var(--primary-glow)}50%{box-shadow:0 0 15px var(--primary), 0 0 20px var(--primary-glow)}}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover{box-shadow:0 6px 20px hsla(var(--primary-hue), 85%, 65%, .5);transform:translateY(-2px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;background:#ffffff14;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff26;border-color:#fff3}.input-field{border:1px solid var(--border-color);color:#fff;background:#14141e99;border-radius:12px;outline:none;padding:12px 16px;font-size:15px;transition:all .3s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.gradient-text{background:linear-gradient(135deg, #fff 30%, var(--primary) 70%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.auth-screen{background:var(--bg-deep);background-image:radial-gradient(at 20% 20%,#8311d440 0%,#0000 60%),radial-gradient(at 80% 80%,#da0b9533 0%,#0000 60%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{border-radius:1.5rem;flex-direction:column;gap:1.5rem;width:100%;max-width:400px;padding:2.5rem 2rem;display:flex}.auth-brand{text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex}.auth-logo{font-size:2.5rem;animation:3s ease-in-out infinite pulse-glow}.auth-title{letter-spacing:.05em;background:linear-gradient(135deg, #fff 30%, var(--primary) 70%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2rem;font-weight:800}.auth-subtitle{color:var(--text-muted);margin:0;font-size:.85rem}.auth-tabs{background:#ffffff0a;border-radius:.75rem;gap:.5rem;padding:.3rem;display:flex}.auth-tab{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex:1;padding:.55rem;font-size:.9rem;font-weight:600;transition:all .2s}.auth-tab.active{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 2px 12px var(--primary-glow)}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-error{color:#ff8080;background:#ff50501f;border:1px solid #ff50504d;border-radius:.6rem;padding:.6rem .9rem;font-size:.85rem}.auth-success{color:#80e0a0;background:#50c8781f;border:1px solid #50c8784d;border-radius:.6rem;padding:.6rem .9rem;font-size:.85rem}.auth-field{flex-direction:column;gap:.35rem;display:flex}.auth-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.auth-input{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);background:#ffffff0f;border-radius:.65rem;outline:none;padding:.7rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.auth-input::placeholder{color:var(--text-muted)}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-submit-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;font-family:var(--font-sans);cursor:pointer;box-shadow:0 4px 20px var(--primary-glow);border:none;border-radius:.75rem;margin-top:.25rem;padding:.85rem;font-size:1rem;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s}.auth-submit-btn:hover:not(:disabled){opacity:.9;box-shadow:0 6px 24px var(--primary-glow);transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-footer{text-align:center;color:var(--text-muted);margin:0;font-size:.85rem}.auth-switch-link{color:var(--primary);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-weight:600;text-decoration:underline}.auth-switch-link:hover{color:var(--secondary)}.auth-loading{background:var(--bg-deep);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-loading-spinner{font-size:3rem;animation:1.5s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.auth-user-badge{color:var(--text-secondary);border:1px solid var(--border-color);white-space:nowrap;background:#ffffff0d;border-radius:2rem;padding:.3rem .7rem;font-size:.8rem}.logout-btn{color:#ff9090;font-size:.8rem;font-family:var(--font-sans);cursor:pointer;background:#ff505014;border:1px solid #ff64644d;border-radius:.5rem;padding:.35rem .8rem;font-weight:600;transition:all .2s}.logout-btn:hover{color:#ffb0b0;background:#ff50502e;border-color:#ff646480}