.auth-screen{position:fixed;inset:0;z-index:50;overflow:auto;background:#f0f3f7;padding:36px;display:flex;align-items:flex-start;justify-content:center;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172c43}
.auth-shell{width:100%;max-width:1120px;min-height:740px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e4e9ef;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px #152d4910;margin:auto}
.auth-story{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0% 100%,#23627888,transparent 60%),linear-gradient(145deg,#102b46,#122f4c 65%,#153b53);padding:44px;display:flex;flex-direction:column;color:#fff}
.auth-story:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff08;border-radius:50%;right:-270px;top:90px;box-shadow:0 0 0 45px #ffffff03,0 0 0 90px #ffffff02;pointer-events:none}
.auth-brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700;letter-spacing:-.8px;text-decoration:none;color:inherit;position:relative;z-index:1;width:max-content}
.auth-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;flex-shrink:0;border:1px solid #ffffff45;border-radius:13px;background:#ffffff10;font-size:17px;font-weight:800;letter-spacing:-1px}
.auth-brand-sub{display:block;font-size:9px;font-weight:600;letter-spacing:2.2px;color:#a4bbc9;margin-top:2px}
.auth-story-copy{margin:66px 0 30px;position:relative;z-index:1}.auth-eyebrow,.auth-kicker{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#8dd0c9}.auth-story h2{font-size:46px;line-height:1.13;letter-spacing:-1.8px;font-weight:650;margin:16px 0 18px}.auth-story h2 span{color:#91d7d0}.auth-story-copy>p{font-size:14px;line-height:1.8;color:#b7c9d7;max-width:340px}
.auth-flow{border:1px solid #ffffff24;border-radius:18px;background:#ffffff07;padding:0 20px;position:relative;z-index:1;box-shadow:0 14px 35px #0617281c}.auth-flow-header{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.5px;color:#a6c3d1;padding:17px 0;border-bottom:1px solid #ffffff12}.auth-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#92d5c9;flex-shrink:0}.auth-flow-arrow{margin-left:auto;color:#91d7d0;font-size:17px}.auth-flow-row{display:flex;align-items:center;gap:14px;padding:17px 0}.auth-flow-row+.auth-flow-row{border-top:1px solid #ffffff0c}.auth-step{font-family:monospace;font-size:11px;color:#6e9aaf}.auth-flow-row strong{font-size:13px;display:block;font-weight:550}.auth-flow-row div>span{display:block;color:#9fb9ca;font-size:10px;margin-top:4px}.auth-flow-check{margin-left:auto;color:#8ed2c8;border:1px solid #8ed2c833;background:#8ed2c80d;border-radius:50%;width:20px;height:20px;text-align:center;font-size:11px;line-height:18px}.auth-story-footer{margin-top:auto;padding-top:36px;display:flex;align-items:center;gap:9px;font-size:10px;color:#9dbaca}
.auth-main{padding:48px 54px 25px;display:flex;flex-direction:column;min-width:0}.auth-form-area{margin:auto 0;padding:22px 0 28px}.auth-kicker{color:#60838c;font-size:9px;letter-spacing:1.6px}.auth-main h1{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:700;margin:12px 0 10px}.auth-intro{font-size:13px;line-height:1.75;color:#718091;margin:0}.auth-tabs{display:flex;background:#f1f4f7;border:1px solid #edf0f4;padding:4px;border-radius:11px;gap:4px;margin:26px 0}.auth-tabs button{width:50%;border:0;background:transparent;color:#7a8797;font-size:12px!important;font-weight:650;border-radius:8px;padding:10px;cursor:pointer;transition:background .15s,color .15s}.auth-tabs button[aria-selected=true]{background:#fff;color:#173853;box-shadow:0 2px 5px #142e4810}
.auth-form{display:flex;flex-direction:column;gap:18px}.auth-form.hidden{display:none}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field label{font-size:11px;font-weight:650;color:#35485d}.auth-field input,.auth-field select{width:100%;min-width:0;height:48px;border:1px solid #dfe5ec;border-radius:9px;padding:0 14px;background:#fcfdfe;color:#22384d;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.auth-field input::placeholder{color:#9aa7b5;font-size:12px}.auth-field input:focus,.auth-field select:focus{border-color:#3c8d97;box-shadow:0 0 0 3px #318c9712;background:#fff}.auth-field select{padding-right:28px}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.auth-text-button{border:0;background:none;color:#367c88;font-size:11px!important;font-weight:600;padding:0;cursor:pointer;text-align:left}.auth-text-button:hover{text-decoration:underline}.auth-label-row .auth-text-button{min-height:0!important}.auth-primary{min-height:48px;border:0;border-radius:9px;background:#153a56;color:#fff;font-size:13px!important;font-weight:650;padding:13px 18px;display:flex;justify-content:center;align-items:center;gap:16px;cursor:pointer;box-shadow:0 4px 9px #153a5614;transition:background .15s,transform .15s;margin-top:2px}.auth-primary:hover{background:#21516d}.auth-primary:active{transform:translateY(1px)}.auth-primary:disabled{opacity:.6;cursor:wait}.auth-primary>span{font-size:17px;line-height:1}.auth-form-footnote{font-size:10px;text-align:center;color:#8793a1;line-height:1.6;margin:0}.auth-note{display:flex;align-items:flex-start;gap:9px;padding:12px;background:#f2f7f8;border:1px solid #e4eef0;border-radius:9px;color:#70858c}.auth-note p{font-size:10px;line-height:1.7;margin:0}.auth-note strong{color:#416572;font-weight:650}.auth-note-icon{font-size:10px;border:1px solid #9fb8c1;border-radius:50%;width:14px;height:14px;line-height:12px;text-align:center;flex-shrink:0;margin-top:2px}.auth-status:empty{display:none}.auth-status{background:#f0f7fb;border:1px solid #d8e8f1;color:#375a72;font-size:12px;line-height:1.7;border-radius:9px;padding:12px;margin:0 0 18px;overflow-wrap:anywhere}.auth-owner{border-top:1px solid #edf0f3;padding-top:17px;margin-top:5px;color:#91a0af;font-size:10px}.auth-owner summary{cursor:pointer}.auth-owner p{font-size:11px;line-height:1.7;margin:12px 0}.auth-owner .auth-text-button{line-height:1.7}.auth-cancel{margin-top:18px}.auth-footer{display:flex;align-items:center;justify-content:center;gap:8px;color:#9aa6b3;font-size:9px;border-top:1px solid #f0f2f5;padding-top:20px}.auth-lock{color:#6e9799}.auth-mobile-brand{display:none}.auth-screen button:focus-visible,.auth-screen a:focus-visible,.auth-owner summary:focus-visible{outline:3px solid #68b8bd;outline-offset:3px}
@media(min-width:1000px){.auth-shell:has(#staff-signup-tab[aria-selected=true]){min-height:830px}.auth-shell:has(#staff-signup-tab[aria-selected=true]) .auth-form-area{padding-top:0}}
@media(max-width:900px){.auth-screen{padding:24px}.auth-story{padding:32px}.auth-story h2{font-size:37px}.auth-main{padding:36px 32px 24px}.auth-story-copy{margin-top:55px}.auth-flow{padding:0 14px}.auth-flow-row{gap:10px}}
@media(max-width:680px){.auth-screen{padding:0;background:#fff}.auth-shell{display:block;min-height:100%;border:0;border-radius:0;box-shadow:none;max-width:480px}.auth-story{display:none}.auth-main{padding:28px 26px 22px;min-height:100dvh}.auth-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:40px}.auth-mobile-brand .auth-brand-mark{color:#fff;background:#153a56;width:34px;height:34px;border-radius:10px;font-size:13px}.auth-mobile-brand strong{font-size:20px;letter-spacing:-.7px}.auth-mobile-brand>span:last-child{margin-left:auto;font-size:9px;color:#8796a4}.auth-form-area{margin:0;padding:0 0 35px}.auth-main h1{font-size:30px}.auth-tabs{margin:24px 0}.auth-form{gap:17px}.auth-field label{font-size:12px}.auth-footer{margin-top:auto}.auth-shell:has(#staff-signup-tab[aria-selected=true]) .auth-mobile-brand{margin-bottom:25px}.auth-note p{font-size:11px}.auth-form-footnote{font-size:11px}.auth-owner{font-size:11px}}
@media(prefers-reduced-motion:reduce){.auth-screen *{transition:none!important}}

@media(min-width:901px) and (max-height:780px){.auth-screen{padding:22px}.auth-shell{min-height:calc(100dvh - 44px)}.auth-story{padding:32px}.auth-story-copy{margin-top:34px;margin-bottom:22px}.auth-story h2{font-size:40px}.auth-flow-row{padding:12px 0}.auth-story-footer{padding-top:22px}.auth-main{padding-top:24px}.auth-form-area{padding:12px 0 20px}}

/* The auth overlay must yield to the signed-in workspace. */
.auth-screen.hidden{display:none!important}