.role-entry .brand{display:block;margin:24px 0}.role-entry .hero{margin:30px 0}.spaced{margin-top:16px}.professional-photo{display:block;width:120px;height:120px;object-fit:cover;border-radius:50%;margin:20px auto;border:3px solid var(--gold)}.work-times{display:flex;gap:12px;direction:rtl}.work-times label{flex:1;min-width:0}.work-times input{direction:ltr;min-width:0;padding:8px}input[type=file]{max-width:100%;font-size:12px}.box{overflow-wrap:anywhere}.app[data-page=onboarding] header,.app[data-page=login] header,.app[data-page=register] header,.app[data-page=otp] header{display:none}.app[data-page=onboarding] nav,.app[data-page=login] nav,.app[data-page=register] nav,.app[data-page=otp] nav{display:none}.account-summary>svg{width:50px;height:50px}
fieldset.box{min-inline-size:0;padding:12px}.work-times input{width:100%;max-width:100%;font-size:13px}.work-times label{margin:8px 0}
/* Larger, readable canvas without scaling the interface down. */
.app{max-width:520px}nav{width:min(100%,520px)}.role-choice{padding:28px 0 10px}.role-heading .brand{display:block;margin-bottom:38px}.role-heading .eyebrow{display:block;margin-bottom:12px}.role-heading h1{font-size:36px;line-height:1.5}.role-heading p{color:var(--muted);margin-top:12px}.role-cards{display:grid;gap:18px;margin-top:30px}.role-card{display:flex;align-items:center;gap:18px;text-align:right;padding:24px 18px;border:1px solid #ded5c3;border-radius:24px;background:#fffdf7;box-shadow:0 8px 24px #112b4007;min-height:140px}.role-card>span:nth-child(2){flex:1;min-width:0}.role-card strong{display:block;font-size:21px}.role-card small{display:block;font-size:12px;line-height:1.9;margin-top:5px}.role-symbol{display:grid;place-items:center;width:66px;height:76px;border-radius:20px;background:#eae1cc;color:#8a692b;flex-shrink:0}.role-symbol svg{width:43px;height:43px}.guide-role{background:var(--navy);color:#fffdf7;border-color:var(--navy)}.guide-role small{color:#d3dce0}.guide-role .role-symbol{background:#ffffff15;color:#ddbd79}.role-arrow{font-size:23px}.role-foot{text-align:center;font-size:11px;color:var(--muted);margin:25px 0 4px}.social-divider{border-top:1px solid var(--line);text-align:center;margin:30px 0 20px}.social-divider span{position:relative;top:-15px;background:var(--bg);padding:0 15px;font-size:12px;color:var(--muted)}.social-buttons{display:grid;gap:12px}.social-login{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:13px;padding:14px;background:white;border:1px solid #d8d8d2;font-size:14px;font-weight:600}.social-login svg{width:23px;height:23px}.apple-login{background:#17212b;color:white;border-color:#17212b}.social-demo{width:min(90vw,420px);border:1px solid var(--line);border-radius:24px;padding:25px;background:var(--bg);color:var(--ink)}.social-demo::backdrop{background:#112b4088}.social-demo p{margin-top:14px;font-size:13px}.signup-heading{margin:12px 0 25px}.signup-heading h1{font-size:29px}.signup-heading p{color:var(--muted);margin-top:10px}.signup-progress{display:flex;gap:6px;margin-top:18px}.signup-progress span{height:5px;background:#dfd9ce;flex:1;border-radius:6px}.signup-progress .done{background:var(--gold)}#signupError{color:#962d24;margin-top:15px}.app[data-page=role-choice] header,.app[data-page=role-choice] nav,.app[data-page=guide-signup] nav{display:none}.app[data-page=guide-signup] main{padding-bottom:40px}.signup-heading~h1{font-size:24px}@media(max-width:360px){.role-card{padding:18px 12px;gap:12px}.role-symbol{width:52px;height:65px}.role-card strong{font-size:18px}.role-heading h1{font-size:31px}}
/* Side-by-side role selection. */
.role-heading{text-align:center}.role-heading .brand{margin-bottom:32px}.role-heading h1{font-size:34px}.role-heading p{font-size:13px}.role-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:36px}.role-card{flex-direction:column;justify-content:flex-start;text-align:center;gap:20px;padding:28px 12px 20px;min-height:292px;border-radius:26px}.role-card>span:nth-child(2){flex:1;width:100%}.role-card strong{font-size:20px;white-space:nowrap}.role-card small{font-size:12px;line-height:2;margin-top:10px}.role-symbol{width:78px;height:86px;border-radius:25px}.role-symbol svg{width:48px;height:48px}.role-arrow{display:grid;place-items:center;width:38px;height:38px;min-height:38px;border-radius:50%;background:#eee6d5;font-size:22px}.guide-role .role-arrow{background:#ffffff15;color:#e3c88f}.role-foot{margin-top:30px}@media(max-width:360px){.role-cards{gap:10px}.role-card{padding:22px 8px 16px;gap:15px;min-height:280px}.role-card strong{font-size:16px}.role-card small{font-size:11px}.role-symbol{width:65px;height:74px}.role-heading h1{font-size:29px}}
.role-cards{margin-top:78px}#profLanguages[multiple]{min-height:210px;padding:8px}#profLanguages[multiple] option{padding:10px 12px;border-radius:8px;margin:3px 0}#profLanguages[multiple] option:checked{background:var(--navy) linear-gradient(var(--navy),var(--navy));color:white}@media(max-width:360px){.role-cards{margin-top:64px}}
.system-vehicles{display:grid;gap:14px;margin-top:20px}.system-vehicle{display:flex;align-items:center;gap:14px;background:white;border:1px solid var(--line);border-radius:18px;padding:20px 15px;margin:0;cursor:pointer}.system-vehicle:has(input:checked){background:#f0e9d9;border-color:var(--gold)}.system-vehicle input{width:22px;min-height:22px;flex-shrink:0;accent-color:var(--navy)}.vehicle-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eae1cc;color:#8a692b}.vehicle-icon svg{width:32px;height:32px}.system-vehicle small{display:block;font-size:11px;font-weight:400;margin-top:4px}.system-vehicle strong{font-size:16px}
.app[data-page=guide-review] nav,.app[data-page=guide-review] header{display:none}.app[data-page=guide-review] main{padding:30px 25px 45px}.review-success{text-align:center}.review-brand{display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:right}.review-label{font-size:11px;color:var(--muted)}.success-seal{position:relative;display:grid;place-items:center;width:132px;height:132px;margin:54px auto 24px;background:#e5ece4;color:#42654a;border-radius:50%;box-shadow:0 0 0 12px #edf0e7,0 0 0 25px #f2f1e9}.success-seal svg{width:100px;height:100px}.success-seal>span{position:absolute;right:-13px;top:4px;font-size:32px;color:var(--gold);background:var(--bg);border-radius:50%;width:38px}.review-pill{display:inline-block;border:1px solid #d9c79f;background:#eee5d1;border-radius:24px;color:#856528;font-size:12px;padding:6px 16px;min-height:0}.review-success h1{font-size:42px;line-height:1.4;margin:18px 0 14px}.review-lead{font-size:14px;color:var(--muted);line-height:2}.review-timeline{background:white;border:1px solid var(--line);border-radius:22px;padding:25px 20px;margin:30px 0;text-align:right}.review-timeline>div{display:flex;gap:15px;position:relative;padding-bottom:25px}.review-timeline>div:last-child{padding-bottom:0}.review-timeline>div:not(:last-child):before{content:'';position:absolute;right:15px;top:33px;bottom:2px;width:1px;background:var(--line)}.review-timeline>div>span{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;background:#f0eee8;border-radius:50%;font-size:12px;color:#858c8c}.review-timeline .complete>span{background:#e5ece4;color:#42654a}.review-timeline .current>span{background:var(--navy);color:white}.review-timeline strong{font-size:14px}.review-timeline p{font-size:11px;color:var(--muted);margin-top:4px}.review-demo{border-top:1px solid var(--line);padding-top:16px;margin-top:18px;font-size:10px;line-height:2;color:var(--muted)}.professional-overview{margin:24px 0}.overview-person{display:flex;align-items:center;gap:15px}.overview-person h2{font-size:20px}.overview-person p{font-size:11px;color:var(--muted)}.overview-person .professional-photo{width:60px;height:60px;margin:0}.overview-avatar{width:60px;height:60px;display:grid;place-items:center;background:#eae1cc;border-radius:18px}.overview-avatar svg{width:32px;height:32px}.overview-progress{height:6px;border-radius:5px;background:#e6e0d3;margin-top:23px;overflow:hidden}.overview-progress span{display:block;height:100%;background:var(--gold)}.overview-summary{display:grid;gap:12px;margin-top:20px}.overview-summary button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:right;background:white;border:1px solid var(--line);border-radius:15px;padding:18px 14px}.overview-summary strong{font-size:10px;color:#96763b;font-weight:500}.overview-summary strong.ready{color:#42654a}@media(max-width:360px){.review-success h1{font-size:36px}.review-timeline{padding:20px 14px}.review-timeline p{font-size:10px}}
.sr-only,.accessible-file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;min-height:0}.icon-title{display:flex;gap:12px;align-items:center}.icon-title>svg{width:29px;height:29px;color:var(--gold);flex-shrink:0}.language-options{border:0;padding:0;margin:0;min-width:0}.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.language-option{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:white;border-radius:15px;padding:15px 12px;margin:0;cursor:pointer}.language-option input,.category-option input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.language-option small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}.language-option>span{flex:1;font-size:14px}.language-option b,.category-option>b{display:grid;place-items:center;border:1px solid #c8ccc9;border-radius:50%;width:23px;height:23px;color:transparent;font-size:13px;flex-shrink:0}.language-option:has(input:checked),.category-option:has(input:checked){border-color:var(--gold);background:#f0e9d9}.language-option:has(input:checked) b,.category-option:has(input:checked)>b{background:var(--navy);border-color:var(--navy);color:white}.language-option:focus-within,.category-option:focus-within,.upload-zone:focus-within{outline:3px solid var(--gold);outline-offset:3px}.category-options{display:grid;gap:13px;margin:20px 0}.category-option{position:relative;display:flex;align-items:center;gap:13px;text-align:right;background:white;border:1px solid var(--line);border-radius:18px;padding:18px 14px;margin:0;cursor:pointer}.category-option>span:nth-of-type(2){flex:1;min-width:0}.category-option strong{display:block;font-size:17px}.category-option small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:4px}.option-icon{display:grid;place-items:center;background:#eae1cc;color:#8a692b;border-radius:15px;width:50px;height:56px;flex-shrink:0}.option-icon svg{width:29px;height:29px}.upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;border:1.5px dashed #b9ad91;background:#fbf8f0;border-radius:19px;padding:23px 12px;cursor:pointer;margin:17px 0 10px}.upload-zone>small{font-size:11px;font-weight:400}.upload-symbol{display:grid;place-items:center;width:49px;height:49px;background:#eee5d1;color:#96743a;border-radius:16px}.upload-symbol svg{width:25px;height:25px}.upload-action{display:flex;align-items:center;gap:8px;background:var(--navy);color:white;border-radius:11px;padding:9px 18px;font-size:12px;margin-top:5px}.upload-action svg{width:19px;height:19px}.summary-label{display:flex;gap:12px;align-items:center}.summary-label svg{width:23px;height:23px;color:#96743a;flex-shrink:0}.overview-summary button>strong{white-space:nowrap}nav a svg{width:24px;height:24px}#accountButton svg{width:23px;height:23px}@media(max-width:360px){.language-option{padding:12px 9px}.language-option>span{font-size:13px}.category-option{gap:10px;padding:15px 10px}.option-icon{width:43px;height:48px}}
/* Account rows have fixed icon/text columns; legacy span auto-margins must not apply. */
.flat-account{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;margin:24px 0}.flat-account button{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:12px;align-items:center;text-align:right;min-height:72px;padding:15px 18px;font-size:14px}.flat-account button:last-child{border-bottom:0}.flat-account button span{margin:0}.flat-account .summary-label{display:grid;grid-template-columns:27px minmax(0,1fr);gap:13px;align-items:center;min-width:0}.flat-account .summary-label svg{width:24px;height:24px;justify-self:center}.flat-account .summary-label>span{min-width:0;line-height:1.8}.flat-account button>span:last-child{justify-self:end;color:#8a9296}.flat-account button:focus-visible{outline-offset:-4px}
.days-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.day-choice{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:14px;padding:16px 13px;margin:0}.day-choice input{width:22px;min-height:22px;accent-color:var(--navy)}.day-choice:has(input:checked){background:#eee5d1;border-color:var(--gold)}.locked-choices{display:grid;gap:12px;margin-top:24px}.locked-choices>div{display:flex;align-items:center;gap:14px;background:white;border:1px solid var(--line);border-radius:16px;padding:20px 15px}.locked-choices svg{width:26px;height:26px;color:var(--gold)}.locked-choices strong{flex:1}.locked-choices>div>span{color:#42654a}.requested-files{padding-right:22px;line-height:2.5}.batch-upload{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;background:var(--navy);color:white;border-radius:14px;padding:17px;margin:25px 0;cursor:pointer}.batch-upload svg{width:23px;height:23px}.batch-upload:focus-within{outline:3px solid var(--gold);outline-offset:4px}.uploaded-files>div{display:flex;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:14px;padding:15px;margin-top:12px;overflow-wrap:anywhere}.uploaded-files svg{width:24px;height:24px;flex-shrink:0;color:var(--gold)}.uploaded-files small{display:block;font-size:10px}.profile-photo-edit{position:relative;display:block;width:95px;margin:0 auto 15px;cursor:pointer}.profile-photo-edit>svg{width:68px;height:68px}.profile-photo-edit .professional-photo{width:82px;height:82px;margin:0 auto}.photo-edit-badge{position:absolute;right:0;top:45px;border:3px solid var(--bg);background:var(--navy);color:white;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.photo-edit-badge svg{width:17px;height:17px}.profile-photo-edit>small{display:block;font-size:10px;color:var(--muted)}.home-city-filter{display:flex;gap:8px;overflow:auto;margin:8px 0 22px;padding-bottom:3px}.home-city-filter button{display:flex;align-items:center;gap:7px}.home-city-filter svg{width:17px;height:17px;flex-shrink:0}.payment-thanks{text-align:center;padding:24px 0}.payment-thanks>svg{width:60px;height:60px;padding:12px;background:#e5ece4;color:#42654a;border-radius:50%;margin-bottom:15px}.payment-thanks p{margin:10px 0}.payment-thanks small{font-size:11px}
.city-photo-filter{gap:18px;align-items:flex-start;overflow-x:auto;margin:2px 0 24px;padding:7px 3px 5px}.city-photo-choice{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:78px;padding:0;font-size:12px;flex-shrink:0}.city-photo-orbit{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;padding:4px;border:1.5px solid #ded8ca;color:#86672d;background:#f3eee3}.city-photo-orbit img{width:100%;height:100%;border-radius:50%;object-fit:cover}.city-photo-orbit>svg{width:30px;height:30px}.city-photo-choice.active .city-photo-orbit{border:2px solid var(--gold);background:#e9ddc2;box-shadow:0 0 0 3px #c7a34115}.city-photo-choice.active>span:last-child{font-weight:700;color:var(--navy)}
/* Constrain city photos independently of each asset's intrinsic proportions. */
.city-photo-filter .city-photo-choice{width:84px;min-width:84px;flex:0 0 84px;justify-content:flex-start;gap:10px}.city-photo-filter .city-photo-orbit{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:70px;min-width:70px;max-width:70px;height:70px;min-height:70px;max-height:70px;aspect-ratio:1;flex:none;overflow:hidden;padding:0;border-radius:50%}.city-photo-filter .city-photo-orbit img{position:absolute;inset:4px;display:block;width:calc(100% - 8px);height:calc(100% - 8px);max-width:none;max-height:none;min-width:0;min-height:0;object-fit:cover;border-radius:50%}.city-photo-filter .city-photo-choice>span:last-child{display:block;line-height:1.7;min-height:21px;white-space:nowrap}