.auth-layout{background:var(--off-white,#f6f8fa);min-height:100vh;padding-top:60px}.login-page{width:100%;max-width:460px;margin:0 auto;padding:48px 24px 64px}.login-card{background:var(--white);border:1px solid var(--light-line,#e4e8ee);border-radius:14px;padding:40px 40px 36px;box-shadow:0 4px 24px #0e223314,0 1px 4px #0e22330a}.login-card-logo{align-items:center;gap:8px;margin-bottom:28px;display:flex}.login-card-logo-mark{width:28px;height:28px;display:block}.login-card-logo-text{letter-spacing:-.01em;color:var(--navy);font-size:15px;font-weight:800}.login-title{letter-spacing:-.03em;color:var(--navy);margin-bottom:10px;font-size:24px;font-weight:800;line-height:1.1}.login-subtitle{color:var(--text-sec);margin-bottom:28px;font-size:14px;line-height:1.65}.login-subtitle strong{color:var(--navy);font-weight:600}.login-btn-google{background:var(--white);width:100%;font-family:var(--font);color:var(--navy);cursor:pointer;border:1.5px solid #0f2d4a33;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.login-btn-google:hover{background:var(--off-white);border-color:#0f2d4a66}.login-divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-form{flex-direction:column;display:flex}.login-label{color:var(--navy);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.login-input{width:100%;font-family:var(--font);color:var(--navy);background:var(--white);border:1.5px solid #0f2d4a33;border-radius:10px;outline:none;padding:11px 14px;font-size:15px;transition:border-color .15s}.login-input:focus{border-color:var(--teal)}.login-input::placeholder{color:var(--text-muted)}.login-error{margin-top:6px;font-size:13px}.login-btn-email{background:var(--teal);width:100%;font-family:var(--font);color:var(--white);cursor:pointer;border:none;border-radius:10px;margin-top:12px;padding:12px 20px;font-size:15px;font-weight:600;transition:background .15s}.login-btn-email:hover:not(:disabled){background:var(--teal-dark)}.login-btn-email:disabled{opacity:.6;cursor:not-allowed}.otp-label{font-family:var(--mono);letter-spacing:.02em;color:var(--text-muted);margin-bottom:10px;font-size:12px;font-weight:500;display:block}.otp-group{align-items:center;gap:5px;width:100%;margin-bottom:18px;display:flex}.otp-input{background:var(--off-white,#f6f8fa);text-align:center;min-width:0;max-width:52px;height:56px;font-family:var(--mono);color:var(--teal);caret-color:var(--teal);appearance:none;border:1.5px solid #0f2d4a2e;border-radius:8px;outline:none;flex:1;font-size:24px;font-weight:500;transition:border-color .15s,background .15s,box-shadow .15s}.otp-input:focus{border-color:var(--teal);background:var(--white);box-shadow:0 0 0 3px #0d7c6b1f}.otp-input.filled{border-color:var(--teal);background:var(--white)}.otp-input.error{border-color:var(--verdict-false,#f87171);background:#f871710d}.otp-sep{background:#0f2d4a33;border-radius:1px;flex-shrink:0;width:10px;height:2px}.otp-error{font-family:var(--mono);margin-top:-4px;margin-bottom:14px;font-size:12px}.otp-submit{margin-top:0}.otp-actions{justify-content:center;align-items:center;gap:20px;margin-top:18px;display:flex}.otp-resend-form{margin:0}.otp-action-sep{background:#0f2d4a33;flex-shrink:0;width:1px;height:12px}.login-btn-link{font-family:var(--font);color:var(--teal);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:500;text-decoration:none}.login-btn-link:hover{color:var(--teal-hover,#0f9a87);text-decoration:underline}.login-sent{text-align:center;background:#0d7c6b0f;border:1px solid #0d7c6b33;border-radius:10px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.login-sent-icon{font-size:32px}.login-sent p{color:var(--text-sec);font-size:15px;line-height:1.55}.login-sent strong{color:var(--navy)}.account-shell{flex-direction:column;gap:24px;width:100%;max-width:720px;margin:0 auto;padding:clamp(48px,6vw,80px) clamp(20px,4vw,40px) 80px;display:flex}.account-shell .identity{align-items:center;gap:16px;margin-bottom:4px;display:flex}.account-avatar{background:linear-gradient(135deg, var(--teal), var(--teal-hover,#0f9a87));color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:19px;font-weight:700;display:flex}.identity-name{letter-spacing:-.01em;color:var(--navy-2,#0e2233);font-size:18px;font-weight:700}.identity-email{font-family:var(--mono);color:var(--text-sec);word-break:break-all;margin-top:2px;font-size:13px}.account-card{border:1px solid var(--light-line,#e4e8ee);background:#fff;border-radius:14px;overflow:hidden}.account-card-head{border-bottom:1px solid var(--light-line,#e4e8ee);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.account-card-title{letter-spacing:.005em;color:var(--navy-2,#0e2233);font-size:14px;font-weight:700}.account-card-action{font-family:var(--mono);color:var(--teal);white-space:nowrap;font-size:12px;font-weight:500;text-decoration:none}.account-card-action:hover{text-decoration:underline}.account-card-body{padding:4px 22px}.account-row{border-bottom:1px solid var(--light-line,#e4e8ee);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.account-row:last-child{border-bottom:none}.account-row-key{color:var(--text-sec);font-size:14px}.account-row-val{color:var(--navy-2,#0e2233);text-align:right;font-size:14px;font-weight:500}.account-mono{font-family:var(--mono);font-size:13px}.account-plan-badge{font-family:var(--mono);background:var(--off-white,#f6f8fa);color:var(--text-sec);border:1px solid var(--light-line,#e4e8ee);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.account-plan-badge-pro{color:var(--teal);background:#0d7c6b1a;border-color:#0d7c6b4d}.account-usage-card{padding:22px}.account-usage-row{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.account-usage-headline{letter-spacing:-.02em;color:var(--navy-2,#0e2233);font-size:26px;font-weight:700}.account-usage-of{color:var(--text-muted);font-size:16px;font-weight:500}.account-usage-reset{font-family:var(--mono);color:var(--text-muted);white-space:nowrap;font-size:12px}.account-usage-pro-headline{letter-spacing:-.02em;color:var(--navy-2,#0e2233);font-size:22px;font-weight:700}.account-usage-pro-sub{color:var(--text-sec);margin-top:4px;font-size:13px}.account-usage-bar{background:var(--off-white,#f6f8fa);border-radius:999px;width:100%;height:6px;margin-bottom:14px;overflow:hidden}.account-usage-fill{background:var(--teal);border-radius:999px;height:100%;transition:width .4s}.account-usage-fill-pro{background:linear-gradient(90deg, var(--teal), var(--teal-hover,#0f9a87))}.account-usage-hint{color:var(--text-sec);font-size:13px}.account-usage-hint a{color:var(--teal);font-weight:600;text-decoration:none}.account-usage-hint a:hover{text-decoration:underline}.account-usage-hint-pro{color:var(--teal);font-weight:500}.account-success{color:var(--text-sec);background:#0d7c6b14;border:1px solid #0d7c6b3d;border-radius:10px;padding:12px 16px;font-size:14px;line-height:1.5}.account-warning{color:var(--error);background:#f8717114;border:1px solid #f8717147;border-radius:10px;padding:12px 16px;font-size:14px;line-height:1.5}.account-notice{color:var(--text-sec);background:#f59e0b14;border:1px solid #f59e0b47;border-radius:10px;padding:12px 16px;font-size:14px;line-height:1.5}.account-primary-actions{flex-direction:column;gap:10px;display:flex}.account-primary-actions form{margin:0}.account-btn{width:100%;font-family:var(--font);text-align:center;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.account-btn-primary{background:var(--teal);color:#fff;border-color:var(--teal)}.account-btn-primary:hover{background:var(--teal-hover,#0f9a87);border-color:var(--teal-hover,#0f9a87)}.account-btn-ghost{color:var(--navy-2,#0e2233);border-color:var(--light-line,#e4e8ee);background:#fff}.account-btn-ghost:hover{border-color:var(--text-muted)}.account-meta-row{text-align:center;font-family:var(--mono);color:var(--text-muted);margin-top:8px;font-size:12px}.account-meta-row a{color:var(--teal);font-weight:500;text-decoration:none}.account-meta-row a:hover{text-decoration:underline}@media (max-width:480px){.login-card{padding:28px 24px}.account-usage-card,.account-card-head,.account-card-body{padding-left:18px;padding-right:18px}}