@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.2chmmw5jncpj5.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.32i82hrueyy96.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.1aj2xxlo5mdna.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.2vx-usavuz-_v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.H-S1WW_className{font-family:Anuphan,Anuphan Fallback;font-style:normal}.H-S1WW_variable{--font-anuphan:"Anuphan", "Anuphan Fallback"}
@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-anuphan);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.rounded{border-radius:.25rem}}:root{--background:#f5f6fb;--foreground:#1c2333;--primary:#3b5bdb}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);font-family:var(--font-anuphan), sans-serif;margin:0}button{font:inherit;cursor:pointer}.shell{grid-template-columns:1.1fr 1fr;align-content:center;gap:64px;max-width:1100px;min-height:100svh;margin:auto;padding:48px 40px 28px;display:grid}.brand{grid-column:1/-1;align-items:center;gap:14px;display:flex}.brand strong{font-size:26px}.brand p{color:#5b6478;margin:0;font-size:13px}.brand-mascot{object-fit:contain;width:60px;height:60px}.panel-mascot{object-fit:contain;width:144px;height:144px;margin:0 auto 24px;display:block}.eyebrow,.panel-label{color:var(--primary);font-size:14px;font-weight:600}h1{letter-spacing:-1px;margin:20px 0;font-size:clamp(36px,4.5vw,54px);font-weight:700;line-height:1.35}.intro{color:#5b6478;font-size:18px;line-height:1.9}.shift-preview{flex-wrap:wrap;align-items:center;gap:8px;margin-top:34px;display:flex}.shift{border-radius:14px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.morning{color:#76520a;background:#fff1c7}.afternoon{color:#90451c;background:#ffe3d3}.rest{color:#286951;background:#dff4ea}.preview-label{color:#5b6478;margin-left:8px;font-size:13px}.login-panel{background:#fff;border-radius:28px;align-self:center;padding:36px}h2{overflow-wrap:anywhere;margin:12px 0;font-size:26px}.login-panel>p{color:#5b6478;font-size:15px;line-height:1.8}.primary{background:var(--primary);color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:56px;margin-top:28px;padding:12px 16px;font-weight:600;display:flex}.primary:hover{background:#304cc5}.primary:disabled{opacity:.55;cursor:not-allowed}button:focus-visible{outline-offset:4px;outline:3px solid #2b3480}.line-badge{color:#3b5bdb;background:#fff;border-radius:7px;padding:4px 6px;font-size:11px;font-weight:800}.login-panel .privacy{margin:20px 0 0;font-size:12px}.status{color:#5b6478;font-size:14px}.error{color:#902453;background:#fce1ec;border-radius:14px;padding:14px;font-size:14px}.account{align-items:center;gap:14px;padding:20px 0;display:flex}.account span:not(.verified){color:#5b6478;font-size:13px;display:block}.verified{color:#286951;background:#dff4ea;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.secondary{color:#5b6478;background:0 0;border:0;margin:16px auto 0;padding:8px;display:block}footer{color:#5b6478;border-top:1px solid #e6e8f0;grid-column:1/-1;padding-top:24px;font-size:12px}@media (max-width:700px){.shell{grid-template-columns:1fr;align-content:start;gap:28px;padding:32px 24px 24px}.welcome{padding-top:16px}h1{font-size:36px}.intro{font-size:16px}.shift-preview{margin-top:22px}.login-panel{padding:28px 24px}}.legal-shell{max-width:800px;margin:auto;padding:24px 24px 48px}.legal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.legal-brand{color:var(--foreground);align-items:center;gap:10px;font-size:22px;text-decoration:none;display:flex}.back-link,.legal-nav a,.legal-document a{color:#304cc5;text-underline-offset:4px}.legal-document{background:#fff;border-radius:28px;padding:clamp(24px,5vw,48px)}.legal-document h1{letter-spacing:0;margin:12px 0;font-size:clamp(28px,5vw,38px)}.legal-document h2{margin:0 0 12px;font-size:20px}.legal-document section{margin-top:32px}.legal-document p,.legal-document li{overflow-wrap:anywhere;font-size:16px;line-height:1.9}.legal-document ul{padding-left:24px;list-style:outside}.legal-date{color:#5b6478}.legal-nav{flex-wrap:wrap;gap:12px 24px;margin-top:20px;font-size:14px;display:flex}.legal-shell .legal-nav{justify-content:center}a:focus-visible{outline-offset:4px;outline:3px solid #2b3480}.app-shell{max-width:460px;min-height:100svh;margin:auto;padding-bottom:90px}.app-header{z-index:5;background:#fff;border-bottom:1px solid #e6e8f0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex;position:sticky;top:0}.app-header details{position:relative}.app-header summary{cursor:pointer;padding:10px}.app-header details>div{background:#fff;border:1px solid #e6e8f0;border-radius:14px;width:200px;padding:16px;position:absolute;right:0}.app-header details a{color:#3b5bdb;padding:8px 0;display:block}.app-content{flex-direction:column;gap:14px;padding:14px 16px;display:flex}.app-greeting{align-items:center;gap:12px;display:flex}.app-greeting>div{flex:1}.app-greeting strong{font-size:18px;display:block}.app-greeting div>span{color:#5b6478;font-size:13px}.app-greeting button,.calendar-heading button{background:#fff;border:0;border-radius:14px;width:44px;height:44px;font-size:26px}.calendar-card{background:#fff;border-radius:20px;padding:14px 12px}.calendar-heading{align-items:center;display:flex}.calendar-heading>div{flex:1;padding-left:4px}.calendar-heading h2,.shift-editor h2{margin:0;font-size:18px}.calendar-heading p{color:#5b6478;margin:4px 0;font-size:13px}.calendar-tools{gap:8px;margin:10px 0;display:flex}.calendar-tools button{background:#f0f2f8;border:0;border-radius:14px;min-height:40px;padding:8px 12px;font-size:14px}.calendar-tools button[aria-pressed=true]{color:#304cc5;background:#e8edff}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.weekday{text-align:center;color:#5b6478;padding:6px 0;font-size:12px}.day{background:0 0;border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:54px;display:flex}.day>span{border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.day small{border-radius:6px;min-width:24px;padding:0 4px;font-size:11px}.day.today>span{color:#fff;background:#3b5bdb}.day[aria-pressed=true]{background:#e8edff;border-color:#3b5bdb}.shift-editor{background:#fff;border-radius:20px;padding:18px}.shift-editor>div:first-child{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.shift-editor button{border:0;border-radius:14px;padding:10px}.shift-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.shift-options button{min-height:72px}.shift-options small{font-size:11px;display:block}.pay-preview{text-align:left;background:#fff;border:0;border-radius:20px;align-items:center;gap:12px;padding:14px;display:flex}.pay-preview>span{color:#1e6b4d;background:#dff4ea;border-radius:14px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.pay-preview div{flex:1}.pay-preview strong{font-size:14px}.pay-preview small{color:#fff;background:#3b5bdb;border-radius:10px;padding:2px 6px;font-size:10px}.pay-preview p{color:#5b6478;margin:4px 0 0;font-size:13px}.app-content .primary{border-radius:20px;margin-top:0}.app-tabs{width:100%;max-width:460px;padding:6px 8px calc(12px + env(safe-area-inset-bottom));z-index:5;background:#fff;border-top:1px solid #e6e8f0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0}.app-tabs button{color:#5b6478;background:0 0;border:0;min-height:52px;font-size:12px}.app-tabs button>span{font-size:22px;display:block}.app-notice{background:#e8edff;border-radius:14px;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.app-notice button{background:0 0;border:0;margin-left:auto;font-size:20px}.plus-page{flex-direction:column;gap:16px;display:flex}.plus-hero{padding:16px 8px 4px;position:relative}.plus-hero img{float:right}.plus-hero h2{margin:16px 0 10px;font-size:28px;line-height:1.45}.plus-hero p{color:#5b6478;font-size:15px;line-height:1.8}.plus-badge{color:#fff;background:#3b5bdb;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.plan-status{background:#e8edff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 16px;font-size:14px;display:flex}.plan-status small{color:#5b6478;margin-left:auto}.plus-card{background:#fff;border:2px solid #3b5bdb;border-radius:20px;padding:24px}.plus-card-heading{justify-content:space-between;align-items:center;display:flex}.plus-card h3,.free-plan h3{margin:0;font-size:20px}.plus-price{margin:16px 0 4px;font-size:46px;font-weight:700}.plus-price span{font-size:15px;font-weight:500}.plus-caption{color:#5b6478;font-size:12px;line-height:1.7}.plus-card ul{margin:24px 0;padding:0;list-style:none}.plus-card li{padding:8px 0;font-size:15px}.plus-card li:before{content:"✓";color:#3b5bdb;margin-right:10px}.free-plan{background:#fff;border-radius:20px;padding:20px}.free-plan p{color:#5b6478;font-size:14px}.free-plan>span{color:#1e6b4d;background:#dff4ea;border-radius:14px;padding:4px 10px;font-size:12px}.profile-plan{background:#e8edff;border:0;border-radius:14px;justify-content:space-between;gap:12px;width:100%;margin:16px 0;padding:16px;display:flex}.profile-plan span{color:#3b5bdb}.app-tabs{grid-template-columns:repeat(3,1fr)}.app-tabs button>span{justify-content:center;padding:4px;display:flex}.app-header summary{list-style:none}.app-header summary::-webkit-details-marker{display:none}.calendar-tools button{align-items:center;gap:6px;display:flex}.calendar-heading button,.app-greeting button{place-items:center;display:grid}.onboarding-shell{flex-direction:column;max-width:460px;min-height:100svh;margin:auto;display:flex}.onboarding-content{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex}.welcome-banner{background:#e8edff;border-radius:28px;height:214px;position:relative;overflow:hidden}.welcome-banner>img{position:absolute;bottom:-4px;left:6px}.speech{background:#fff;border-radius:20px 20px 20px 6px;width:156px;padding:12px 14px;font-size:15px;line-height:1.4;position:absolute;top:22px;right:16px;box-shadow:0 6px 18px #1c233314}.welcome-shifts{gap:8px;display:flex;position:absolute;bottom:22px;right:22px}.welcome-shifts span{color:#c98a00;background:#fff1c7;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.welcome-shifts span:nth-child(2){color:#e2723a;background:#ffe3d3}.welcome-shifts span:nth-child(3){color:#c9ceff;background:#2b3480}.welcome-copy h1,.setup-heading h1{letter-spacing:0;margin:0 0 6px;font-size:26px;line-height:1.3}.welcome-copy p,.setup-heading p{color:#5b6478;margin:0;font-size:15px;line-height:1.7}.welcome-features{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.welcome-features li{background:#fff;border-radius:20px;align-items:center;gap:14px;padding:12px 14px;display:flex}.welcome-features p{color:#5b6478;margin:4px 0 0;font-size:13px}.feature-icon{border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.yellow{color:#7a5300;background:#fff1c7}.blue{color:#2c46b0;background:#e8edff}.pink{color:#8e2457;background:#fce1ec}.peach{color:#e2723a;background:#ffe3d3}.night{color:#c9ceff;background:#2b3480}.onboarding-actions{padding:12px 20px 24px}.onboarding-actions .primary{border-radius:20px;margin-top:0}.onboarding-legal{color:#5b6478;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;font-size:12px;display:flex}.onboarding-legal a{color:#5b6478;text-underline-offset:3px}.setup-progress{align-items:center;gap:12px;padding:12px 16px 4px;display:flex}.setup-progress button{background:#fff;border:0;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.setup-progress>div{flex:1}.setup-progress span{color:#5b6478;font-size:13px}.progress-bars{gap:6px;margin-bottom:6px;display:flex}.progress-bars span{background:#dadeea;border-radius:3px;flex:1;height:6px}.progress-bars .filled{background:#3b5bdb}.setup-tip{align-items:end;gap:6px;display:flex}.setup-tip p{background:#fff;border-radius:20px 20px 20px 6px;margin:0 0 14px;padding:10px 14px;font-size:14px;line-height:1.45}.pattern-options{flex-direction:column;gap:10px;display:flex}.pattern-options button,.reminder-options button{text-align:left;background:#fff;border:2px solid #0000;border-radius:20px;padding:16px}.pattern-options button{align-items:center;gap:14px;display:flex}.pattern-options button[aria-pressed=true],.reminder-options button[aria-pressed=true]{border-color:#3b5bdb}.pattern-options strong,.reminder-options strong{font-size:16px}.pattern-options small,.reminder-options small{color:#5b6478;margin-top:4px;font-size:13px;display:block}.pattern-dots{gap:4px;display:flex}.pattern-dots i{border-radius:7px;width:14px;height:28px}.selection-circle{color:#3b5bdb;border:2px solid #b9bfce;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-left:auto;display:grid}.time-options{flex-direction:column;gap:10px;display:flex}.time-card{background:#fff;border-radius:20px;padding:12px 14px}.time-row{align-items:center;gap:14px;display:flex}.time-row>div{flex:1}.time-row small{color:#5b6478;font-size:13px;display:block}.time-row button{color:#3b5bdb;background:#f0f2f8;border:0;border-radius:14px;padding:12px}.time-fields{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.time-fields label{flex:1;min-width:100px;font-size:13px}.time-fields input,.department-field input{width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #dadeea;border-radius:14px;margin-top:6px;padding:12px;display:block}.department-field{font-size:14px;font-weight:600}.department-field span{color:#5b6478;font-weight:400}.reminder-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.reminder-options button[aria-pressed=true]{background:#e8edff}.reminder-preview{background:#fff;border-radius:20px;align-items:start;gap:12px;padding:14px;display:flex}.reminder-preview>div{background:#f0f2f8;border-radius:4px 14px 14px;padding:10px 12px}.reminder-preview p{margin:4px 0 0;font-size:14px}.reminder-preview small,.setup-note{color:#5b6478;font-size:12px;line-height:1.7}.storage-error{background:#fff1c7;max-width:460px;margin:auto;padding:12px}.onboarding-notice{color:#5b6478;margin-bottom:16px;font-size:12px;line-height:1.7}.onboarding-notice p{margin:0 0 12px}.onboarding-notice a{color:#304cc5;text-underline-offset:3px}.terms-checkbox{color:#1c2333;cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.terms-checkbox input{accent-color:#3b5bdb;flex:none;width:20px;height:20px}.secondary:disabled{opacity:.5;cursor:not-allowed}.pattern-options button{border-radius:20px;gap:12px;padding:16px 14px}.pattern-options button[aria-pressed=true]{background:#fff;border-color:#3b5bdb}.pattern-options strong{font-size:15px;font-weight:700}.pattern-options small{font-size:12px}.pattern-dots i{width:13px;height:26px}.selection-circle{border-color:#b9bfce;width:20px;height:20px}.pattern-options button[aria-pressed=true] .selection-circle{color:#3b5bdb;background:#fff}.shift-overlay{z-index:40;background:#1c233370;position:fixed;inset:0}.shift-popup{width:100%;max-width:460px;max-height:90dvh;padding:10px 20px calc(20px + env(safe-area-inset-bottom));z-index:41;background:#fff;border-radius:28px 28px 0 0;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}.sheet-handle{background:#dadeea;border-radius:4px;width:40px;height:5px;margin:0 auto 16px}.popup-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.popup-heading h2{margin:0;font-size:19px}.popup-heading p{color:#5b6478;margin:4px 0 0;font-size:13px}.popup-close{background:#f0f2f8;border:0;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.popup-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.popup-options button{border:3px solid #0000;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:108px;padding:10px 4px;display:flex}.popup-options button[aria-pressed=true]{border-color:#3b5bdb;box-shadow:inset 0 0 0 2px #fff}.popup-options strong{font-size:14px}.popup-options small{font-size:10px;line-height:1.4}.popup-save{margin-top:20px}.shift-action-bar{bottom:calc(82px + env(safe-area-inset-bottom));z-index:6;background:#f5f6fb;border-radius:20px;align-items:center;gap:12px;width:calc(100% - 32px);max-width:428px;padding:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.shift-action-bar>span{white-space:nowrap;padding-left:8px;font-size:14px}.shift-action-bar .primary{flex:1;margin:0}.app-shell{padding-bottom:168px}@media (min-width:700px){.shift-popup{border-radius:28px;padding:24px;top:50%;bottom:auto;transform:translate(-50%,-50%)}.sheet-handle{display:none}}@media (max-width:340px){.shift-popup{padding-left:12px;padding-right:12px}.popup-options{gap:6px}.popup-options strong{font-size:12px}}.roster-preview{color:#5b6478;margin-top:14px;font-size:12px;line-height:1.7}.roster-preview p{margin:4px 0}.roster-conflict{color:#902453}.night-date-setting{background:#fff;border:0;border-radius:14px;margin:0;padding:12px;font-size:13px}.night-date-setting label{align-items:center;gap:8px;min-height:44px;display:flex}.night-date-setting input{accent-color:#3b5bdb}button,a,input,select,textarea{touch-action:manipulation}input,select,textarea{font-size:max(16px,1em)}.location-field{margin-bottom:16px;font-size:13px;display:block}.location-field>span{align-items:center;gap:6px;display:flex}.location-field input,.custom-work-fields input{width:100%;font:inherit;border:1px solid #dadeea;border-radius:12px;margin-top:6px;padding:10px 12px;font-size:16px;display:block}.picker-group-label{color:#5b6478;margin:0 0 8px;font-size:12px}.popup-options button{min-height:94px;position:relative}.choice-check{color:#3b5bdb;background:#fff;border-radius:50%;width:21px;height:21px;padding:2px;position:absolute;top:5px;right:5px}.absence-options{border-top:1px solid #e6e8f0;gap:10px;margin-top:12px;padding-top:12px;display:flex}.absence-options button{background:#f5f6fb;border:2px solid #0000;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}.absence-options button[aria-pressed=true]{background:#e8edff;border-color:#3b5bdb}.custom-work-toggle{color:#304cc5;background:0 0;border:0;min-height:44px;padding:12px 0;font-size:13px}.custom-work-fields{background:#f5f6fb;border-radius:14px;padding:12px;font-size:13px}.custom-work-fields>div{gap:10px;margin-top:10px;display:flex}.custom-work-fields>div label{flex:1;min-width:0}.shift-popup{max-height:94dvh}.popup-save{position:sticky;bottom:0}.separate-locations{margin-top:10px;font-size:13px}.separate-locations summary{color:#304cc5;cursor:pointer;padding:8px 0}.separate-locations label{margin-top:8px;display:block}.separate-locations input{border:1px solid #dadeea;border-radius:12px;width:100%;padding:10px;font-size:16px}.app-tabs button{flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.app-tabs button>span{border-radius:999px;place-items:center;width:68px;height:38px;padding:0;display:grid}.app-tabs button[aria-current=page]>span{color:#3b5bdb;background:#e8edff}.app-tabs button[aria-current=page]{color:#3b5bdb;font-weight:700}html{overflow-x:clip}body{overflow-wrap:break-word}input,select,textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-size:16px;line-height:1.5}input[type=checkbox],input[type=radio]{flex:none;width:auto}input[type=time]{appearance:none;color:#1c2333;background:#fff;width:100%;min-width:0;min-height:48px}input[type=time]::-webkit-date-and-time-value{text-align:left}.app-content,.onboarding-content,.onboarding-actions{padding-left:clamp(16px,5vw,20px);padding-right:clamp(16px,5vw,20px)}.app-greeting>div,.time-row>div,.pattern-options button>span:nth-child(2),.setup-tip p,.calendar-heading>div{min-width:0}.app-greeting strong{overflow-wrap:anywhere}.onboarding-shell,.app-shell{width:100%}.onboarding-shell{padding-bottom:env(safe-area-inset-bottom)}.onboarding-content{gap:18px}.welcome-banner{height:200px}.welcome-banner>img{width:175px;height:175px}.speech{width:150px;font-size:14px;right:12px}.welcome-shifts{gap:6px;bottom:18px;right:16px}.welcome-copy h1,.setup-heading h1{font-size:clamp(23px,6.6vw,28px)}.pattern-options button{gap:10px}.pattern-options strong{font-size:14px}.pattern-options small{line-height:1.6}.time-row{gap:10px}.time-row button{flex:none;min-height:44px;padding:10px}.time-row strong{font-size:15px}.time-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.time-fields label{min-width:0}.time-fields label:has(input:not([type=time])){grid-column:1/-1}.night-date-setting legend{font-size:14px;font-weight:600}.night-date-setting label{align-items:flex-start;padding:10px 0;line-height:1.6}.night-date-setting input{margin-top:5px}.setup-tip img{flex:none;width:74px;height:74px}.setup-tip p{font-size:13px}.calendar-tools{flex-wrap:wrap}.calendar-tools button{font-size:13px}.calendar-heading h2{font-size:17px}.calendar-heading p{line-height:1.7}.location-summary{color:#5b6478;align-items:center;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.location-summary>span{flex:1;min-width:0}.location-summary button,.extra-work-summary button{color:#304cc5;background:0 0;border:0;min-height:44px;padding:6px;font-size:13px}.extra-work-page h3{margin:12px 0 4px;font-size:22px}.extra-work-page>p{color:#5b6478;font-size:14px}.extra-work-page label{font-size:14px;font-weight:500;display:block}.extra-work-page input{border:1px solid #dadeea;border-radius:14px;min-height:48px;margin-top:6px;padding:12px}.extra-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.back-to-shifts{color:#304cc5;background:0 0;border:0;align-items:center;gap:4px;min-height:44px;padding:0;font-size:14px;display:flex}.extra-work-summary{background:#e8edff;border-radius:14px;align-items:center;gap:6px;margin-top:10px;padding:10px 12px;display:flex}.extra-work-summary>div{flex:1;min-width:0}.extra-work-summary strong{font-size:13px;display:block}.extra-work-summary span{color:#5b6478;font-size:12px}.legal-shell{width:100%;padding:16px 16px 32px}.legal-document{border-radius:20px;padding:24px 20px}.legal-document p,.legal-document li{font-size:15px}.legal-header{margin-bottom:20px}.back-link{font-size:13px}@media (max-width:350px){.welcome-banner{height:190px}.speech{width:136px;padding:10px}.welcome-banner>img{width:155px;height:155px}.welcome-shifts span{width:34px;height:34px}.pattern-dots i{width:10px}.feature-icon{width:38px;height:38px}.legal-document{padding:20px 16px}}.work-type-options{flex-direction:column;gap:8px;display:flex}.work-type-options button{text-align:left;background:#fff;border:2px solid #0000;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.work-type-options button[aria-pressed=true]{color:#304cc5;border-color:#3b5bdb}.work-type-options strong{font-size:15px}.work-type-options small{color:#5b6478;margin-top:3px;font-size:12px;display:block}.shift-pattern-heading{margin:4px 0 0;font-size:17px}.roster-preview{border-top:1px solid #e6e8f0;margin-top:8px;padding-top:12px}.roster-summary-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.roster-summary-heading>strong{color:#1c2333;font-size:14px}.roster-summary-heading>span{color:#304cc5;background:#e8edff;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.roster-summary-list{overscroll-behavior:contain;height:142px;overflow-y:auto}.roster-summary-row{border-bottom:1px solid #f0f2f8;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.roster-summary-row>div{flex:1;min-width:0}.roster-summary-icon{border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}.roster-summary-name{justify-content:space-between;align-items:center;gap:8px;display:flex}.roster-summary-name strong{color:#1c2333;font-size:14px}.roster-summary-name small{color:#5b6478;font-size:12px}.roster-summary-time{color:#1c2333;gap:8px;font-size:16px;font-weight:600;line-height:1.6;display:flex}.roster-summary-time>span:nth-child(2){color:#9aa3b5;font-weight:400}.roster-summary-date{color:#5b6478;font-size:11px}.roster-summary-location{color:#5b6478;overflow-wrap:anywhere;align-items:center;gap:4px;font-size:11px;display:flex}.roster-empty-summary{color:#5b6478;place-items:center;height:100%;font-size:13px;display:grid}.roster-preview .roster-replace-note{margin-top:8px;font-size:11px}.shift-popup{padding:10px 20px calc(20px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.popup-heading{margin-bottom:20px}.popup-heading p{max-width:250px;font-size:12px;line-height:1.7}.popup-close{background:#f5f6fb;border-radius:50%}.picker-group-label{color:#5b6478;margin-bottom:8px;font-size:12px}.popup-options{flex-direction:column;gap:8px;display:flex}.popup-options button{text-align:left;border:1.5px solid #e6e8f0;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:38px 1fr 24px;justify-items:start;gap:1px 12px;min-height:64px;padding:10px 14px;display:grid;position:relative;color:#1c2333!important;background:#fff!important}.popup-options button>svg:not(.choice-check){color:#996800;background:#fff1c7;border-radius:12px;grid-area:1/1/3;align-self:center;width:38px;height:38px;padding:8px}.popup-options button[data-tone=orange]>svg:not(.choice-check){color:#ae5624;background:#ffe3d3}.popup-options button[data-tone=navy]>svg:not(.choice-check){color:#2b3480;background:#e8edff}.popup-options strong{grid-area:1/2;font-size:16px;line-height:1.4}.popup-options small{color:#5b6478;grid-area:2/2;font-size:12px}.popup-options button:after{content:"";border:1.5px solid #b9bfce;border-radius:7px;grid-area:1/3/3;align-self:center;width:22px;height:22px}.popup-options button[aria-pressed=true]{box-shadow:none;border-color:#3b5bdb;background:#f5f7ff!important}.popup-options button[aria-pressed=true]:after{background:#3b5bdb;border-color:#3b5bdb}.popup-options .choice-check{color:#fff;z-index:1;background:0 0;border-radius:0;width:16px;height:16px;padding:0;position:absolute;top:50%;right:17px;transform:translateY(-50%)}.absence-options{border:0;margin-top:12px;padding-top:0}.absence-options button{background:#f5f6fb;border-width:1.5px;border-radius:12px;min-height:44px}.absence-options button[aria-pressed=true]{background:#e8edff}.custom-work-toggle{color:#304cc5;background:#fafbff;border:1px dashed #c8d1ef;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:44px;margin-top:12px;padding:10px;display:flex}.roster-preview{background:#f5f6fb;border:0;border-radius:16px;margin-top:16px;padding:12px 14px}.roster-summary-heading{margin-bottom:6px}.roster-summary-heading>strong{color:#5b6478;font-size:12px;font-weight:500}.roster-summary-heading>span{background:0 0;padding:0;font-size:13px}.roster-summary-list{height:104px}.roster-summary-row{border-color:#e6e8f0;padding:6px 0}.roster-summary-icon{display:none}.roster-summary-name strong{font-size:13px}.roster-summary-time{font-size:15px;line-height:1.45}.roster-summary-date{font-size:11px}.roster-replace-note{color:#5b6478;line-height:1.4}.popup-save{border-radius:16px;min-height:54px;margin-top:14px;box-shadow:0 -8px 0 8px #fff}@media (min-width:700px){.shift-popup{border-radius:24px;padding:24px}}@media (max-height:700px){.shift-popup{max-height:96dvh}.popup-heading{margin-bottom:12px}.popup-options button{min-height:58px}.roster-summary-list{height:82px}}.compact-roster-summary{border-top:1px solid #e6e8f0;min-height:64px;max-height:118px;margin-top:14px;padding:12px 0 0;overflow-y:auto}.compact-roster-summary>strong{color:#1c2333;font-size:14px;line-height:1.6;display:block}.compact-roster-summary small{color:#5b6478;margin-top:3px;font-size:11px;line-height:1.7;display:block}.compact-roster-summary .roster-conflict{font-size:12px;line-height:1.7}.setup-default-hint{color:#5b6478;margin:0;font-size:14px;line-height:1.7}.setup-advanced{background:#fff;border-radius:16px;padding:12px 14px}.setup-advanced>summary{cursor:pointer;color:#304cc5;align-content:center;min-height:36px;font-size:14px}.setup-advanced .time-options{margin-top:12px}.setup-advanced .time-card{border-bottom:1px solid #e6e8f0;border-radius:0;padding:12px 0}.setup-advanced .night-date-setting{padding:12px 0 0}.top-toast{top:calc(14px + env(safe-area-inset-top));z-index:70;color:#fff;background:#1c2333;border-radius:16px;align-items:center;gap:10px;width:calc(100% - 32px);max-width:428px;padding:12px 14px;animation:.2s ease-out toast-enter;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #1c233329}.top-toast>span{flex:1;min-width:0;font-size:14px;line-height:1.5}.toast-icon{color:#b4e6cf;flex:none}.toast-close{color:#d1d5df;background:0 0;border:0;flex:none;place-items:center;width:32px;height:36px;display:grid}@keyframes toast-enter{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.top-toast{animation:none}}.share-popup{max-height:94dvh}.share-image-preview{object-fit:contain;background:#f5f6fb;border-radius:14px;width:100%;height:auto;max-height:58dvh;display:block}.share-image-actions{margin-top:16px}.share-image-actions .primary{margin-top:0}.share-image-actions .secondary{justify-content:center;align-items:center;gap:6px;display:flex}body{font-weight:500}.app-greeting div>span{font-size:14px;font-weight:500}.app-greeting strong{font-size:21px;font-weight:700;line-height:1.5}.calendar-heading h2{font-size:21px;font-weight:700;line-height:1.4}.calendar-heading p{margin-top:3px;font-size:14px;font-weight:500}.calendar-tools button{min-height:44px;font-size:14px;font-weight:600}.weekday{font-size:13px;font-weight:600}.weekday:first-child,.weekday:nth-child(7){color:#9a4a12}.day>span{width:29px;height:29px;font-size:16px;font-weight:600}.day small{min-width:28px;min-height:19px;font-size:12px;font-weight:700}.day{min-height:60px}.app-tabs button{font-size:13px;font-weight:600}.popup-heading h2{font-size:22px;font-weight:700}.popup-heading p{font-size:14px}.popup-options strong{font-size:17px;font-weight:700}.popup-options small{font-size:13px;font-weight:500}.absence-options button{font-size:15px;font-weight:600}.compact-roster-summary>strong{font-size:16px;font-weight:600}.compact-roster-summary small{font-size:13px}.location-summary{font-size:14px}.primary{font-size:17px;font-weight:600}.setup-heading h1,.welcome-copy h1{font-weight:700}.setup-heading p,.welcome-copy p{font-size:16px}.pattern-options strong,.work-type-options strong{font-size:16px;font-weight:600}.pattern-options small,.work-type-options small{font-size:13px}.time-row strong{font-size:16px;font-weight:600}.time-row small{font-size:14px}@media (max-width:350px){.calendar-heading h2{font-size:19px}.calendar-heading p{font-size:13px}}.absence-options button{flex-direction:column;gap:2px;min-width:0;min-height:64px;padding:8px 4px;font-size:13px;position:relative}.absence-options button>svg:last-child:not(:first-child){width:14px;height:14px;position:absolute;top:5px;right:5px}.quick-onboarding{background:#f5f6fb}.quick-onboarding-content{flex-direction:column;flex:1;gap:24px;padding:20px clamp(16px,5vw,20px) 12px;display:flex}.quick-welcome{flex-direction:column;gap:20px;display:flex}.quick-welcome-visual{background:#e8edff;border-radius:28px;height:150px;position:relative;overflow:hidden}.quick-welcome-mascot{width:175px;height:175px;position:absolute;bottom:-13px;left:11px}.quick-welcome-mascot img{object-fit:contain;width:100%;height:100%}.quick-welcome-speech{background:#fff;border-radius:18px 18px 18px 5px;padding:12px 13px;line-height:1.4;position:absolute;top:30px;left:42%;right:15px;box-shadow:0 5px 18px #344da21a}.quick-welcome-speech strong,.quick-welcome-speech span{display:block}.quick-welcome-speech strong{font-size:15px}.quick-welcome-speech span{margin-top:2px;font-size:12px}.quick-welcome-shifts{gap:7px;display:flex;position:absolute;bottom:18px;right:18px}.quick-welcome-shifts span{color:#a36c00;background:#fff1c7;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.quick-welcome-shifts span:nth-child(2){color:#b05222;background:#ffe3d3}.quick-welcome-shifts span:nth-child(3){color:#fff;background:#2b3480}.quick-welcome-person{align-items:center;gap:12px;display:flex}.quick-welcome-avatar{color:#8a3b12;background:#ffe3d3;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:22px;font-weight:700;display:grid}.quick-welcome-person div{min-width:0}.quick-welcome-person div>span,.quick-welcome-person small{display:block}.quick-welcome-person div>span{font-size:17px;font-weight:700}.quick-welcome-person small{color:#5b6478;font-size:12px}.quick-welcome-intro h1{color:#1c2333;letter-spacing:0;margin:0 0 5px;font-size:28px;line-height:1.3}.quick-welcome-intro p{color:#5b6478;margin:0;font-size:14px;line-height:1.6}.quick-welcome-features{gap:9px;display:grid}.quick-welcome-features>div{background:#fff;border-radius:20px;align-items:center;gap:12px;min-height:65px;padding:10px 12px;display:flex}.quick-welcome-features>div>span{border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.quick-welcome-features strong,.quick-welcome-features small{display:block}.quick-welcome-features strong{font-size:15px}.quick-welcome-features small{color:#5b6478;font-size:12px;line-height:1.4}.quick-term-heading h2{margin:0 0 4px;font-size:22px;line-height:1.4}.quick-term-heading p,.settings-section>p{color:#5b6478;margin:0;font-size:14px;line-height:1.6}.term-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.term-choice button{color:#1c2333;text-align:left;background:#fff;border:2px solid #0000;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:4px;min-height:94px;padding:15px 12px;display:flex}.term-choice button[aria-pressed=true]{background:#f8faff;border-color:#3b5bdb}.term-choice strong{font-size:21px;line-height:1.4;display:block}.term-choice small{color:#5b6478;white-space:nowrap;margin-top:4px;font-size:11px;line-height:1.45;display:block}.term-choice svg{color:#3b5bdb;flex:none}.quick-first-action{color:#5b6478;margin:-8px 0 0;font-size:14px;line-height:1.6}.quick-onboarding-actions,.settings-actions{padding:12px clamp(16px, 5vw, 20px) calc(24px + env(safe-area-inset-bottom))}.quick-onboarding-actions .terms-checkbox{min-height:40px}.quick-onboarding-actions a{color:#304cc5;text-underline-offset:3px}.quick-privacy{color:#5b6478;margin:2px 0 14px 30px;font-size:12px;line-height:1.55}.quick-onboarding-actions .primary,.settings-actions .primary{border-radius:20px;margin:0}.settings-header{align-items:center;gap:14px;padding:18px clamp(16px,5vw,20px) 8px;display:flex}.settings-header button{background:#fff;border:0;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.settings-header span{color:#5b6478;font-size:12px}.settings-header h1{letter-spacing:0;margin:1px 0 0;font-size:24px;line-height:1.35}.settings-content{flex-direction:column;flex:1;gap:18px;padding:14px clamp(16px,5vw,20px) 24px;display:flex}.settings-section{background:#fff;border-radius:22px;padding:18px}.settings-section h2{margin:0 0 10px;font-size:18px;line-height:1.4}.settings-section .term-choice button{background:#f5f6fb}.settings-section .term-choice button[aria-pressed=true]{background:#f8faff}.settings-patterns{gap:8px;margin:16px 0;display:grid}.settings-patterns button{text-align:left;background:#fff;border:1.5px solid #e6e8f0;border-radius:14px;justify-content:space-between;align-items:center;min-height:60px;padding:10px 12px;display:flex}.settings-patterns button[aria-pressed=true]{background:#f8faff;border-color:#3b5bdb}.settings-patterns strong,.settings-patterns small{display:block}.settings-patterns strong{font-size:15px}.settings-patterns small{color:#5b6478;margin-top:2px;font-size:12px}.settings-patterns svg{color:#3b5bdb;flex:none}.settings-shifts{border-top:1px solid #e6e8f0}.settings-shift{border-bottom:1px solid #e6e8f0;padding:12px 0}.settings-shift-summary{align-items:center;gap:10px;display:flex}.settings-shift-summary>div{flex:1;min-width:0}.settings-shift-summary strong,.settings-shift-summary small{display:block}.settings-shift-summary strong{font-size:15px}.settings-shift-summary small{color:#5b6478;font-size:12px;line-height:1.45}.settings-shift-summary button{color:#304cc5;background:#f0f2f8;border:0;border-radius:12px;flex:none;min-height:44px;padding:8px 10px;font-size:13px}.settings-shift-fields{gap:10px;padding:12px 0 0 54px;display:grid}.settings-shift-fields>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-shift-fields label{min-width:0;font-size:13px}.settings-shift-fields input{background:#fff;border:1px solid #dadeea;border-radius:12px;width:100%;min-height:46px;margin-top:5px;padding:8px 10px;display:block}.settings-remove-shift{color:#8e2457;background:0 0;border:0;justify-self:start;min-height:40px;padding:4px}.settings-add-shift{color:#304cc5;background:#f8faff;border:1px dashed #aebce9;border-radius:12px;width:100%;min-height:44px;margin-top:10px}.settings-error{color:#8e2457;font-size:13px}.settings-more>summary{cursor:pointer;color:#304cc5;min-height:30px;font-weight:600}.settings-more .night-date-setting{padding:16px 0 10px}.settings-more .department-field{margin-top:10px;display:block}.settings-actions{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f6fbef;border-top:1px solid #e6e8f0;position:sticky;bottom:0}@media (max-width:350px){.quick-welcome-mascot{width:157px;height:157px;left:-4px}.quick-welcome-speech{padding:9px;left:40%;right:10px}.quick-welcome-speech strong{font-size:13px}.quick-welcome-speech span{font-size:11px}.quick-welcome-shifts{right:12px}.quick-welcome-intro h1{font-size:26px}.term-choice button{padding:12px 9px}.term-choice small{font-size:10px}.settings-section{padding:15px}.settings-shift-fields{padding-left:0}}.quick-progress{align-items:center;gap:12px;padding:14px clamp(16px,5vw,20px) 0;display:flex}.quick-progress>button{background:#fff;border:0;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.quick-progress>div{color:#5b6478;flex:1;font-size:13px}.quick-progress-bar{background:#dadeea;border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.quick-progress-bar i{border-radius:inherit;background:#3b5bdb;height:100%;display:block}.quick-step-intro{align-items:center;gap:12px;min-height:96px;display:flex}.quick-step-intro img{object-fit:contain;flex:none}.quick-step-intro h1{letter-spacing:0;margin:0 0 4px;font-size:24px;line-height:1.35}.quick-step-intro p{color:#5b6478;margin:0;font-size:13px;line-height:1.5}.quick-setup-section h2{margin:0 0 10px;font-size:18px;line-height:1.4}.quick-setup-section .settings-patterns{margin:0}.quick-setup-section .settings-shifts{background:#fff;border-top:0;border-radius:20px;padding:3px 14px}.quick-setup-section .settings-shift:last-child{border-bottom:0}.quick-onboarding-actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f6fbef;position:sticky;bottom:0}.welcome-step .quick-onboarding-actions{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f5f6fb;margin-top:auto;position:static}.quick-onboarding-actions .primary{margin:0}@media (max-height:700px){.quick-onboarding-content{gap:18px}.quick-onboarding-actions{padding-top:8px}}.today-card{box-sizing:border-box;text-align:left;--today-soft:#ffffffa8;--today-line:#1c23331a;--today-blob:#ffffff9e;border:0;border-radius:28px;flex-direction:column;width:100%;min-height:236px;margin:0;padding:18px 20px 16px;display:flex;position:relative;overflow:hidden}.today-card.is-dark{--today-soft:#ffffff29;--today-line:#ffffff38;--today-blob:#ffffff24}.today-card>span{position:relative}.today-card .today-mascot{width:120px;height:120px;position:absolute;top:42px;right:-6px}.today-card .today-mascot:before{content:"";background:var(--today-blob);border-radius:46% 54% 55% 45%/48% 43% 57% 52%;position:absolute;inset:6px 2px 0 4px}.today-card .today-mascot img{object-fit:contain;width:120px;height:120px;position:relative}.today-head{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.today-date{opacity:.8}.today-edit{background:var(--today-soft);border-radius:999px;align-items:center;gap:2px;padding:4px 6px 4px 10px;display:inline-flex}.today-card .today-title{white-space:nowrap;text-overflow:ellipsis;margin:12px 0 6px;padding-right:108px;font-size:28px;font-weight:700;line-height:1.2;display:block;overflow:hidden}.today-card .today-title.is-medium{font-size:24px}.today-card .today-title.is-long{font-size:20px}.today-subtitle{opacity:.85;padding-right:108px;font-size:14px;font-weight:500;line-height:1.5;display:block}.today-ranges{flex-direction:column;gap:6px;padding-right:108px;display:flex}.today-range{flex-direction:column;display:flex}.today-range-name{opacity:.8;font-size:12px;font-weight:600}.today-range-time{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.today-range-time time{font-variant-numeric:tabular-nums;opacity:.85;font-size:14px;font-weight:500;line-height:1.5}.today-range-time>span:not(.today-range-day){opacity:.5;font-size:12px}.today-range-day{opacity:.65;font-size:12px;font-weight:500}.today-total{opacity:.8;font-size:13px;font-weight:600}.today-status{flex-direction:column;align-self:flex-start;gap:6px;min-width:190px;margin-top:12px;display:flex}.today-pill{white-space:nowrap;background:var(--today-soft);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.today-pill-dot{background:currentColor;border-radius:999px;width:7px;height:7px}.today-status.is-active .today-pill-dot{animation:1.6s ease-in-out infinite today-pulse}.today-status.is-done .today-pill-dot{opacity:.35}.today-progress{background:var(--today-soft);border-radius:999px;height:5px;display:block;overflow:hidden}.today-progress>span{opacity:.75;background:currentColor;border-radius:999px;height:100%;display:block}.today-tomorrow{border-top:1px solid var(--today-line);align-items:center;gap:8px;padding-top:12px;font-size:13px;font-weight:600;display:flex}.today-spacer{flex:1 0 16px}.today-tomorrow-chip{box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;min-width:26px;height:22px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.today-tomorrow-chip.has-ring{box-shadow:inset 0 0 0 1px #1c23332e}.today-card.is-dark .today-tomorrow-chip.has-ring{box-shadow:inset 0 0 0 1px #fff6}@keyframes today-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.today-status.is-active .today-pill-dot{animation:none}}@media (max-width:350px){.today-card{padding:16px}.today-card .today-title,.today-subtitle,.today-ranges{padding-right:96px}.today-card .today-mascot,.today-card .today-mascot img{width:104px;height:104px}}.entry-screen{box-sizing:border-box;max-width:460px;min-height:100svh;padding:24px 20px calc(24px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:auto;display:flex}.entry-stage{place-items:center;width:200px;height:200px;display:grid;position:relative}.entry-stage:before{content:"";background:#e8edff;border-radius:46% 54% 55% 45%/48% 43% 57% 52%;position:absolute;inset:22px}.entry-mascot{z-index:1;transform-origin:50% 100%;width:144px;height:144px;position:relative}.entry-shadow{background:#1c23331f;border-radius:50%;width:86px;height:12px;position:absolute;bottom:26px}.entry-message{color:#1c2333;max-width:300px;margin:0;font-size:16px;font-weight:600;line-height:1.6}.entry-screen.is-error .entry-message{color:#8e2457}.entry-action{width:100%;max-width:320px}.entry-screen.is-login .entry-mascot{animation:2.4s ease-in-out infinite entry-sway}@keyframes entry-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@media (prefers-reduced-motion:reduce){.entry-screen .entry-mascot,.entry-screen .entry-shadow{animation:none}}.me-panel{flex-direction:column;gap:16px;display:flex}.me-title{margin:0 4px;font-size:26px;font-weight:700}.me-profile{background:#fff;border-radius:20px;align-items:center;gap:12px;padding:16px;display:flex}.user-avatar{object-fit:cover;color:#8a3b12;background:#ffd9c7;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.me-profile>div{flex-direction:column;min-width:0;line-height:1.35;display:flex}.me-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.me-profile span{color:#5b6478;font-size:13px}.me-group{flex-direction:column;gap:6px;display:flex}.me-group h3{color:#5b6478;margin:0 4px;font-size:13px;font-weight:600}.me-list{background:#fff;border-radius:20px;overflow:hidden}.me-row{box-sizing:border-box;color:#1c2333;width:100%;min-height:56px;font:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #f0f2f7;align-items:center;gap:12px;padding:8px 14px;text-decoration:none;display:flex}.me-row:last-child{border-bottom:0}.me-row:disabled{cursor:default}.me-row:focus-visible{outline-offset:-3px;outline:3px solid #3b5bdb}.me-row-icon{border-radius:14px;flex:none;place-items:center;width:36px;height:36px;display:grid}.me-row-icon.is-morning{color:#6e4b00;background:#fff1c7}.me-row-icon.is-night{color:#fff;background:#2b3480}.me-row-icon.is-rest{color:#1e6b4d;background:#dff4ea}.me-row-icon.is-brand{color:#2c46b0;background:#e8edff}.me-row-label{flex:1;font-size:15px;font-weight:500}.me-row-value{color:#5b6478;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:45%;font-size:14px;overflow:hidden}.me-row-chevron{color:#9aa3b5;flex:none}.me-footer{color:#5b6478;justify-content:center;align-items:center;gap:8px;margin:4px 0 0;font-size:13px;display:flex}.me-panel .saving-label{align-items:center;gap:8px;display:inline-flex}.saving-dots{gap:4px;display:inline-flex}.saving-dots span{background:currentColor;border-radius:999px;width:6px;height:6px;animation:1.2s ease-in-out infinite saving-dot}.saving-dots span:nth-child(2){animation-delay:.15s}.saving-dots span:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion:reduce){.saving-dots span{opacity:.7;animation:none}}.calendar-title{align-items:center;gap:8px;min-width:0;display:flex}.month-badge{color:#fff;background:#3b5bdb;border-radius:999px;flex:none;padding:1px 7px;font-size:10px;font-weight:700;line-height:1.6}@keyframes saving-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.intro-wait{background:#1b2160;place-items:center;display:grid;position:fixed;inset:0}.intro-pulse{background:#fff1c7;border-radius:50%;width:60px;height:60px;position:relative}.intro-pulse:after{content:"";border:3px solid #fff1c7;border-radius:50%;animation:1s ease-out infinite intro-pulse;position:absolute;inset:0}.entry-skeleton{background:#f5f6fb;min-height:100svh;display:none}html[data-intro=skeleton] .intro-wait{display:none}html[data-intro=skeleton] .entry-skeleton{display:block}.entry-skeleton .app-content{flex-direction:column;gap:16px;padding-top:20px;display:flex}.sk{background:#e6e9f2;border-radius:6px;display:block;position:relative;overflow:hidden}.sk:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffffbf 50%,#0000 80%);animation:1.3s ease-in-out infinite sk-shine;position:absolute;inset:0;transform:translate(-100%)}.sk-avatar{border-radius:50%;width:44px;height:44px}.skeleton-greeting{align-items:center;gap:12px;display:flex}.skeleton-lines{flex-direction:column;gap:6px;display:flex}.skeleton-today{box-sizing:border-box;background:#e8edff;border-radius:28px;flex-direction:column;gap:12px;height:236px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.skeleton-today .sk{background:#d6ddf7}.skeleton-peek{transform-origin:50% 100%;animation:2.4s ease-in-out infinite sk-peek;position:absolute;bottom:-6px;right:6px}.skeleton-calendar{background:#fff;border-radius:20px;flex-direction:column;gap:12px;padding:14px 12px;display:flex}.skeleton-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.skeleton-grid .sk{border-radius:10px;height:40px}.intro-reveal{z-index:60;background:#1b2160;transition:background .45s,opacity .2s;position:fixed;inset:0}.intro-reveal.is-shrink,.intro-reveal.is-fade{pointer-events:none;background:0 0}.intro-reveal.is-fade{opacity:0}.intro-fill{clip-path:circle(0% at 50% 46%);transition:clip-path .45s cubic-bezier(.65,0,.35,1),top .6s cubic-bezier(.65,0,.35,1),left .6s cubic-bezier(.65,0,.35,1),width .6s cubic-bezier(.65,0,.35,1),height .6s cubic-bezier(.65,0,.35,1),border-radius .6s cubic-bezier(.65,0,.35,1);position:fixed}.intro-reveal:not(.is-fill) .intro-fill{clip-path:circle(150% at 50% 46%)}.intro-content{text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.intro-reveal.is-show .intro-content{opacity:1;animation:.5s cubic-bezier(.34,1.56,.64,1) intro-pop}.intro-reveal.is-shrink .intro-content{opacity:0;transition:opacity .3s,transform .6s cubic-bezier(.65,0,.35,1);transform:scale(.6)translateY(-120px)}.intro-content img{width:190px;height:190px}.intro-date{opacity:.8;font-size:15px;font-weight:600}.intro-title{font-size:40px;font-weight:700;line-height:1.15}.intro-time{opacity:.85;font-size:17px;font-weight:500}@keyframes intro-pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@keyframes intro-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes sk-shine{to{transform:translate(100%)}}@keyframes sk-peek{0%,to{transform:translateY(18px)rotate(-6deg)}40%,70%{transform:translateY(0)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.intro-pulse:after,.sk:after,.skeleton-peek,.intro-reveal.is-show .intro-content{animation:none}}.me-row-icon.is-coffee{color:#8a3b12;background:#ffe3d3}.coffee-popup{text-align:center}.coffee-mascot{margin:-8px auto 4px;display:block}.coffee-qr{border-radius:16px;width:min(240px,70vw);height:auto;margin:0 auto;display:block;box-shadow:0 0 0 1px #e6e8f0}.coffee-hint{color:#5b6478;max-width:280px;margin:12px auto 0;font-size:13px}.coffee-actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.coffee-actions button{justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.me-row-icon.is-pay{color:#a3123a;background:#ffe0e6;font-size:12px;font-weight:700}.me-row-icon.is-afternoon{color:#ae5624;background:#ffe3d3}.me-row-icon.is-night-soft{color:#2b3480;background:#e8edff}.pay-settings{flex-direction:column;gap:16px;display:flex}.subpage-head{align-items:center;gap:10px;display:flex}.subpage-head h2{margin:0;font-size:22px;font-weight:700}.subpage-back{color:#1c2333;background:#fff;border:0;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.pay-hint{color:#5b6478;margin:-6px 4px 0;font-size:13px}.pay-group-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.pay-unit{color:#304cc5;background:#fff;border:0;border-radius:999px;align-items:center;gap:4px;min-height:36px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.pay-row{border-bottom:1px solid #f0f2f7;align-items:center;gap:12px;min-height:60px;padding:8px 14px;display:flex}.pay-row:last-child{border-bottom:0}.pay-row>label,.pay-switch-label{flex:1;min-width:0;font-size:15px;font-weight:500;line-height:1.35}.pay-row small{color:#5b6478;font-size:12px;font-weight:400;display:block}.pay-money{background:#f5f6fb;border:1.5px solid #e6e8f0;border-radius:12px;flex:none;align-items:baseline;gap:6px;width:132px;padding:6px 10px;display:flex}.pay-money:focus-within{background:#fff;border-color:#3b5bdb}.pay-money input{color:#1c2333;text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;width:auto;padding:0;font-weight:700}.pay-money span{color:#5b6478;flex:none;font-size:12px}.pay-switch{background:#cfd4e2;border:0;border-radius:15px;flex:none;width:50px;height:30px;transition:background .15s;position:relative}.pay-switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #1c233333}.pay-switch[aria-checked=true]{background:#3b5bdb}.pay-switch[aria-checked=true]:after{transform:translate(20px)}.pay-settings .primary{border-radius:20px;margin-top:0}.ot-line{background:#f5f6fb;border-radius:14px;align-items:center;gap:8px;margin-top:12px;padding:6px 6px 6px 12px;display:flex}.ot-line>span{color:#5b6478;flex:none;font-size:13px;font-weight:600}.ot-chips{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:6px;display:flex}.ot-chip{color:#1c2333;background:#fff;border:1.5px solid #e6e8f0;border-radius:12px;align-items:center;gap:6px;min-height:44px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.ot-box{color:#fff;border:1.5px solid #b9bfce;border-radius:5px;place-items:center;width:17px;height:17px;display:grid}.ot-chip[aria-pressed=true]{color:#a3123a;background:#ffe0e6;border-color:#d62a55}.ot-chip[aria-pressed=true] .ot-box{background:#d62a55;border-color:#d62a55}.ot-note{color:#5b6478;margin:6px 4px 0;font-size:12px}.summary-line{align-items:flex-start;gap:12px;display:flex}.summary-line>strong{color:#1c2333;flex:1;min-width:0;font-size:16px;font-weight:600;line-height:1.6}.summary-earn{text-align:right;font-variant-numeric:tabular-nums;flex:none;font-size:17px;font-weight:700;line-height:1.4}.compact-roster-summary .summary-earn small{margin-top:0;font-size:11px;font-weight:500}.extra-work-page .extra-pay-label{margin-top:18px}.extra-pay-label span{color:#5b6478;font-weight:400}.extra-pay-input{border:1px solid #dadeea;border-radius:14px;align-items:center;gap:8px;margin:6px 0 4px;padding:4px 4px 4px 12px;display:flex}.extra-pay-input:focus-within{border-color:#3b5bdb}.extra-work-page .extra-pay-input input{font-variant-numeric:tabular-nums;border:0;outline:none;flex:1;width:auto;min-height:40px;margin:0;padding:0;font-weight:700}.extra-pay-input .pay-unit{background:#f5f6fb}.income-panel{flex-direction:column;gap:14px;display:flex}.income-heading{align-items:center;gap:6px;display:flex}.income-heading>div{flex:1;min-width:0;padding-left:4px}.income-heading h2{margin:0;font-size:21px;font-weight:700;line-height:1.4}.income-heading p{color:#5b6478;margin:0;font-size:13px}.income-heading button{color:#1c2333;background:#fff;border:0;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.income-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.income-stats>div{text-align:center;background:#fff;border-radius:16px;padding:10px}.income-stats strong{font-variant-numeric:tabular-nums;font-size:22px;display:block}.income-stats span{color:#5b6478;font-size:12px}.income-empty{text-align:center;background:#fff;border-radius:20px;justify-items:center;gap:10px;padding:22px 18px;display:grid}.income-empty-icon{color:#a3123a;background:#ffe0e6;border-radius:20px;place-items:center;width:64px;height:64px;display:grid}.income-empty h3{text-wrap:balance;margin:0;font-size:18px}.income-empty p{color:#5b6478;max-width:30ch;margin:0;font-size:14px}.income-empty .primary{border-radius:20px;margin-top:4px}.income-total{background:#fff;border-radius:20px;gap:2px;padding:16px;display:grid}.income-total>span,.income-total p{color:#5b6478;margin:0;font-size:13px}.income-total strong{font-variant-numeric:tabular-nums;font-size:36px;font-weight:700;line-height:1.2}.income-total strong small{color:#5b6478;margin-left:6px;font-size:16px;font-weight:500}.income-bar{background:#f0f2f7;border-radius:4px;gap:2px;height:8px;margin-top:10px;display:flex;overflow:hidden}.income-bar i{height:100%;display:block}.income-row{font-variant-numeric:tabular-nums;border-bottom:1px solid #f0f2f7;align-items:center;gap:12px;min-height:60px;padding:8px 14px;display:flex}.income-row:last-child{border-bottom:0}.income-row-label{flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.35}.income-row-label small{color:#5b6478;font-size:12px;font-weight:400;display:block}.income-row-amount{flex:none;font-size:16px;font-weight:700}.income-foot{color:#5b6478;flex-wrap:wrap;align-items:center;gap:6px;margin:0 4px;font-size:12px;display:flex}.income-tag{color:#1e6b4d;background:#dff4ea;border-radius:999px;padding:2px 10px}.income-note{color:#5b6478;margin:0 4px;font-size:12px}.income-link{color:#304cc5;background:0 0;border:0;min-height:32px;padding:0 4px;font-size:12px;font-weight:600}@media (prefers-reduced-motion:reduce){.pay-switch,.pay-switch:after{transition:none}}.batch-write-options{border:0;border-top:1px solid #e6e8f0;min-width:0;margin:10px 0 0;padding:14px 0 0}.batch-write-options legend{padding:0 0 8px;font-size:14px;font-weight:600}.batch-write-options label{cursor:pointer;border:1.5px solid #dadeea;border-radius:14px;align-items:center;gap:12px;min-height:64px;margin-bottom:8px;padding:10px 12px;display:flex}.batch-write-options label[data-selected=true]{border-color:var(--primary);background:#eef1ff}.batch-write-options label:has(input:disabled){color:#687087;cursor:default;background:#f5f6fb}.batch-write-options label:focus-within{outline:2px solid var(--primary);outline-offset:2px}.batch-write-options input{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0;margin:0}.batch-write-options strong,.batch-write-options small{line-height:1.6;display:block}.batch-write-options strong{font-size:14px;font-weight:600}.batch-write-options small{color:#5b6478;font-size:12px}.batch-write-help,.batch-replace-warning{margin:8px 0;font-size:13px;line-height:1.7}.batch-write-help{color:#5b6478}.batch-replace-warning{color:#8b3d14;background:#fff4e8;border-radius:12px;padding:10px 12px}.batch-result{margin:12px 0;font-size:13px;line-height:1.7}.batch-result p{color:#5b6478;margin:0 0 6px}.batch-result div{grid-template-columns:86px minmax(0,1fr);gap:8px;display:grid}.batch-result span{color:#5b6478}.batch-result strong{overflow-wrap:anywhere;font-weight:500}.batch-result div:last-child strong{color:#2b3480;font-weight:600}.shift-popup.has-batch-options{flex-direction:column;display:flex;overflow:hidden}.has-batch-options .picker-scroll-content{scrollbar-width:thin;min-height:0;margin:0 -20px;padding:0 20px;overflow-y:auto}.has-batch-options .popup-save{box-shadow:none;flex-shrink:0;margin-top:12px;position:static}.pay-effective-popup{padding-bottom:max(20px, env(safe-area-inset-bottom));gap:16px}.pay-effective-popup .picker-scroll-content{flex-direction:column;gap:18px;display:flex}.pay-effective-popup .sheet-handle{margin-bottom:-6px}.pay-effective-popup .popup-heading{margin-bottom:0}.pay-effective-popup .popup-heading h2{font-size:20px;line-height:1.4}.pay-effective-popup .popup-heading p{margin-top:4px;font-size:13px;line-height:1.6}.rate-date-options{border:0;min-width:0;margin:0;padding:0}.rate-date-options legend{color:#5b6478;margin-bottom:8px;font-size:12px;font-weight:500}.rate-date-option{cursor:pointer;background:#f5f6fb;align-items:center;gap:12px;min-height:48px;padding:12px 14px;font-size:14px;display:flex;position:relative}.rate-date-option:first-of-type{border-radius:16px 16px 0 0}.rate-date-option:last-of-type{border-radius:0 0 16px 16px}.rate-date-option+.rate-date-option{border-top:1px solid #e6e8f0}.rate-date-option[data-selected=true]{color:#304cc5;background:#eef1ff;font-weight:600}.rate-date-option>input{opacity:0;width:1px;height:1px;position:absolute}.rate-radio{background:#fff;border:1.5px solid #cfd4e2;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-left:auto;display:grid}[data-selected=true] .rate-radio{background:var(--primary);border-color:var(--primary);color:#fff}.rate-date-option:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px;z-index:1}.rate-date-options:disabled .rate-date-option{opacity:.65;cursor:wait}.rate-custom-date{color:#5b6478;gap:6px;margin-top:10px;font-size:12px;display:grid}.rate-custom-date input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit;color:#1c2333;background:#f5f6fb;border:1.5px solid #e6e8f0;border-radius:12px;padding:10px 12px;font-size:16px}.rate-custom-date input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.rate-change-list{gap:10px;display:grid}.rate-change-list p{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin:0;font-size:13px;display:flex}.rate-change-list strong{font-weight:500}.rate-change-list p>span{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rate-change-list s{color:#5b6478}.rate-change-list svg{color:#8991a3}.rate-change-list b{color:#304cc5;font-weight:600}.rate-impact{border-top:1px solid #e6e8f0;padding-top:16px}.rate-impact p{color:#5b6478;margin:0 0 8px;font-size:12px}.rate-impact>div{gap:6px;display:grid}.rate-impact>div>span{color:#5b6478;font-size:13px}.rate-impact strong{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:10px;font-size:22px;display:flex}.rate-impact s{color:#8991a3;font-size:16px;font-weight:400}.rate-impact svg{color:#8991a3}.rate-impact b{color:#2b3480;font-weight:700}.rate-impact small{font-size:12px;font-weight:400}.rate-impact>p:last-child:not(:first-child){margin:10px 0 0}.pay-effective-popup .field-hint{color:#5b6478;margin:0;font-size:12px;line-height:1.6}.shift-pay-details{background:#f5f6fb;border-radius:14px;margin-top:12px;padding:12px}.shift-pay-details summary{cursor:pointer;color:#5b6478;min-height:24px;font-size:13px;font-weight:500}.shift-pay-details[open] summary{color:#1c2333}.shift-pay-details .field-hint{color:#5b6478;margin:8px 0;font-size:12px;line-height:1.6}.shift-pay-row{border-top:1px solid #e6e8f0;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 0;display:grid}.shift-pay-row>strong{align-self:center;font-size:14px;font-weight:500}.shift-pay-row>span{color:#5b6478;grid-column:1;font-size:12px}.shift-pay-row .shift-pay-label{color:#5b6478;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;display:grid}.shift-pay-row .pay-money{background:#fff}.shift-pay-row button{color:#304cc5;min-height:44px;font:inherit;background:0 0;border:0;justify-self:end;padding:4px 0;font-size:12px;font-weight:500}.shift-pay-row>button{grid-column:1/-1}.shift-pay-row>span+button{grid-area:1/2/3}.shift-pay-row button:focus-visible,.shift-pay-details summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:6px}