:root{--primary:#3a7bff;--primary-light:#5b8cff;--background:#f5f7fb;--danger:#ff3b3b;--danger-light:#ff3b3b14;--success:#22c55e;--warning:#f59e0b;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border:#e5e9f2;--surface:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background-color:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100%;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:block;overflow-x:hidden}.auth-root{background-color:var(--background);flex-direction:column;width:100%;min-height:100dvh;display:flex}.container{width:100%;max-width:500px;margin:0 auto;padding:60px 24px}.logo-box{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:48px;display:flex;box-shadow:0 8px 20px #3a7bff59}.title{color:var(--text-primary);margin-bottom:6px;font-size:26px;font-weight:800}.subtitle{color:var(--text-secondary);margin-bottom:36px;font-size:14px}.input-group{margin-bottom:16px}.input-label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-tertiary);width:18px;height:18px;position:absolute;left:12px}.input-icon-right{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:12px}.input-field{background:var(--background);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:14px 16px 14px 44px;font-size:15px;transition:all .2s}.input-field::placeholder{color:var(--text-tertiary)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.forgot-password{text-align:right;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;width:100%;margin-bottom:12px;padding:4px 0;font-size:13px;display:block}.error-box{background:var(--danger-light);border:1px solid #ff3b3b4d;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:14px;display:flex}.error-text{color:var(--danger);font-size:13px;font-weight:500;line-height:1.4}.btn-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:8px;margin-bottom:24px;padding:16px;font-size:16px;font-weight:700;transition:opacity .2s}.btn-gradient:hover{opacity:.9}.btn-gradient:disabled{opacity:.7;cursor:wait}.footer-text{text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.btn-link{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700}.icon-btn{cursor:pointer;background:#fff;border:1.5px solid #e5e9f2;border-radius:50%;outline:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #00000005}.icon-btn:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #3a7bff1a}.icon-btn:active{transform:translateY(0)}.search-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;padding-top:100px;display:flex;position:fixed;inset:0}.search-modal{background:#fff;border-radius:24px;width:90%;max-width:500px;height:fit-content;padding:24px;box-shadow:0 20px 40px #0003}