.sign-in-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f2f5;padding:24px 16px}.sign-in-card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014,0 1px 4px #0000000a;padding:40px 36px;width:100%;max-width:420px}.sign-in-card--centered{text-align:center}.sign-in-header{display:flex;align-items:center;gap:14px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #eee}.sign-in-logo{flex-shrink:0}.sign-in-title{margin:0;font-size:20px;font-weight:700;color:#111827;line-height:1.2}.sign-in-subtitle{margin:2px 0 0;font-size:13px;color:#6b7280}.sign-in-intro{margin:0 0 24px;font-size:14px;color:#4b5563;line-height:1.6}.field-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.field-input{width:100%;box-sizing:border-box;padding:11px 14px;font-size:15px;border:1.5px solid #d1d5db;border-radius:7px;outline:none;transition:border-color .15s,box-shadow .15s;color:#111827;background:#fff}.field-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.field-input--error{border-color:#ef4444}.field-input--error:focus{box-shadow:0 0 0 3px #ef44441f}.field-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.field-error{margin:6px 0 0;font-size:13px;color:#ef4444}.sign-in-btn{display:block;width:100%;margin-top:18px;padding:12px 20px;background:#2563eb;color:#fff;font-size:15px;font-weight:600;border:none;border-radius:7px;cursor:pointer;transition:background .15s,transform .1s;text-align:center;text-decoration:none}.sign-in-btn:hover:not(:disabled){background:#1d4ed8}.sign-in-btn:active:not(:disabled){transform:scale(.98)}.sign-in-btn:disabled{background:#93c5fd;cursor:not-allowed}.sign-in-btn--link{display:inline-block;width:auto;margin-top:16px;padding:10px 24px}.btn-loading{display:flex;align-items:center;justify-content:center;gap:8px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sign-in-note{margin:16px 0 0;font-size:12px;color:#9ca3af;text-align:center}.sign-in-sent{text-align:center}.sent-icon{font-size:48px;margin-bottom:16px}.sent-heading{margin:0 0 10px;font-size:20px;font-weight:700;color:#111827}.sent-body{margin:0 0 16px;font-size:14px;color:#4b5563;line-height:1.6}.sent-hint{margin:0;font-size:13px;color:#6b7280}.link-btn{background:none;border:none;padding:0;color:#2563eb;font-size:inherit;cursor:pointer;text-decoration:underline}.verify-spinner-wrap{padding:24px 0}.verify-spinner{width:44px;height:44px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.verify-text{margin:0;font-size:15px;color:#4b5563}.verify-error-icon{font-size:44px;margin-bottom:14px}@media (max-width: 480px){.sign-in-card{padding:28px 20px}}Add to auth.css: .user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;background:none;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px;cursor:pointer;color:#374151;font-size:14px;transition:background .15s}.user-menu-trigger:hover{background:#f3f4f6}.user-avatar{width:28px;height:28px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.user-name{font-weight:500}.user-chevron{opacity:.5;flex-shrink:0}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0000001a;z-index:100;overflow:hidden}.user-menu-info{padding:12px 16px}.user-menu-email{margin:0 0 4px;font-size:13px;color:#374151;font-weight:500}.user-menu-role{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#2563eb;background:#eff6ff;padding:2px 8px;border-radius:4px}.user-menu-divider{margin:0;border:none;border-top:1px solid #f3f4f6}.user-menu-item{display:block;width:100%;text-align:left;padding:10px 16px;font-size:14px;background:none;border:none;cursor:pointer;color:#374151;transition:background .1s}.user-menu-item:hover{background:#f9fafb}.user-menu-item--signout{color:#ef4444}.user-menu-item--signout:hover{background:#fef2f2}