.login-page{min-height:100vh;align-items:center;justify-content:center;background-color:#f9fafb;padding:1rem}.login-page,.login-shell{display:flex;flex-direction:column}.login-shell{width:100%;max-width:24rem;gap:1.5rem}.login-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:1rem;box-shadow:0 1px 2px 0 rgb(0 0 0/.05);padding:1.5rem}.login-brand{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem}.login-brand h1{font-size:1.25rem;font-weight:600;color:var(--color-lb-text,#2b2b2b)}.login-step{display:flex;flex-direction:column;gap:1.25rem}.login-input{width:100%;border-radius:.75rem;border:2px solid var(--color-lb-lime,#d2f272);background-color:#f9fafb;padding:.75rem 1rem;font-size:.875rem;color:var(--color-lb-text,#2b2b2b);outline:none;transition:all .15s ease}.login-input::placeholder{color:#9ca3af}.login-input:focus{border-color:var(--color-lb-pine,#0c4e38);background-color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-lb-pine,#0c4e38) 12%,transparent)}.login-input--otp{text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.5rem;letter-spacing:.4em}.login-input--otp::placeholder{color:#d1d5db;letter-spacing:.4em}.login-input--error{border-color:#fca5a5}.login-contact{position:relative;width:100%;display:flex;align-items:center;border-radius:.75rem;border:2px solid var(--color-lb-lime,#d2f272);background-color:#f9fafb;transition:all .15s ease}.login-contact:focus-within{border-color:var(--color-lb-pine,#0c4e38);background-color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-lb-pine,#0c4e38) 12%,transparent)}.login-contact--error{border-color:#fca5a5}.login-contact-prefix{display:inline-flex;align-items:center;gap:.25rem;padding:.75rem .25rem .75rem .75rem;font-size:.875rem;white-space:nowrap;background:none;border:0;outline:none;cursor:pointer;color:var(--color-lb-text,#2b2b2b)}.login-contact-flag{font-size:1rem;line-height:1}.login-contact-code{color:var(--color-lb-text-muted,#6b6b6b)}.login-contact-caret{font-size:.75rem;color:#9ca3af}.login-contact-divider{width:1px;align-self:stretch;background-color:#e5e7eb;margin:.5rem 0}.login-contact-input{flex:1 1 auto;min-width:0;background:transparent;border:0;outline:none;padding:.75rem 1rem;font-size:.875rem;color:var(--color-lb-text,#2b2b2b)}.login-contact-input::placeholder{color:#9ca3af}.login-contact-picker{position:absolute;left:0;top:calc(100% + 4px);z-index:50;width:16rem;border:1px solid #e5e7eb;border-radius:.75rem;background-color:#fff;box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);overflow:hidden}.login-contact-picker-search{padding:.5rem;border-bottom:1px solid #f3f4f6}.login-contact-picker-search input{width:100%;border-radius:.5rem;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.375rem .75rem;font-size:.875rem;outline:none;color:var(--color-lb-text,#2b2b2b)}.login-contact-picker-search input:focus{border-color:var(--color-lb-pine,#0c4e38);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-lb-pine,#0c4e38) 10%,transparent)}.login-contact-picker-list{list-style:none;margin:0;padding:0;max-height:13rem;overflow-y:auto}.login-contact-picker-empty{padding:.5rem .75rem;font-size:.875rem;color:var(--color-lb-text-muted,#6b6b6b)}.login-contact-picker-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;text-align:left;background:none;border:0;cursor:pointer;color:var(--color-lb-text,#2b2b2b);transition:background-color .12s ease}.login-contact-picker-item:hover{background-color:#f9fafb}.login-contact-picker-item--selected{background-color:color-mix(in srgb,var(--color-lb-pine,#0c4e38) 5%,transparent);color:var(--color-lb-pine,#0c4e38);font-weight:500}.login-contact-picker-flag{font-size:1rem;line-height:1}.login-contact-picker-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-contact-picker-code{color:var(--color-lb-text-muted,#6b6b6b);flex:0 0 auto}.login-banner{border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem}.login-banner--error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.login-banner--info{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;text-align:center;font-weight:500}.login-banner--info code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;letter-spacing:.15em}.login-otp-header{text-align:center;display:flex;flex-direction:column;gap:.375rem}.login-otp-header .primary{font-size:.875rem;font-weight:600;color:var(--color-lb-text,#2b2b2b)}.login-otp-header .meta{font-size:.75rem;color:var(--color-lb-text-muted,#6b6b6b)}.login-actions{display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.login-link{background:none;border:0;padding:0;font-weight:500;cursor:pointer;color:var(--color-lb-pine,#0c4e38)}.login-link:hover:not(:disabled){text-decoration:underline}.login-link:disabled{cursor:not-allowed}.login-link--muted,.login-link:disabled{color:var(--color-lb-text-muted,#6b6b6b)}.login-link--muted:hover{color:var(--color-lb-text,#2b2b2b);text-decoration:none}.login-prompt{font-size:.875rem;font-weight:700;color:var(--color-lb-text,#2b2b2b);margin:0}.login-footer{text-align:center;font-size:.75rem;color:var(--color-lb-text-muted,#6b6b6b)}.login-footer strong{font-weight:600;color:var(--color-lb-pine,#0c4e38)}.login-dev-panel{border-radius:.5rem;background-color:#eff6ff;border:1px solid #bfdbfe;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.login-dev-header{font-size:.75rem;font-weight:600;color:#1e40af;text-transform:uppercase;letter-spacing:.05em}.login-dev-search{width:100%;border-radius:.5rem;border:1px solid #bfdbfe;background-color:#fff;padding:.5rem .75rem;font-size:.875rem;color:var(--color-lb-text,#2b2b2b);outline:none}.login-dev-search:focus{border-color:#60a5fa;box-shadow:0 0 0 3px color-mix(in srgb,#60a5fa 20%,transparent)}.login-dev-results{max-height:16rem;overflow-y:auto;display:flex;flex-direction:column;gap:.125rem}.login-dev-empty{font-size:.75rem;color:#1e3a8a;text-align:center;margin:.25rem 0}.login-dev-item{display:flex;flex-direction:column;align-items:flex-start;background:none;border:0;border-radius:.375rem;padding:.5rem .625rem;cursor:pointer;text-align:left;transition:background-color .12s ease}.login-dev-item:hover{background-color:#dbeafe}.login-dev-name{font-size:.8125rem;font-weight:600;color:#1e3a8a}.login-dev-meta{font-size:.6875rem;color:#1d4ed8}.login-dev-hint{font-size:.6875rem;color:#1e40af;margin:.25rem 0 0;line-height:1.4}.login-dev-hint code{background-color:#dbeafe;border-radius:.25rem;padding:0 .25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.625rem}@keyframes lb-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card-enter{animation:lb-fade-up .45s cubic-bezier(.16,1,.3,1) both}@keyframes lb-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lb-step-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.login-step-enter{animation:lb-step-in .3s cubic-bezier(.16,1,.3,1) both}.login-step-exit{animation:lb-step-out .2s ease-in both;pointer-events:none}@keyframes lb-shake{0%,to{transform:translateX(0)}15%{transform:translateX(-5px)}30%{transform:translateX(5px)}45%{transform:translateX(-4px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}90%{transform:translateX(2px)}}.login-input-shake{animation:lb-shake .45s cubic-bezier(.36,.07,.19,.97) both}