@media (max-width:900px){.user-table{overflow:visible;border:0;background:transparent}.user-table table,.user-table tbody,.user-table td,.user-table tr{display:block;width:100%}.user-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.user-table tbody{display:grid;grid-gap:12px;gap:12px}.user-table tr{overflow:hidden;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.user-table td{display:grid;grid-template-columns:minmax(92px,.72fr) minmax(0,1.28fr);grid-gap:10px;gap:10px;align-items:center;padding:9px 0;border:0;border-bottom:1px solid var(--line);white-space:normal}.user-table td:last-child{display:block;padding-bottom:0;border-bottom:0}.user-table td:before{color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.user-table td:first-child:before{content:"User"}.user-table td:nth-child(2):before{content:"Role"}.user-table td:nth-child(3):before{content:"Employee"}.user-table td:nth-child(4):before{content:"Active"}.user-table td:nth-child(5):before{content:"Password"}.user-table td:nth-child(6):before{content:"MFA"}.user-table td:nth-child(7):before{content:"Last login"}.user-table td:nth-child(8):before{content:"Actions";display:block;margin-bottom:8px}.user-table td select{width:100%;min-width:0}.user-table .action-row{display:grid;grid-template-columns:1fr;grid-gap:7px;gap:7px}.user-table .action-row .button{width:100%}.cash-advance-table-wrap{overflow:visible;border:0;background:transparent}.cash-advance-table,.cash-advance-table tbody,.cash-advance-table td,.cash-advance-table tr{display:block;width:100%}.cash-advance-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cash-advance-table tbody{display:grid;grid-gap:10px;gap:10px}.cash-advance-table tr{padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.cash-advance-table td,.cash-advance-table td:first-child{min-width:0;display:grid;grid-template-columns:minmax(92px,.72fr) minmax(0,1.28fr);grid-gap:10px;gap:10px;align-items:baseline;padding:7px 0;border:0;border-bottom:1px solid var(--line);text-align:left;white-space:normal}.cash-advance-table td:last-child{border-bottom:0}.cash-advance-table td:before{color:var(--muted);font-size:.66rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.cash-advance-table td:first-child:before{content:"Employee"}.cash-advance-table td:nth-child(2):before{content:"Advance date"}.cash-advance-table td:nth-child(3):before{content:"Cash advance"}.cash-advance-table td:nth-child(4):before{content:"Balance before"}.cash-advance-table td:nth-child(5):before{content:"Expected"}.cash-advance-table td:nth-child(6):before{content:"Applied"}.cash-advance-table td:nth-child(7):before{content:"Balance after"}.cash-advance-table td:nth-child(8):before{content:"Status"}.cash-advance-table .amount{text-align:left}.user-table table{table-layout:auto;min-width:0}.user-table td,.user-table th{width:auto!important;min-width:0!important;max-width:none!important}.user-table td:first-child{display:block}.user-table td:first-child:before{display:block;margin-bottom:5px}.user-table td:first-child strong{display:block;width:100%;overflow-wrap:anywhere}.user-table td:before{min-width:0;overflow-wrap:normal;word-break:normal}}.payroll-revision-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.payroll-revision-toggle>span:first-child{display:grid;grid-gap:4px;gap:4px;min-width:0}.payroll-revision-toggle>span:last-child{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-weight:900}.payroll-revision-body{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}@media (max-width:720px){.payroll-revision-toggle{align-items:flex-start}}.print-only{display:none}.form-feedback{padding:12px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:6px;background:var(--surface-soft);color:var(--text);line-height:1.5}[aria-invalid=true]{border-color:var(--danger);outline-color:var(--danger)}.badge,.status-badge{flex-shrink:0;white-space:nowrap;word-break:normal}.payroll-check>.badge{align-self:start}.payroll-overview>.form-feedback{grid-column:1/-1}.staff-quick-link,.staff-status-row>div{display:grid;grid-gap:6px;gap:6px}.cash-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}[id^=my-]{scroll-margin-top:72px}@media (max-width:900px){.cash-summary-grid,.grid.cols-4,.metric-grid,.staff-quick-grid,.staff-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.staff-summary-card{padding:12px;min-height:0}.staff-summary-card strong{font-size:1.05rem}.staff-quick-link{padding:12px}.staff-quick-link span{font-size:.75rem}.staff-hero{padding:16px}.staff-hero h1{font-size:1.5rem}.staff-hero p{font-size:.85rem;line-height:1.4}.responsive-records{display:block;min-width:0!important;width:100%}.responsive-records>thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.responsive-records>tbody{display:grid;grid-gap:12px;gap:12px;padding:10px}.responsive-records>tbody>tr{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--surface)}.responsive-records>tbody>tr>td{display:block;min-width:0;width:auto;white-space:normal!important;overflow-wrap:anywhere;border:0;padding:7px}.responsive-records>tbody>tr>td[data-label]:before{content:attr(data-label);display:block;color:var(--muted);font-size:.7rem;font-weight:700;margin-bottom:4px}.responsive-records>tbody>tr>td button{min-height:40px}.payslip-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.payslip-columns,.payslip-top{grid-template-columns:1fr}}@media print{.print-only{display:block}}@media(min-width:1101px){.payroll-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:720px){.payroll-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-kpis>:last-child{grid-column:1/-1}}.schedule-phone-view{display:none}@media(max-width:720px){.schedule-phone-view{display:grid;grid-gap:12px;gap:12px;padding:12px;min-width:0;width:100%}.schedule-phone-view>label{display:grid;grid-gap:6px;gap:6px}.schedule-phone-worker{display:grid;grid-gap:10px;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.schedule-phone-shift,.schedule-phone-worker header{display:grid;grid-gap:6px;gap:6px}.schedule-phone-worker small{color:var(--muted)}.schedule-phone-shift{text-align:left;border:1px solid var(--line);border-radius:6px;padding:12px;background:var(--surface-soft);color:var(--text);white-space:normal}.schedule-desktop-matrix,.schedule-floating-header{display:none!important}}@media print{.schedule-phone-view{display:none}.schedule-desktop-matrix{display:grid!important}}.people-list-row>span{display:grid;grid-gap:5px;gap:5px}.people-filter{grid-template-columns:minmax(180px,1fr) 160px 160px auto auto}@media(max-width:1100px){.people-filter{grid-template-columns:1fr 1fr}}@media(max-width:720px){.people-filter{grid-template-columns:1fr}.people-kpis,.review-cycle{grid-template-columns:repeat(2,minmax(0,1fr))}.people-kpi,.review-kpi{padding:12px}}.form-feedback.is-error{border-left-color:var(--danger);color:var(--danger)}.form-feedback.is-success{border-left-color:var(--accent)}@media(max-width:720px){.table-wrap:has(>.responsive-records){max-height:none;overflow:visible}.responsive-records>tbody>tr{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-records>tbody>tr>td:first-child,.responsive-records>tbody>tr>td:last-child,.responsive-records>tbody>tr>td[colspan],.responsive-records>tbody>tr>td[data-label=Notes],.responsive-records>tbody>tr>td[data-label=Reason]{grid-column:1/-1}}@media (max-width:340px){.grid.cols-4{grid-template-columns:1fr}.grid.cols-4 .metric-value{overflow-wrap:normal;word-break:normal}}.payroll-employee-list{display:grid;grid-gap:10px;gap:10px}.payroll-employee-card{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}.payroll-employee-summary{width:100%;display:grid;grid-template-columns:minmax(180px,1.8fr) repeat(5,minmax(90px,.8fr)) 32px;grid-gap:12px;gap:12px;align-items:center;padding:12px 14px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.payroll-employee-summary:hover{background:var(--surface-soft)}.payroll-employee-summary span{display:grid;grid-gap:2px;gap:2px;min-width:0}.payroll-detail-grid span,.payroll-employee-summary small{color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.payroll-employee-summary strong{font-size:.88rem;overflow-wrap:anywhere}.payroll-employee-main strong{font-size:.95rem}.payroll-ca.has-ca strong,.payroll-holiday.has-holiday strong{color:var(--warning)}.payroll-expand-mark{place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);font-size:1.05rem;font-weight:900;color:var(--muted)}.payroll-employee-detail{display:grid;grid-gap:14px;gap:14px;padding:14px;border-top:1px solid var(--line);background:var(--surface-soft)}.payroll-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.payroll-detail-grid div{display:grid;grid-gap:4px;gap:4px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.payroll-detail-grid strong{font-size:.9rem}.payroll-warning-list{display:grid;grid-gap:6px;gap:6px;padding:12px;border-left:3px solid var(--warning);border-radius:0 8px 8px 0;background:var(--warning-soft)}.payroll-warning-list p{margin:0;color:var(--text);font-size:.8rem;line-height:1.35}@media(max-width:1000px){.payroll-employee-summary{grid-template-columns:1fr 1fr 1fr 32px}.payroll-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.payroll-employee-summary{grid-template-columns:1fr 32px}.payroll-employee-summary>span:not(.payroll-employee-main):not(.payroll-expand-mark){grid-template-columns:1fr 1fr;align-items:center}.payroll-detail-grid{grid-template-columns:1fr}.payroll-employee-summary>.payroll-employee-main{grid-column:1}.payroll-employee-summary>.payroll-expand-mark{grid-column:2;grid-row:1}.payroll-employee-summary>span:not(.payroll-employee-main):not(.payroll-expand-mark){grid-column:1/-1}.payroll-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.mobile-section,.mobile-section-content{display:contents}.mobile-section-toggle{display:none}@media screen and (max-width:720px){html{scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom))}main .page{gap:14px;padding-bottom:calc(100px + env(safe-area-inset-bottom))}main .page h1{font-size:26px;line-height:1.2}main .page h2{font-size:18px;line-height:1.3}main .page h3{font-size:16px;line-height:1.35}main .page .muted,main .page label,main .page p,main .page small{font-size:14px;line-height:1.45}main .page input:not([type=checkbox]):not([type=radio]),main .page select,main .page textarea{font-size:16px!important;min-height:44px;min-width:0;max-width:100%}main .page input[type=checkbox],main .page input[type=radio]{width:20px;height:20px;flex-shrink:0}main .page .button,main .page .primary-button,main .page .secondary-button,main .page summary{min-height:44px;font-size:14px}main .page summary{align-content:center}main .page .badge,main .page .status-badge{font-size:12px;line-height:1.3}main .page .eyebrow{font-size:11px}main .page :is(button,a,input,select,textarea){scroll-margin-block:90px}main .page :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.mobile-section{display:block;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.mobile-section-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:14px;text-align:left;color:var(--text);border:0;background:transparent;cursor:pointer}.mobile-section-toggle>span:first-child{display:grid;grid-gap:4px;gap:4px;min-width:0}.mobile-section-toggle strong{font-size:16px}.mobile-section-toggle small{color:var(--muted)}.mobile-section-chevron{font-size:22px;transition:transform .15s}.mobile-section[data-expanded=true]>.mobile-section-toggle .mobile-section-chevron{transform:rotate(180deg)}.mobile-section-content{display:none}.mobile-section[data-expanded=true]>.mobile-section-content{display:grid;grid-gap:12px;gap:12px;padding:12px;border-top:1px solid var(--line)}.mobile-section-content>:is(.card,.staff-section,.staff-payslip-panel,.payroll-panel,.hr-panel){box-shadow:none;border:0}.mobile-section-content>#my-requests>.panel-title,.mobile-section-content>.hr-panel>header{display:none}.staff-portal>.staff-hero{padding:14px}.staff-hero .staff-actions{margin-top:8px}.staff-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.staff-quick-grid .staff-quick-link{padding:12px 4px;text-align:center;min-height:44px}.staff-quick-link strong{font-size:12px}.staff-quick-link span{display:none}.staff-schedule-print .badge-row>.badge{white-space:normal;text-align:left;max-width:100%;flex-shrink:1;overflow-wrap:anywhere}.staff-schedule-print .panel-title{flex-wrap:wrap}.staff-schedule-print .panel-title>.print-actions{min-height:44px}.staff-payslip-panel>header,.staff-section-body{padding:14px}.staff-balance-row{gap:12px;align-items:start}.staff-balance-row>strong{text-align:right}.staff-payslip-table td,.staff-table td{font-size:14px}.responsive-records>tbody>tr>td[data-label]:before{font-size:12px}.payroll-page .payroll-toolbar form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payroll-toolbar-label{grid-column:1/-1}.payroll-kpis .payroll-kpi{padding:12px}.cash-summary-card span,.payroll-kpi span,.people-kpi span{font-size:12px}.payroll-kpi strong{font-size:22px}.payroll-check{grid-template-columns:minmax(0,1fr)}.payroll-check>.badge{justify-self:start}.payroll-check strong{font-size:15px}.payroll-check a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.payroll-employee-summary{padding:14px}.payroll-detail-grid span,.payroll-employee-summary small{font-size:12px}.payroll-employee-summary strong{font-size:15px}.payroll-employee-summary>.payroll-employee-main strong{font-size:16px}.payroll-expand-mark{width:32px;height:32px}main .page .payroll-employee-summary{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}main .page .payroll-employee-summary>.payroll-employee-main{grid-column:1/-1;padding-right:38px}main .page .payroll-employee-summary>:is(.payroll-gross,.payroll-deductions,.payroll-net){display:grid;grid-template-columns:1fr;grid-column:auto;grid-gap:4px;gap:4px}main .page .payroll-employee-summary>:is(.payroll-holiday,.payroll-ca){display:none}main .page .payroll-employee-summary>.payroll-expand-mark{position:absolute;right:14px;top:14px}.payroll-employee-summary .payroll-net strong{color:var(--accent)}.payroll-panel>header,.payroll-table-panel>header{gap:10px;flex-wrap:wrap}.payroll-hero p{max-width:40ch}.hr-stack{gap:12px}.hr-stack>.card{margin:0}.hr-stack>.card>details>summary{flex-wrap:wrap}.hr-balance-row{gap:12px}.cash-advance-page .cash-summary-card span{font-size:12px}.cash-advance-page .cash-card-list{min-width:0}main .page .people-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;flex:1 0 100%}.people-filter>label:first-child{grid-column:1/-1}.people-tabs a{min-height:44px;font-size:14px}.people-table td{font-size:14px}.people-table td[data-label=Benefits]{grid-column:1/-1}.people-table .people-actions{justify-content:stretch}.people-table .people-actions a{width:100%}}@media print{.mobile-section,.mobile-section-content{display:contents!important}.mobile-section-toggle{display:none!important}}.cutoff-hero h1{overflow-wrap:normal;word-break:normal}.cutoff-hero h1,.cutoff-hero h1 *{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.review-preview{max-width:38ch;line-height:1.4}.review-preview span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere}@media screen and (max-width:720px){.cutoff-hero h1{font-size:clamp(20px,6vw,26px)!important;line-height:1.25!important;white-space:nowrap}.user-table{overflow:visible}.user-table table.responsive-records{min-width:0!important}.user-table .responsive-records>tbody>tr{grid-template-columns:repeat(2,minmax(0,1fr))}.user-table .responsive-records>tbody>tr>td[data-label="Last login"],.user-table .responsive-records>tbody>tr>td[data-label=Actions],.user-table .responsive-records>tbody>tr>td[data-label=Employee],.user-table .responsive-records>tbody>tr>td[data-label=User]{grid-column:1/-1}.user-table select{width:100%;max-width:100%;white-space:normal;text-overflow:clip}.review-page .people-table{min-width:0!important}.review-page .review-preview{max-width:none}.review-page .responsive-records>tbody>tr>td[data-label="Previous review"],.review-page .responsive-records>tbody>tr>td[data-label=Action],.review-page .responsive-records>tbody>tr>td[data-label=Employee]{grid-column:1/-1}.review-page .responsive-records>tbody>tr>td[data-label=Action] .button{width:100%}.app-drawer-close,.surface-close,[aria-label="Close dialog"],[aria-label="Close drawer"]{min-width:44px!important;min-height:44px!important}}@media screen and (max-width:360px){.cutoff-hero h1{white-space:normal}}@media screen and (min-width:721px) and (max-width:1100px){.payroll-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-kpi{min-width:0;overflow-wrap:anywhere}.payroll-kpi>:is(span,strong,small){min-width:0;max-width:100%}.payroll-employee-summary{grid-template-columns:minmax(140px,1.5fr) repeat(3,minmax(72px,1fr)) 36px;gap:10px}.payroll-employee-summary>:is(.payroll-employee-main,.payroll-gross,.payroll-deductions,.payroll-net){min-width:0}.payroll-employee-summary>:is(.payroll-holiday,.payroll-ca){display:none}.payroll-employee-summary>:is(.payroll-gross,.payroll-deductions,.payroll-net) :is(small,strong){display:block;min-width:0;max-width:100%;overflow-wrap:anywhere}}:root{--bg:#f5f4f0;--surface:#fff;--surface-soft:#f7f7f3;--surface-muted:#eef2ef;--ink:#263c3b;--muted:#657371;--line:#dfe5df;--line-strong:#bdcbc5;--accent:#176b63;--accent-hover:#10534d;--accent-soft:#e6f2ed;--accent-softer:#f3f8f5;--danger:#a53f42;--danger-soft:#fbeeed;--warning:#865b1b;--warning-soft:#fff4df;--ok:#22684e;--ok-soft:#e8f5ed;--info:#3b6388;--info-soft:#edf3fa;--shadow-xs:0 2px 10px #253b3210;--shadow-sm:0 5px 20px #253b3210;--shadow-md:0 14px 40px #253b3215;--radius-md:15px;--radius-lg:20px}body{background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,h2,h3{font-weight:650;letter-spacing:-.035em}.page h1{font-weight:650;line-height:1.12}.eyebrow{color:#586e67;font-size:10px;font-weight:650;letter-spacing:.13em}:focus-visible{outline:2px solid #176b63;outline-offset:3px}.button,.primary-button,.primary-link{font-weight:600;border-radius:10px;box-shadow:none}.button:hover,.primary-button:hover,.primary-link:hover{transform:none}.button.ghost:hover,.button.secondary:hover,.muted-button:hover,.primary-link:hover{color:#184e47;background:#eaf3ee;border-color:#a7c6b9}.button:not(.secondary):not(.ghost):hover,.primary-button:hover{color:#fff;background:var(--accent-hover)}input,select,textarea{border-radius:9px;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#176b63;box-shadow:0 0 0 3px #176b631a}input::placeholder,textarea::placeholder{color:#707c79}th{background:#f5f6f1;color:#5b6b65;font-weight:600}tbody tr:hover{background:#f3f8f5}.badge{font-weight:600;box-shadow:none}.card,.table-wrap{box-shadow:var(--shadow-xs)}.people-directory,.people-kpi,.staff-payslip-panel,.staff-section,.staff-summary-card{border-color:var(--line);box-shadow:var(--shadow-xs)}.people-avatar{color:#6e4938;background:#f5e6da;border-color:#ead8c9}.people-table tbody tr:nth-child(3n+2) .people-avatar{color:#285e54;background:#e4f0e9}.people-table tbody tr:nth-child(3n) .people-avatar{color:#4c5c7c;background:#e9edf6}.people-kpi strong{color:var(--ink);font-weight:650}.people-tabs a[aria-current=page]{color:#fff;background:var(--accent)}.staff-hero{padding:24px;border:1px solid #d3e5dc;border-radius:18px;background:linear-gradient(110deg,#e5f1eb,#f3f6ed)}.staff-quick-link{gap:7px;padding:20px;border-radius:14px}.staff-quick-link>svg{color:var(--accent);margin-bottom:7px}.staff-quick-link:nth-child(2)>svg{color:#a66642}.staff-quick-link:nth-child(3)>svg{color:#577094}.staff-quick-link:hover{background:#f0f7f2;border-color:#a7c6b9}.staff-quick-link strong{font-size:14px;font-weight:600}.staff-quick-link span{font-size:12px}.staff-summary-card strong{font-weight:650}.staff-section>header{background:#f7f8f4}.login-page{display:grid;grid-template-columns:1fr 1fr;padding:0;min-height:100dvh;background:#fafaf7}.staff-login-identity{width:100%;min-height:100dvh;padding:44px;display:flex;flex-direction:column;justify-content:space-between;background:#e8eee5;overflow:hidden}.staff-login-wordmark{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600}.staff-login-wordmark>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#176b63;color:#fff;font-size:12px}.staff-login-art{position:relative;width:min(430px,100%);height:350px;margin:45px auto}.staff-art-orbit{position:absolute;inset:15px 35px;border:1px solid #bfd0c4;border-radius:50%;transform:rotate(-18deg)}.staff-art-people{position:absolute;top:12px;left:28px;display:grid;grid-gap:16px;gap:16px;width:220px;padding:28px;background:#176b63;color:#fff;border-radius:22px;box-shadow:0 16px 40px #31504416;transform:rotate(-6deg)}.staff-art-people>span{font-size:22px;font-weight:500}.staff-art-avatars{display:flex;padding-left:8px}.staff-art-avatars i{display:grid;place-items:center;width:41px;height:41px;margin-left:-8px;border:3px solid #176b63;border-radius:50%;background:#e9ceb6;color:#5e4736;font-size:11px;font-style:normal}.staff-art-avatars i:nth-child(2){background:#dbe4f1;color:#3e5377}.staff-art-avatars i:nth-child(3){background:#dce8bd;color:#46572a}.staff-art-schedule{position:absolute;top:185px;right:0;width:280px;padding:22px;display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:12px;gap:12px;border:1px solid #d7ded4;border-radius:18px;background:#fffef9;box-shadow:0 12px 30px #3150440a;transform:rotate(5deg)}.staff-art-schedule>span{font-size:17px;font-weight:550}.staff-art-week{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:5px;gap:5px}.staff-art-week span{display:grid;place-items:center;height:34px;border-radius:6px;background:#f3f4ef;color:#65736a;font-size:11px}.staff-art-week .is-shift{background:#e2efe5;color:#285e4b}.staff-art-pay{position:absolute;left:10px;bottom:0;display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;background:#eecbb9;color:#634735;font-size:14px}.staff-login-caption h2{font-size:26px;font-weight:550}.staff-login-caption p{margin-top:7px;color:#5e7067;font-size:13px}.staff-login-form-wrap{width:100%;display:grid;place-items:center;padding:32px}.login-card{width:min(400px,100%);border:0;background:transparent;box-shadow:none;padding:20px;gap:22px}.login-card>.brand-mark{display:none}.login-card h1{font-size:34px;font-weight:600}.login-card .primary-button,.login-card input{min-height:48px}.login-card .field label{font-weight:550;color:#53645e}@media(max-width:760px){.login-page{grid-template-columns:1fr}.staff-login-identity{display:none}.staff-login-form-wrap{padding:20px;min-height:100dvh}.login-card>.brand-mark{display:grid;background:#176b63;color:#fff}.login-card{padding:16px}.staff-hero{padding:20px}.staff-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-quick-link{padding:16px}.staff-quick-link strong{font-size:13px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}