.harbor-auth{box-sizing:border-box;background:linear-gradient(180deg, color-mix(in srgb, var(--brand-soft) 36%, transparent), transparent 38%), var(--bg-root);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);padding:var(--space-6);justify-content:center;align-items:center;display:flex}.harbor-auth__container{width:min(100%,392px)}.harbor-auth__brand{margin-bottom:var(--space-8);text-align:center}.harbor-auth__logo-row{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.harbor-auth__logo-text{color:var(--text-primary);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:30px;font-weight:500;line-height:1}.harbor-auth__subtitle{margin:var(--space-2) 0 0;color:var(--text-muted);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:800}.harbor-auth__card{box-shadow:var(--shadow-md)}.harbor-auth__title{margin:0 0 var(--space-5);color:var(--text-primary);font-size:18px;font-weight:800}.harbor-auth-form{flex-direction:column;display:flex}.harbor-auth-form .harbor-field{margin-bottom:var(--space-4)}.harbor-auth-submit{width:100%;margin-top:var(--space-1)}.harbor-auth-link{width:100%;color:var(--accent-blue);cursor:pointer;font:inherit;margin-top:var(--space-4);background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.harbor-auth-copy{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:13px;line-height:1.6}.harbor-auth-code{text-align:center;letter-spacing:0;font-size:20px;font-weight:800}.harbor-auth-message{border-radius:var(--radius-sm);margin:0 0 var(--space-3);padding:var(--space-2-5) var(--space-3);text-align:center;font-size:13px;font-weight:700;line-height:1.4}.harbor-auth-message--error{background:color-mix(in srgb, var(--accent-red) 11%, transparent);color:var(--accent-red)}.harbor-auth-message--success{background:color-mix(in srgb, var(--accent-green) 11%, transparent);color:var(--accent-green)}
.harbor-state{box-sizing:border-box;text-align:center;width:100%;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;display:flex}.harbor-state--left{text-align:left;align-items:flex-start}.harbor-state--spacious{gap:var(--space-4);min-height:180px;padding:var(--space-8) var(--space-4)}.harbor-state--compact{gap:var(--space-3);min-height:96px;padding:var(--space-4) var(--space-3)}.harbor-state--panel{gap:var(--space-3);min-height:240px;padding:var(--space-6)}.harbor-state--full{gap:var(--space-3);min-height:100vh;padding:var(--space-6);background:var(--bg-root)}.harbor-state__icon{border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-muted);flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:inline-flex}.harbor-state__copy{gap:var(--space-1);flex-direction:column;max-width:460px;display:flex}.harbor-state__title{color:var(--text-primary);font-size:14px;font-weight:750}.harbor-state__description{max-width:380px;color:var(--text-secondary);font-size:13px;line-height:1.5}.harbor-state__action{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.harbor-spinner{border-style:solid;border-color:var(--border-primary);border-top-color:var(--accent-blue);border-radius:var(--radius-full);flex-shrink:0;animation:.8s linear infinite harbor-spin;display:inline-block}@keyframes harbor-spin{to{transform:rotate(360deg)}}