:root{color-scheme:light;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Noto Sans JP",Meiryo,system-ui,sans-serif;--bg:#f3f6f5;--text:#101b16;--text-2:#34423b;--muted:#5c6862;--subtle:#8a958f;--line:rgba(16,40,28,.1);--line-strong:rgba(16,40,28,.17);--primary:#147142;--primary-hi:#1f9a5e;--primary-dark:#0e5a33;--primary-soft:rgba(20,113,66,.09);--primary-gradient:linear-gradient(180deg,#2aa86a,#188a4f 50%,#12703e);--focus-ring:rgba(31,154,94,.24);--success-text:#13693f;--success-bg:rgba(34,160,98,.12);--warning-text:#835400;--warning-bg:rgba(245,170,30,.16);--danger-text:#ad2228;--danger-bg:rgba(224,62,62,.1);--info-text:#1d5c94;--info-bg:rgba(56,132,220,.12);--panel:hsla(0,0%,100%,.78);--soft:rgba(244,248,246,.9);--surface:#fff;--surface-2:rgba(249,251,250,.82);--surface-3:rgba(238,243,240,.86);--fill:rgba(16,40,28,.045);--warning:rgba(245,170,30,.18);--glass-panel:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.74));--glass-chrome:linear-gradient(180deg,hsla(0,0%,100%,.78),hsla(0,0%,100%,.6));--glass-rim:hsla(0,0%,100%,.82);--glass-edge:rgba(16,40,28,.07);--glass-blur:blur(26px) saturate(175%);--shadow:0 0 0 1px var(--glass-edge),0 1px 2px rgba(16,36,26,.04),0 8px 22px -6px rgba(16,36,26,.08),0 28px 56px -24px rgba(16,36,26,.12);--shadow-float:0 0 0 1px var(--glass-edge),0 2px 6px rgba(16,36,26,.06),0 22px 48px -14px rgba(16,36,26,.28);--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--radius-sm:12px;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-spring-soft:cubic-bezier(0.32,1.24,0.52,1);--canvas:#f3f6f5;--canvas-line:var(--line)}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body:before{position:fixed;inset:-12%;z-index:-1;background:radial-gradient(36% 40% at 10% 6%,rgba(122,218,174,.42),transparent 72%),radial-gradient(32% 38% at 92% 4%,rgba(146,194,255,.36),transparent 72%),radial-gradient(38% 44% at 86% 94%,rgba(255,204,176,.3),transparent 72%),radial-gradient(34% 40% at 6% 92%,rgba(194,180,255,.26),transparent 72%),radial-gradient(28% 30% at 50% 50%,hsla(0,0%,100%,.7),transparent 80%);content:"";pointer-events:none}::selection{background:rgba(31,154,94,.22)}h1,h2,h3,h4{color:var(--text);font-feature-settings:"palt";letter-spacing:.01em}.loginPanel p,.muted{color:var(--muted)}.eyebrow{color:var(--primary);font-size:12px;font-weight:750;letter-spacing:.06em}.metrics dd,.summary strong,.terminalClock,.terminalTimeValue,input[type=date],input[type=month],input[type=number],input[type=time],table{font-variant-numeric:tabular-nums}.visuallyHidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0}:focus-visible{outline:2px solid rgba(31,154,94,.7);outline-offset:3px}.uiIcon{width:20px;height:20px;flex:0 0 auto}input,select,textarea{min-height:44px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background-color:#fff;box-shadow:inset 0 1px 2px rgba(16,40,28,.05),0 0 0 0 rgba(31,154,94,0);color:var(--text);padding:10px 14px;transition:border-color .18s ease,box-shadow .26s var(--ease-out),background-color .18s ease}textarea{min-height:104px;line-height:1.65}input::placeholder,textarea::placeholder{color:#9aa59f;opacity:1}input:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){border-color:rgba(16,40,28,.3)}input:focus,select:focus,textarea:focus{border-color:var(--primary-hi);background-color:#fff;box-shadow:inset 0 1px 2px rgba(16,40,28,.04),0 0 0 4px var(--focus-ring);outline:0}input:disabled,select:disabled,td input:disabled,textarea:disabled{border-color:var(--line);background-color:rgba(16,40,28,.04);box-shadow:none;color:var(--muted);cursor:not-allowed}input[readonly]{background-color:rgba(16,40,28,.025)}input:user-invalid,select:user-invalid,textarea:user-invalid{border-color:rgba(214,64,64,.65)}input:user-invalid:focus,select:user-invalid:focus,textarea:user-invalid:focus{box-shadow:0 0 0 4px rgba(224,62,62,.16)}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%234a5a52' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px 18px;padding-right:38px;cursor:pointer}input[type=date],input[type=month],input[type=time]{cursor:text}input::-webkit-calendar-picker-indicator{border-radius:6px;cursor:pointer;opacity:.5;padding:3px;transition:opacity .16s ease,background-color .16s ease}input::-webkit-calendar-picker-indicator:hover{background-color:var(--primary-soft);opacity:.9}input[type=file]{border-style:dashed;background-color:hsla(0,0%,100%,.7);color:var(--muted);cursor:pointer;padding:7px 8px}input[type=file]::file-selector-button{margin-right:12px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(16,40,28,.06);color:var(--primary-dark);cursor:pointer;font:inherit;font-size:13px;font-weight:700;padding:6px 14px;transition:background-color .16s ease,border-color .16s ease}input[type=file]::file-selector-button:hover{border-color:rgba(20,113,66,.35);background:#f2faf6}input[type=checkbox]{-webkit-appearance:none;appearance:none;display:inline-grid;width:20px;height:20px;min-width:20px;min-height:20px;flex:0 0 auto;place-content:center;margin:0;border:1.5px solid rgba(16,40,28,.3);border-radius:6px;background:#fff;box-shadow:inset 0 1px 2px rgba(16,40,28,.08);cursor:pointer;padding:0;transition:background-color .18s ease,border-color .18s ease,box-shadow .22s ease,transform .38s var(--ease-spring)}.tableWrap td input[type=checkbox],input[type=checkbox]{width:20px!important;height:20px!important;min-width:20px!important}.tableWrap td.approvalDecisionCell input[type=checkbox]{justify-self:center}input[type=checkbox]:before{width:10px;height:5.5px;border-bottom:2.2px solid #fff;border-left:2.2px solid #fff;content:"";transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .32s var(--ease-spring)}input[type=checkbox]:checked,input[type=checkbox]:indeterminate{border-color:transparent;background:var(--primary-gradient);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35),0 3px 8px -2px rgba(20,113,66,.55)}input[type=checkbox]:checked:before{transform:translateY(-1px) rotate(-45deg) scale(1)}input[type=checkbox]:indeterminate:before{width:10px;height:0;border-left:0;transform:none}input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--primary-hi)}input[type=checkbox]:focus{border-color:rgba(16,40,28,.3);box-shadow:inset 0 1px 2px rgba(16,40,28,.08)}input[type=checkbox]:checked:focus{border-color:transparent;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35),0 3px 8px -2px rgba(20,113,66,.55)}input[type=checkbox]:focus-visible{outline:2px solid rgba(31,154,94,.7);outline-offset:2px}input[type=checkbox]:active:not(:disabled){transform:scale(.84);transition-duration:90ms}input[type=checkbox]:disabled{background:rgba(16,40,28,.05);cursor:not-allowed;opacity:.55}label:focus-within>span:first-child{color:var(--primary-dark)}.correctionForm label span,.expenseLine label span,.filterBar label span,.formGrid label span,.loginForm label span{color:var(--text-2);font-size:12.5px;font-weight:700;letter-spacing:.02em;transition:color .16s ease}td input,td select{min-height:40px;border-radius:10px;padding:8px 10px}td select{min-width:112px;padding-right:32px;background-position:right 9px center}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{opacity:.5}.approvalQuickApproveButton,.loginForm button[type=submit],.primaryButton,.requestForm button{--ripple-color:hsla(0,0%,100%,.5);position:relative;display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;isolation:isolate;overflow:clip;border:1px solid rgba(8,70,38,.55);border-radius:999px;background:var(--primary-gradient);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.42),inset 0 -2px 5px rgba(0,45,22,.2),0 1px 2px rgba(10,60,35,.22),0 8px 20px -8px rgba(20,113,66,.62);color:#fff;font-size:14px;font-weight:750;letter-spacing:.02em;line-height:1.2;padding:10px 22px;text-shadow:0 1px 0 rgba(0,45,22,.25);transition:transform .42s var(--ease-spring),box-shadow .24s ease,filter .24s ease}.chipRemoveButton,.ghostButton,.secondaryButton,.shiftApplyButton,td button{--ripple-color:rgba(20,113,66,.2);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;isolation:isolate;overflow:clip;border-radius:999px;line-height:1.2;transition:transform .42s var(--ease-spring),box-shadow .24s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.secondaryButton{min-height:42px;border:1px solid rgba(20,113,66,.26);background:linear-gradient(180deg,#fff,#f1f9f5);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(16,40,28,.06),0 6px 14px -8px rgba(16,60,38,.3);color:var(--primary-dark);font-weight:750;padding:10px 20px}.ghostButton,td button{min-height:38px;border:1px solid var(--line-strong);background:hsla(0,0%,100%,.82);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(16,40,28,.05);color:var(--text-2);font-weight:700;padding:8px 16px}td button{min-height:36px;font-size:13px;padding:7px 14px}.approvalQuickApproveButton:hover:not(:disabled),.loginForm button[type=submit]:hover:not(:disabled),.primaryButton:hover:not(:disabled),.requestForm button:hover:not(:disabled){background:var(--primary-gradient);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),inset 0 -2px 5px rgba(0,45,22,.2),0 2px 4px rgba(10,60,35,.2),0 14px 28px -10px rgba(20,113,66,.7);filter:brightness(1.06) saturate(1.06);transform:translateY(-1px)}.secondaryButton:hover:not(:disabled){border-color:rgba(20,113,66,.42);background:linear-gradient(180deg,#fff,#e9f6ef);box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(16,40,28,.06),0 12px 22px -10px rgba(16,60,38,.35);transform:translateY(-1px)}.ghostButton:hover:not(:disabled),td button:hover:not(:disabled){border-color:rgba(16,40,28,.26);background:#fff;box-shadow:inset 0 1px 0 #fff,0 6px 14px -8px rgba(16,40,28,.3);color:var(--text);transform:translateY(-1px)}.ghostButton:not(:disabled):active,.primaryButton:not(:disabled):active,.secondaryButton:not(:disabled):active,button:not(:disabled):active{transform:scale(.96);transition-duration:90ms}.approvalQuickApproveButton:disabled,.loginForm button[type=submit]:disabled,.primaryButton:disabled,.requestForm button:disabled{border-color:rgba(16,40,28,.1);background:linear-gradient(180deg,#b9cbc1,#a7bbb0);box-shadow:none;filter:none;opacity:.75;text-shadow:none}.ghostButton:disabled,.secondaryButton:disabled,td button:disabled{box-shadow:none}.approvalQuickApproveButton:before,.ghostButton:before,.loginForm button[type=submit]:before,.primaryButton:before,.secondaryButton:before{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(140px circle at var(--sheen-x,50%) var(--sheen-y,-30%),hsla(0,0%,100%,.42),transparent 62%);content:"";opacity:0;pointer-events:none;transition:opacity .26s ease}.ghostButton:before,.secondaryButton:before{background:radial-gradient(140px circle at var(--sheen-x,50%) var(--sheen-y,-30%),rgba(31,154,94,.12),transparent 62%)}.approvalQuickApproveButton:hover:not(:disabled):before,.ghostButton:hover:not(:disabled):before,.loginForm button[type=submit]:hover:not(:disabled):before,.primaryButton:hover:not(:disabled):before,.secondaryButton:hover:not(:disabled):before{opacity:1}[data-ripple-host=static]{position:relative}[data-rippling]{overflow:clip}[data-rippling]:after{position:absolute;top:var(--ripple-y,50%);left:var(--ripple-x,50%);width:var(--ripple-size,120px);height:var(--ripple-size,120px);border-radius:50%;background:radial-gradient(circle,var(--ripple-color,rgba(20,113,66,.18)) 0,transparent 64%);content:"";pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:lgRipple .62s var(--ease-out) forwards}@keyframes lgRipple{to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.approveButton{border-color:rgba(34,160,98,.35)!important;background:var(--success-bg)!important;color:var(--success-text)!important}.rejectButton{--ripple-color:rgba(224,62,62,.2);border-color:rgba(224,62,62,.3)!important;background:var(--danger-bg)!important;color:var(--danger-text)!important}.shiftApplyButton{border:1px solid rgba(34,160,98,.35);background:var(--success-bg);color:var(--success-text)}.chipRemoveButton{background:rgba(20,113,66,.1);color:var(--primary-dark)}.linkButton,.textLink{color:var(--primary-dark);font-weight:700;text-decoration-color:rgba(20,113,66,.35);text-decoration-thickness:1.5px;transition:color .16s ease,text-decoration-color .16s ease}.linkButton:hover:not(:disabled),.textLink:hover{color:var(--primary);text-decoration-color:currentColor}.buttonSpinner{width:16px;height:16px;border-width:2px}.secondaryButton.statusButton[data-state=idle]:disabled{box-shadow:none;opacity:.5}.statusButton[data-state=saving],.statusButton[data-state=saving]:hover{border-color:rgba(160,100,10,.5);background:linear-gradient(180deg,#f2b544,#d9921c);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 10px 22px -10px rgba(217,146,28,.7);color:#fff;filter:none;opacity:1}.statusButton[data-state=saved],.statusButton[data-state=saved]:hover{border-color:rgba(34,160,98,.3);background:linear-gradient(180deg,rgba(232,247,239,.95),rgba(214,240,226,.9));box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(16,40,28,.06);color:var(--success-text);filter:none;opacity:1;text-shadow:none;transform:none}.appLayout{grid-template-columns:286px minmax(0,1fr)}.sidebar{top:14px;height:calc(100dvh - 28px);margin:14px 0 14px 14px;gap:16px;border:1px solid var(--glass-rim);border-radius:26px;background:var(--glass-chrome);box-shadow:var(--shadow);color:var(--text);padding:18px 12px 14px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);scrollbar-color:rgba(16,40,28,.16) transparent;scrollbar-width:thin}.sidebarTop{gap:14px}.brand{gap:12px}.brandIcon,.brandMark,.sidebar .brandIcon{border:1px solid rgba(8,70,38,.45);border-radius:12px;background:radial-gradient(120% 80% at 30% 0,hsla(0,0%,100%,.45),transparent 55%),var(--primary-gradient);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),0 6px 14px -6px rgba(20,113,66,.7);color:#fff;font-weight:800;text-shadow:0 1px 0 rgba(0,45,22,.3)}.sidebarBrand{align-items:center;border-bottom:0;padding:2px 8px 0}.sidebar .brand strong{color:var(--text);font-size:16px;font-weight:800;letter-spacing:.02em}.sidebar .brand small{color:var(--muted);font-size:11px}.sidebarProfile{display:flex;align-items:center;gap:12px;border:1px solid var(--glass-rim);border-radius:var(--radius-lg);background:hsla(0,0%,100%,.62);box-shadow:0 0 0 1px var(--glass-edge),0 4px 12px -8px rgba(16,40,28,.25);padding:10px 12px}.sidebarAvatar{display:inline-grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:999px;background:radial-gradient(100% 70% at 30% 0,hsla(0,0%,100%,.55),transparent 60%),linear-gradient(140deg,#5fd09a,#1f9a5e 55%,#2b7fc4 130%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 4px 10px -4px rgba(20,113,66,.6);color:#fff;font-size:16px;font-weight:800}.sidebarProfileText{display:grid;min-width:0;justify-items:start;gap:3px}.sidebarName{color:var(--text);font-size:15px;font-weight:800;line-height:1.3}.sidebarProfile .rolePill{width:auto;border:1px solid rgba(20,113,66,.16);background:var(--primary-soft);color:var(--primary-dark);font-size:11px;font-weight:700;padding:2px 9px}.sideNav{position:relative;gap:2px}.sideNavGroup{gap:2px;margin-top:10px;border-top:0;padding-top:0}.sideNavLabel{color:var(--subtle);font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 12px 6px}.sideNav a{--ripple-color:rgba(20,113,66,.16);position:relative;z-index:1;display:flex;min-height:40px;align-items:center;gap:11px;border:0;border-radius:var(--radius-sm);color:var(--text-2);font-size:14px;font-weight:650;padding:8px 12px;transition:background-color .18s ease,color .18s ease}.sideNav a .uiIcon{color:var(--subtle);transition:color .18s ease,transform .42s var(--ease-spring)}.sideNav a:hover{border-color:transparent;background:rgba(16,40,28,.05);color:var(--text)}.sideNav a:hover .uiIcon{color:var(--primary);transform:scale(1.12) rotate(-4deg)}.sideNav a.active{border-color:transparent;background:transparent;color:var(--primary-dark);font-weight:800}.sideNav a.active .uiIcon{color:var(--primary)}.sideNav a.active:before{display:none}.sideNavBadge,.sidebarToggle .sidebarToggleBadge{background:linear-gradient(180deg,#ec4245,#d02a2f);box-shadow:0 3px 8px -2px rgba(208,42,47,.5),inset 0 1px 0 hsla(0,0%,100%,.28)}.sideNavIndicator{position:absolute;top:0;right:0;left:0;z-index:0;height:40px;border:1px solid hsla(0,0%,100%,.9);border-radius:var(--radius-sm);background:linear-gradient(180deg,rgba(240,250,245,.98),rgba(222,243,232,.92));box-shadow:0 0 0 1px rgba(20,113,66,.14),0 8px 18px -10px rgba(20,113,66,.55),inset 0 1px 0 #fff;opacity:0;pointer-events:none;transition:transform .56s var(--ease-spring-soft),height .3s var(--ease-out),opacity .2s ease}.sideNavIndicator:before{position:absolute;top:11px;bottom:11px;left:-1px;width:3px;border-radius:999px;background:var(--primary-hi);content:""}.sidebarFooter{gap:8px}.sidebarLogout{min-height:42px;border:1px solid var(--line);background:hsla(0,0%,100%,.6);color:var(--text-2)}.sidebarLogout:hover:not(:disabled){background:#fff;color:var(--danger-text)}.sidebarLogout .uiIcon{width:18px;height:18px}.pageShell{width:min(1320px,100%);padding:26px 28px 64px}.gridTwo,.stack{gap:20px}.heroBand,.panel,.summary{border:1px solid var(--glass-rim);border-radius:var(--radius-xl);background:var(--glass-panel);box-shadow:var(--shadow)}.panel{padding:24px}.heroBand{padding:26px 28px}.heroBand p:last-child{margin-bottom:0;color:var(--muted)}.panel h1{font-size:26px;font-weight:800}.panel h2{font-size:19px;font-weight:800}.heroBand h1{font-size:28px;font-weight:800}.panelHeader{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.summaryGrid{gap:14px}.summary{border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--glass-edge),0 6px 18px -10px rgba(16,36,26,.18);padding:16px 18px}.metrics dt,.summary span{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.02em}.metrics dd,.summary strong{color:var(--text);font-size:24px;font-weight:800;letter-spacing:-.01em}.metrics{gap:10px}.metrics div{border:1px solid hsla(0,0%,100%,.9);border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(246,250,248,.95),rgba(238,245,241,.85));box-shadow:0 0 0 1px var(--glass-edge);padding:14px 16px}.accountCard,.accountForm,.accountListPanel,.attendanceHistoryDay,.dependentCard,.expenseLine,.leaveAdminAccordion,.monthCloseReviewCard,.payrollAdminAccordion,.payrollImportDetails,.payrollImportForm,.payrollManualCheck,.payrollManualFlow,.payrollPdfPreviewGallery,.payrollPdfUploadForm,.payrollProfileRow,.residentTaxCompactItem,.spouseCard,.staffMonthClosurePanel,.staffSettingsRow,.staffStatusCard,.staffStatusMonthCard{border-color:var(--line);border-radius:var(--radius-lg);background:rgba(250,252,251,.78);box-shadow:none}.attendanceHistoryDay[open],.leaveAdminAccordion[open],.payrollAdminAccordion[open],.staffSettingsRow[open]{border-color:rgba(20,113,66,.22);background:hsla(0,0%,100%,.92);box-shadow:0 14px 30px -18px rgba(16,60,38,.35)}.leaveAdminAccordionSummary:hover,.payrollAccordionSummary:hover,.staffSettingsRowSummary:hover{background:rgba(20,113,66,.04)}.staffSettingsAccordionLabel{transition:transform .36s var(--ease-spring)}.accountInfoItem strong,.accountStaticValue,.payrollProfileGroup,.payrollProfileToggle,.staffSettingsToggle{border-color:var(--line);border-radius:var(--radius-sm);background:#fff}.categoryChip{border-color:var(--line);background:hsla(0,0%,100%,.85)}.developerBootstrapForm{background:rgba(255,246,225,.7)}.settingsTable .tableWrap,.tableWrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:hsla(0,0%,100%,.9);box-shadow:inset 0 1px 0 #fff}table{background:transparent}.settingsTable th,th{border-bottom:1px solid var(--line);background:rgba(242,246,244,.97);color:#4c5952;font-size:12px;font-weight:700;letter-spacing:.03em;padding:11px 12px}td{border-bottom:1px solid rgba(16,40,28,.07);color:var(--text);font-size:14px;padding:12px}tbody tr{transition:background-color .14s ease}tbody tr:nth-child(2n){background:rgba(16,40,28,.018)}tbody tr:hover{background:rgba(31,154,94,.055)}tbody tr:last-child td{border-bottom:0}.accountBadge,.pill{border:1px solid rgba(160,110,10,.18);border-radius:999px;background:var(--warning-bg);color:var(--warning-text);font-size:12px;font-weight:700;padding:4px 11px}.pill[data-state=saved]{border-color:rgba(34,160,98,.25);background:var(--success-bg);color:var(--success-text)}.statusBadge{gap:6px;border:1px solid transparent;font-size:12px;font-weight:700;padding:4px 10px}.statusBadge:before{width:6px;height:6px;flex:0 0 auto;border-radius:999px;background:currentColor;content:"";opacity:.85}.statusBadge.partial,.statusBadge.pending,.statusBadge.returned{border-color:rgba(200,140,20,.22);background:var(--warning-bg);color:var(--warning-text)}.statusBadge.approved,.statusBadge.completed{border-color:rgba(34,160,98,.22);background:var(--success-bg);color:var(--success-text)}.statusBadge.rejected{border-color:rgba(224,62,62,.2);background:var(--danger-bg);color:var(--danger-text)}.statusBadge.working{border-color:rgba(56,132,220,.22);background:var(--info-bg);color:var(--info-text)}.statusBadge.notStarted{border-color:var(--line);background:var(--fill);color:var(--muted)}.segmentedControl{border:1px solid var(--line);border-radius:999px;background:rgba(16,40,28,.05);box-shadow:inset 0 1px 2px rgba(16,40,28,.06);padding:3px}.segmentedControl button{--ripple-color:rgba(20,113,66,.14);position:relative;overflow:clip;min-height:36px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:700;padding:7px 16px;transition:background-color .22s ease,color .22s ease,box-shadow .26s var(--ease-out),transform .38s var(--ease-spring)}.segmentedControl button:hover:not(.active):not(:disabled){background:hsla(0,0%,100%,.55);color:var(--text)}.segmentedControl button.active{background:#fff;box-shadow:0 1px 2px rgba(16,40,28,.1),0 6px 14px -8px rgba(16,40,28,.35),inset 0 1px 0 #fff;color:var(--primary-dark)}.toast{top:calc(18px + env(safe-area-inset-top, 0px));right:20px;z-index:120;min-width:min(300px,calc(100vw - 32px));overflow:hidden;border:1px solid var(--glass-rim);border-radius:var(--radius-lg);background:hsla(0,0%,100%,.8);box-shadow:var(--shadow-float);padding:14px 18px 16px 50px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);animation:lgToastIn .56s var(--ease-spring) both}.toast:before{position:absolute;top:15px;left:16px;display:grid;width:22px;height:22px;place-items:center;border-radius:999px;background:var(--primary-gradient);box-shadow:0 4px 10px -4px rgba(20,113,66,.7);color:#fff;content:"✓";font-size:12px;font-weight:900}.toast:after{position:absolute;right:0;bottom:0;left:0;height:3px;background:linear-gradient(90deg,rgba(31,154,94,.7),rgba(86,178,236,.7));content:"";transform-origin:left center;animation:lgToastProgress 3.6s linear forwards}.toast strong{color:var(--text);font-size:14px;font-weight:800}.toast span{color:var(--muted);font-size:12.5px}.toast[data-state=requested],.toast[data-state=saved]{border-color:hsla(0,0%,100%,.85);background:rgba(246,253,249,.84)}.toast[data-state=saving]{border-color:hsla(0,0%,100%,.85);background:rgba(255,250,238,.86)}.toast[data-state=saving]:before{background:linear-gradient(180deg,#f2b544,#d9921c);box-shadow:0 4px 10px -4px rgba(217,146,28,.7);content:"…"}.toast[data-state=error]{border-color:hsla(0,0%,100%,.85);background:hsla(0,100%,98%,.88)}.toast[data-state=error]:before{background:linear-gradient(180deg,#ef6464,#c93636);box-shadow:0 4px 10px -4px rgba(201,54,54,.7);content:"!"}.toast[data-state=error]:after{background:linear-gradient(90deg,rgba(224,62,62,.7),rgba(245,170,30,.6))}@keyframes lgToastIn{0%{opacity:0;transform:translateY(-14px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lgToastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.correctionMessage{border:1px solid transparent;border-radius:var(--radius-md);font-size:14px;font-weight:700;padding:11px 14px}.correctionMessage[data-state=saved]{border-color:rgba(34,160,98,.2);background:var(--success-bg);color:var(--success-text)}.correctionMessage[data-state=requested],.correctionMessage[data-state=saving]{border-color:rgba(200,140,20,.22);background:var(--warning-bg);color:var(--warning-text)}.correctionMessage[data-state=error]{border-color:rgba(224,62,62,.2);background:var(--danger-bg);color:var(--danger-text)}.formMessage.error{color:var(--danger-text)}.formMessage.success{color:var(--success-text)}.fixedSaveAction{gap:12px;border:1px solid var(--glass-rim);border-radius:999px;background:hsla(0,0%,100%,.7);box-shadow:var(--shadow-float);padding:7px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.fixedSaveAction span{padding-left:12px}.fixedSaveAction .primaryButton{min-height:46px;padding:10px 26px;font-size:15px}.setupBanner{border:1px solid rgba(20,113,66,.2);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(232,247,239,.92),rgba(234,244,255,.85));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.6),0 10px 24px -16px rgba(16,60,38,.4)}.payrollPdfPreviewModal{background:rgba(16,30,22,.28);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%)}.payrollPdfPreviewModalPanel{border:1px solid var(--glass-rim);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.94);box-shadow:var(--shadow-float);padding:18px;animation:lgSheetIn .46s var(--ease-spring) both}@keyframes lgSheetIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.payrollPdfPreviewFrame,.payrollPdfViewer iframe{border-radius:var(--radius-sm)}.payrollAdminStack>.summaryGrid{border:1px solid var(--glass-rim);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.62);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.biometricLock{background:radial-gradient(60% 50% at 20% 10%,rgba(122,218,174,.5),transparent 70%),radial-gradient(50% 45% at 90% 90%,rgba(146,194,255,.45),transparent 70%),#f3f6f5}.biometricLockBody{color:var(--text)}.biometricLockBody p{color:var(--muted)}.biometricLockMark{border-radius:20px;background:radial-gradient(120% 80% at 30% 0,hsla(0,0%,100%,.45),transparent 55%),var(--primary-gradient);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),0 14px 30px -12px rgba(20,113,66,.7)}.clockHero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;overflow:hidden;overflow:clip;padding:30px 34px}.clockHero:before{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(34% 70% at 82% 20%,rgba(122,218,174,.3),transparent 72%),radial-gradient(30% 64% at 70% 96%,rgba(146,194,255,.24),transparent 72%);content:"";pointer-events:none}.clockActions,.clockHeroMain{position:relative}.clockHeroMain{display:grid;gap:14px}.liveClock{display:grid;gap:6px}.liveClockDate{margin:0;color:var(--muted);font-size:14px;font-weight:700;letter-spacing:.04em}.liveClockTime{display:flex;align-items:baseline;color:var(--text);font-size:clamp(52px,6.4vw,76px);font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:-.03em;line-height:1}.liveClockColon{margin:0 .04em;animation:lgColonPulse 2s ease-in-out infinite}.liveClockSeconds{margin-left:12px;color:var(--subtle);font-size:.36em;font-weight:700;letter-spacing:0}@keyframes lgColonPulse{0%,to{opacity:1}50%{opacity:.3}}.liveClockGreeting{margin:4px 0 0;color:var(--text-2);font-size:16px}.liveClockGreeting strong{font-weight:800}.clockHeroMeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.shiftChip,.workPhase{display:inline-flex;min-height:30px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;padding:4px 12px}.shiftChip{background:hsla(0,0%,100%,.75);color:var(--text-2);font-variant-numeric:tabular-nums}.workPhase{background:var(--fill);color:var(--muted)}.workPhaseDot{position:relative;width:8px;height:8px;border-radius:999px;background:currentColor}.workPhase[data-phase=working]{border-color:rgba(34,160,98,.25);background:var(--success-bg);color:var(--success-text)}.workPhase[data-phase=working] .workPhaseDot:after{position:absolute;inset:-4px;border:2px solid;border-radius:inherit;content:"";animation:lgDotPulse 1.8s var(--ease-out) infinite}.workPhase[data-phase=completed]{border-color:rgba(56,132,220,.22);background:var(--info-bg);color:var(--info-text)}@keyframes lgDotPulse{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.clockActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clockButton{min-width:172px;min-height:64px;font-size:18px;font-weight:800;letter-spacing:.06em;padding:12px 28px}.clockButton .uiIcon{width:22px;height:22px}.primaryButton.clockButton[data-state=idle]:not(:disabled){animation:lgClockBreath 2.8s ease-in-out infinite}@keyframes lgClockBreath{0%,to{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.42),inset 0 -2px 5px rgba(0,45,22,.2),0 1px 2px rgba(10,60,35,.22),0 8px 20px -8px rgba(20,113,66,.62),0 0 0 0 rgba(31,154,94,.32)}50%{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.42),inset 0 -2px 5px rgba(0,45,22,.2),0 1px 2px rgba(10,60,35,.22),0 12px 26px -8px rgba(20,113,66,.7),0 0 0 10px rgba(31,154,94,0)}}.expenseForm{align-content:start}.expenseLine{padding:12px}@media (min-width:901px){.expenseLine{grid-template-columns:minmax(92px,140px) minmax(0,1fr) auto auto}}.expenseLine input,.expenseLine label{min-width:0}.lineNumber{color:var(--subtle)}.celebrateLayer{position:fixed;inset:0;z-index:300;overflow:hidden;pointer-events:none}.celebrateParticle{position:absolute;border-radius:3px;will-change:transform,opacity}.celebrateBubble{border-radius:50%;background:radial-gradient(circle at 32% 28%,hsla(0,0%,100%,.98),rgba(190,238,214,.6) 55%,rgba(31,154,94,.3));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.85),0 2px 6px rgba(20,113,66,.2)}.celebrateRing{position:absolute;border:2px solid rgba(31,154,94,.55);border-radius:999px;box-shadow:0 0 26px rgba(31,154,94,.35);will-change:transform,opacity}.skBone{position:relative;display:block;max-width:100%;flex:0 0 auto;overflow:hidden;border-radius:6px;background:rgba(16,40,28,.075)}.skBone:after{position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,hsla(0,0%,100%,.75) 50%,transparent 80%);content:"";transform:translateX(-100%);animation:lgShimmer 1.5s ease-in-out infinite}@keyframes lgShimmer{to{transform:translateX(100%)}}.skLines{display:grid;min-width:0;flex:1 1 auto;gap:10px}.skPanelHeader{display:flex;align-items:center}.skField{display:grid;gap:8px}.skFieldRow,.skFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.skFormActions{display:flex;justify-content:flex-end;margin-top:20px}.skToolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.skTable{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:hsla(0,0%,100%,.9)}.skTableRow{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;gap:18px;min-height:50px;border-bottom:1px solid rgba(16,40,28,.07);padding:10px 16px}.skTableRow:last-child{border-bottom:0}.skTableHead{min-height:42px;background:rgba(242,246,244,.97)}.skSummary{display:grid;gap:12px}.skMetrics{margin-top:16px}.skMetrics>div{display:grid;gap:10px}.skCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.skCard{display:grid;gap:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(250,252,251,.78);padding:18px}.skBrand,.skCardHead,.skProfile{display:flex;align-items:center;gap:12px}.skBrand{padding:2px 8px 0}.skProfile{border:1px solid var(--glass-rim);border-radius:var(--radius-lg);background:hsla(0,0%,100%,.62);box-shadow:0 0 0 1px var(--glass-edge);padding:10px 12px}.skNav{display:grid;gap:2px}.skNavItem{display:flex;min-height:40px;align-items:center;gap:12px;padding:8px 12px}.skNavLabel{margin:12px 12px 6px}.skToggle{display:none}.skInline{padding:6px 0}.skTerminal .terminalTableWrap{border:0;background:transparent;box-shadow:none}.loginPage{position:relative;overflow:hidden;overflow:clip;background:transparent}.loginPage:after,.loginPage:before{position:absolute;z-index:0;border-radius:50%;content:"";filter:blur(2px);pointer-events:none}.loginPage:before{top:12%;left:calc(50% - 360px);width:220px;height:220px;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.9),rgba(122,218,174,.45) 60%,rgba(31,154,94,.15));animation:lgFloat 14s ease-in-out infinite alternate}.loginPage:after,.loginPage:before{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.7)}.loginPage:after{right:calc(50% - 380px);bottom:10%;width:260px;height:260px;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.9),rgba(146,194,255,.45) 60%,rgba(56,132,220,.15));animation:lgFloat 18s ease-in-out infinite alternate-reverse}@keyframes lgFloat{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(24px,-30px,0) scale(1.06)}}.loginPanel{position:relative;z-index:1;width:min(440px,100%);border:1px solid var(--glass-rim);border-radius:28px;background:hsla(0,0%,100%,.66);box-shadow:var(--shadow-float);padding:38px 36px 32px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.brandMark{width:56px;height:56px;margin-bottom:18px;border-radius:17px;font-size:24px}.loginPanel h1{font-size:26px;font-weight:800}.loginForm{gap:18px;margin-top:26px}.loginForm input{min-height:48px;font-size:16px}.loginForm button[type=submit]{min-height:50px;margin-top:4px;font-size:16px}.loginForm .passwordToggle{min-width:56px;min-height:32px;border:1px solid rgba(20,113,66,.18);border-radius:999px;background:var(--primary-soft);box-shadow:none;color:var(--primary-dark);font-size:12px;font-weight:800;padding:5px 10px;transition:background-color .16s ease,transform .3s var(--ease-spring)}.loginForm .passwordToggle:hover{background:rgba(20,113,66,.16)}.loginForm .passwordToggle:active{transform:translateY(-50%) scale(.92)}.loadErrorShell{display:grid;min-height:100dvh;place-items:center}.loadErrorPanel{display:grid;width:min(480px,100%);justify-items:start;gap:6px}.terminalPage{background:transparent;color:var(--text)}.terminalHeader{top:10px;margin:10px clamp(10px,2vw,24px) 0;border:1px solid var(--glass-rim);border-radius:22px;background:var(--glass-chrome);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.terminalBrandMark{width:40px;height:40px;border:1px solid rgba(8,70,38,.45);border-radius:12px;background:radial-gradient(120% 80% at 30% 0,hsla(0,0%,100%,.45),transparent 55%),var(--primary-gradient);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),0 6px 14px -6px rgba(20,113,66,.7)}.terminalTenant span:not(.terminalBrandMark){color:var(--muted)}.terminalClock{color:var(--text-2);font-size:15px}.terminalExpenseEditor input,.terminalPlanEditor input,.terminalSearch input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff}.terminalSearch input{height:44px;padding:8px 14px}.terminalExpenseEditor input:focus,.terminalPlanEditor input:focus,.terminalSearch input:focus{border-color:var(--primary-hi);box-shadow:0 0 0 4px var(--focus-ring);outline:0}.terminalExpenseEditor input{min-height:36px;border-radius:10px}.terminalClockButton,.terminalDangerButton,.terminalOffButton,.terminalSecondaryButton,.terminalSmallButton{--ripple-color:rgba(20,113,66,.18);position:relative;overflow:clip;border-radius:999px;transition:transform .42s var(--ease-spring),box-shadow .22s ease,background-color .2s ease,border-color .2s ease}.terminalSecondaryButton,.terminalSmallButton{min-height:38px;border-color:var(--line-strong);background:hsla(0,0%,100%,.85);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(16,40,28,.05);color:var(--text-2);padding:7px 16px}.terminalSecondaryButton:hover:not(:disabled),.terminalSmallButton:hover:not(:disabled){border-color:rgba(16,40,28,.26);background:#fff;box-shadow:inset 0 1px 0 #fff,0 6px 14px -8px rgba(16,40,28,.3);transform:translateY(-1px)}.terminalClockButton{--ripple-color:hsla(0,0%,100%,.5);min-width:84px;min-height:38px;border-color:rgba(8,70,38,.55);background:var(--primary-gradient);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.42),0 6px 14px -8px rgba(20,113,66,.7);font-weight:800;text-shadow:0 1px 0 rgba(0,45,22,.25)}.terminalClockButton[data-action=out]{border-color:rgba(170,80,0,.5);background:linear-gradient(180deg,#ff9a3d,#f07c16 55%,#d96a0a);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.42),0 6px 14px -8px rgba(217,106,10,.75)}.terminalClockButton:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.terminalDangerButton,.terminalOffButton{--ripple-color:rgba(224,62,62,.18);border-color:rgba(224,62,62,.28);background:var(--danger-bg);color:var(--danger-text)}.terminalFilters{gap:6px;padding:2px}.terminalFilters button{--ripple-color:rgba(20,113,66,.16);position:relative;min-height:40px;overflow:clip;border-color:var(--line);background:hsla(0,0%,100%,.78);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(16,40,28,.05);color:var(--text-2);font-size:13px;font-weight:700;padding:7px 14px;transition:transform .38s var(--ease-spring),background-color .2s ease,color .2s ease,box-shadow .22s ease}.terminalFilters button:hover:not(.active){background:#fff}.terminalFilters button.active{--ripple-color:hsla(0,0%,100%,.45);border-color:rgba(8,70,38,.55);background:var(--primary-gradient);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 6px 14px -8px rgba(20,113,66,.7);color:#fff}.terminalFilters button span{background:rgba(16,40,28,.07);color:var(--text-2)}.terminalNotice{border-color:rgba(200,140,20,.25);border-radius:var(--radius-md);background:var(--warning-bg);color:var(--warning-text)}.terminalTableWrap{border:1px solid var(--glass-rim);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.86);box-shadow:var(--shadow)}.terminalTable{background:transparent}.terminalTable th{background:rgba(242,246,244,.97);color:#4c5952;font-size:12px;font-weight:700}.terminalTable td{height:56px;border-bottom-color:rgba(16,40,28,.07);color:var(--text);font-size:14px}.terminalTable tbody tr:nth-child(2n){background:rgba(16,40,28,.018)}.terminalTable tbody tr:hover{background:rgba(31,154,94,.055)}.terminalStatus{gap:6px;border-radius:999px;font-size:12px;font-weight:700;padding:3px 10px}.terminalStatus:before{width:6px;height:6px;border-radius:999px;background:currentColor;content:""}.terminalStatus[data-status=working]{border-color:rgba(34,160,98,.25);background:var(--success-bg);color:var(--success-text)}.terminalStatus[data-status=notStarted]{border-color:rgba(200,140,20,.25);background:var(--warning-bg);color:var(--warning-text)}.terminalStatus[data-status=completed]{border-color:var(--line);background:var(--fill);color:var(--muted)}.terminalStatus[data-status=absence],.terminalStatus[data-status=off],.terminalStatus[data-status=paid_leave]{border-color:rgba(56,132,220,.22);background:var(--info-bg);color:var(--info-text)}.terminalConfirmDialog,.terminalStatePanel{border:1px solid var(--glass-rim);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.86);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.terminalConfirmLayer,.terminalDrawerBackdrop{background:rgba(16,30,22,.26);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.terminalConfirmDialog{animation:lgSheetIn .46s var(--ease-spring) both}.terminalDrawer{top:10px;right:10px;height:calc(100dvh - 20px);overflow:hidden;border:1px solid var(--glass-rim);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.9);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);animation:lgDrawerIn .52s var(--ease-spring-soft) both}@keyframes lgDrawerIn{0%{opacity:.4;transform:translateX(40px)}to{opacity:1;transform:none}}.terminalToast{overflow:hidden;border:1px solid var(--glass-rim);border-radius:var(--radius-lg);background:rgba(246,253,249,.86);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);animation:lgToastIn .56s var(--ease-spring) both}.terminalToast[data-kind=error]{background:hsla(0,100%,98%,.9)}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){body:before{animation:lgAmbientDrift 42s ease-in-out infinite alternate}}@keyframes lgAmbientDrift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2.5%,-2%,0) scale(1.05)}to{transform:translate3d(-2%,2%,0) scale(1.02)}}@media (max-width:1080px){.clockHero{grid-template-columns:minmax(0,1fr)}.clockActions{width:100%}}@media (max-width:900px){.skCards,.skFormGrid{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.terminalClock{font-size:13px}}@media (max-width:720px){.appLayout{grid-template-columns:minmax(0,1fr)}.pageShell{width:100%;padding:calc(20px + env(safe-area-inset-top, 0px)) max(12px,env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom, 0px)) max(12px,env(safe-area-inset-left,0px))}.gridTwo,.stack{gap:14px}.metrics,.summaryGrid{gap:10px}.heroBand h1,.panel h1{font-size:24px}.panelHeader{margin-bottom:12px}.metrics div{padding:12px 14px}.ghostButton,.primaryButton,.secondaryButton{min-height:44px;padding:10px 16px}.segmentedControl button{padding:7px 12px}.payrollPdfPreviewModalPanel{padding:12px}.pageShell.appMain{padding:calc(66px + env(safe-area-inset-top, 0px)) max(12px,env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom, 0px)) max(12px,env(safe-area-inset-left,0px))}.sidebarToggle{width:44px;height:44px;border:1px solid var(--glass-rim);border-radius:999px;background:hsla(0,0%,100%,.72);box-shadow:var(--shadow-float);padding:12px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:transform .38s var(--ease-spring)}.sidebarToggle span{width:18px;background:var(--text);transition:transform .42s var(--ease-spring),opacity .2s ease}.sidebarBackdrop{background:rgba(16,30,22,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .26s ease}.sidebar{top:calc(8px + env(safe-area-inset-top, 0px));bottom:calc(8px + env(safe-area-inset-bottom, 0px));left:max(8px,env(safe-area-inset-left,0px));width:min(82vw,300px);height:auto;margin:0;border-radius:26px;background:hsla(0,0%,100%,.82);box-shadow:var(--shadow-float);padding:62px 12px 12px;transform:translateX(calc(-100% - 24px));transition:transform .48s var(--ease-spring-soft),visibility .48s}.sideNav a{min-height:44px;font-size:14px;padding:10px 12px}.sideNavIndicator{height:44px}.heroBand,.panel{border-radius:22px}.panel{padding:18px 16px}.heroBand{padding:20px 18px}.clockHero{gap:20px;padding:22px 18px}.liveClockTime{font-size:54px}.clockActions{gap:10px}.clockButton{min-width:0;min-height:60px;font-size:17px;padding:10px 16px}.summary{padding:14px}.metrics dd,.summary strong{font-size:21px}.toast{top:calc(64px + env(safe-area-inset-top, 0px));right:12px;left:12px;max-width:none}.fixedSaveAction,.skToggle{border-radius:999px}.skToggle{position:fixed;top:calc(10px + env(safe-area-inset-top, 0px));left:max(10px,env(safe-area-inset-left,0px));z-index:90;display:block;width:44px;height:44px;background:rgba(16,40,28,.08)}.skCards,.skFieldRow,.skFormGrid{grid-template-columns:minmax(0,1fr)}.skTableRow>:nth-child(n+4){display:none}.loginPanel{border-radius:24px;box-shadow:var(--shadow-float);padding:28px 22px 24px}.loginPage:before{top:4%;left:-60px;width:160px;height:160px}.loginPage:after{right:-70px;bottom:4%;width:180px;height:180px}.terminalHeader{border-radius:18px}.terminalDrawer{top:0;right:0;height:100dvh;border-radius:22px 0 0 22px}}@media (max-width:390px){.metrics,.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics dd,.summary strong{font-size:19px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.celebrateLayer,.skBone:after{display:none}}