:root{--ink:#203637;--muted:#7b8989;--teal:#245d61;--teal-deep:#184b50;--paper:#fff;--line:rgba(43,77,72,.085);--soft:#eef4f1;--amber:#a1662b;--ease:cubic-bezier(.32,.72,0,1)}.calendar-panel{margin-bottom:28px}.calendar-heading,.calendar-heading>div{display:flex;align-items:center;gap:12px}.calendar-heading{justify-content:space-between;margin-bottom:23px}.calendar-heading h2{font-size:21px}.calendar-days,.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-weekdays{margin-bottom:8px;text-align:center;color:var(--muted);font-size:12px}.calendar-weekdays span:first-child{color:#ad7460}.calendar-blank,.calendar-day{min-height:102px;min-width:0}.calendar-day{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:11px 13px;background:#f6f8f5;border-radius:13px;text-align:left;box-shadow:inset 0 0 0 1px rgba(45,80,65,.025);transition:background .22s var(--ease),box-shadow .22s var(--ease)}.calendar-day:hover{background:#edf3ed}.calendar-day.selected{background:#e7f1e9;box-shadow:inset 0 0 0 2px #5b8c78}.calendar-date{font-weight:600;font-size:15px;display:flex;align-items:center;gap:6px}.calendar-date small{font-size:9px;color:var(--teal)}.calendar-count{font-size:12px;color:#567464;min-height:20px}.calendar-markers{display:flex;flex-wrap:wrap;gap:4px}.calendar-markers small{font-size:10px}.calendar-absence{color:#a15e4b}.calendar-pending{color:#9b6d2f}.calendar-help{font-size:12px;color:var(--muted);margin-top:17px}.record-day-heading>div:first-child p{font-size:12px;margin-top:6px}.day-actions{display:flex;gap:9px;flex-wrap:wrap}.day-actions .button{font-size:12px}.calendar-day.today .calendar-date{color:var(--teal)}@media(max-width:600px){.calendar-panel .panel{padding:18px 12px}.calendar-heading{margin-bottom:17px;gap:8px}.calendar-heading h2{font-size:17px}.calendar-heading>div{gap:6px}.calendar-days,.calendar-weekdays{gap:3px}.calendar-blank,.calendar-day{min-height:79px}.calendar-day{padding:7px 3px;border-radius:8px;gap:3px}.calendar-date{font-size:12px;gap:2px}.calendar-date small{display:none}.calendar-count{font-size:9px;min-height:16px;white-space:nowrap}.calendar-markers{gap:1px}.calendar-markers small{font-size:8px;white-space:nowrap}.calendar-help{font-size:10px}.day-actions{width:100%}.day-actions .button{font-size:10px;padding:10px 12px}.record-day-heading{gap:15px}}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f4f6f3;color:var(--ink);font-family:Geist,Noto Sans KR,sans-serif;font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 4% 5%,rgba(127,175,158,.09),transparent 38%),radial-gradient(ellipse at 100% 90%,rgba(211,204,183,.1),transparent 36%)}button,input,select,textarea{font:inherit;color:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{border:0;background:transparent}a{color:var(--teal);text-decoration:none}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #4a9499;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.4;letter-spacing:-1px}h1,h2{font-weight:600}h2{font-size:19px;letter-spacing:-.6px}h3{font-size:15px;font-weight:600}em{font-style:normal;font-size:14px;font-weight:400;margin-left:5px}small{font-size:12px}fieldset{margin:0;padding:0;border:0;min-width:0}svg{flex-shrink:0;vertical-align:middle}b,strong{font-weight:600}.muted{color:var(--muted)}.numbers{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.strong{font-weight:600}.grow{flex:1 1;min-width:0}.full{width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.app-frame{padding:32px 80px 0;max-width:1920px;margin:auto}.app-footer,.content,.environment-line,.topbar{width:100%;max-width:1280px;margin-inline:auto}.topbar{gap:28px;min-height:82px;padding:12px 22px;background:rgba(255,255,255,.94);border-radius:22px;box-shadow:0 1px 1px rgba(45,66,60,.03),0 14px 35px -24px rgba(58,79,70,.18),inset 0 0 0 1px rgba(255,255,255,.9)}.topbar,.wordmark{display:flex;align-items:center}.wordmark{gap:10px;white-space:nowrap;font-size:17px;font-weight:600;letter-spacing:-.6px;padding:0}.brand-symbol{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:13px;color:var(--teal);background:#eaf1ed;box-shadow:inset 0 1px 0 white}.topbar nav{flex:1 1;min-width:0}.topbar nav,.topbar nav button{display:flex;gap:8px;justify-content:center}.topbar nav button{align-items:center;padding:11px 16px;border-radius:12px;color:#778580;font-size:13px;font-weight:500;white-space:nowrap;transition:transform .3s var(--ease),background-color .3s var(--ease)}.topbar nav button:hover{background:#f5f7f5;transform:translateY(-1px)}.topbar nav button.active{background:#eaf2ee;color:var(--teal);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.owner-button{width:36px;height:36px;border-radius:50%;background:#f4f6f3;display:flex;align-items:center;justify-content:center;color:#6b7c77}.environment-line{display:flex;justify-content:space-between;color:#87928c;font-size:11px;padding:16px 4px 0}.environment-line span{display:flex;align-items:center;gap:6px}.environment-line i{width:5px;height:5px;border-radius:50%;background:#629580}.content{padding:36px 0 52px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.page-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:7px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:500;color:#8e9b94;margin-bottom:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 19px;border-radius:100px;white-space:nowrap;font-size:13px;font-weight:500;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background-color .3s var(--ease)}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.98)}.button.primary{color:#fff;background:var(--teal);box-shadow:inset 0 1px 1px rgba(255,255,255,.18),0 5px 12px -8px rgba(26,75,79,.5)}.button.primary:hover{background:var(--teal-deep)}.button.secondary{background:#f7f9f6;box-shadow:inset 0 0 0 1px rgba(68,103,85,.07);color:#62776e}.text-button{gap:6px;color:var(--teal);font-size:13px;font-weight:500;padding:6px 0;min-height:36px}.icon-button,.text-button{display:inline-flex;align-items:center}.icon-button{width:36px;min-width:36px;height:36px;border-radius:50%;justify-content:center;color:#7a8d86;transition:background-color .3s var(--ease),transform .3s var(--ease)}.icon-button:hover{background:#edf3ef;transform:translateY(-1px)}.danger{color:#ac6156}.panel-shell{background:rgba(227,234,227,.5);padding:5px;border-radius:22px;margin-bottom:24px;box-shadow:0 12px 35px -29px rgba(46,76,66,.25)}.panel{background:#fff;border-radius:18px;padding:25px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.summary .panel{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 28px}.summary .panel>div{display:flex;align-items:center;gap:16px;padding-left:30px;box-shadow:-1px 0 var(--line)}.summary .panel>div:first-child{padding-left:0;box-shadow:none}.summary .panel>div>span{color:#839189;font-size:12px}.summary strong{display:block;font-size:27px;line-height:1.5;color:#2b4540;letter-spacing:-1px}.summary strong.small-metric{font-size:20px}.summary-icon{display:flex;align-items:center;justify-content:center;color:#658d7d;background:#eff5f1;width:48px;height:48px;border-radius:16px}.summary-icon.amber{background:#f8f4ec;color:#ac9871}.records-panel .panel{padding:0 22px 16px}.segmented{display:flex;gap:20px;padding:18px 3px 0}.segmented button{padding:6px 0 14px;min-height:40px;color:#87918b;font-size:13px}.segmented button.active{color:var(--teal);box-shadow:0 2px var(--teal);font-weight:600}.toolbar{display:flex;align-items:center;gap:12px;padding:23px 0}.toolbar-end{margin-left:auto}.date-range{display:flex;align-items:center;gap:9px;background:#f8faf7;border-radius:13px;padding:4px 11px;box-shadow:inset 0 0 0 1px var(--line)}.date-range input{padding:6px 0;min-height:32px;background:transparent;box-shadow:none;width:133px;font-size:12px}.date-range>span{color:#b0bab1}.toolbar select{width:150px;font-size:12px;background:#f8faf7;min-height:42px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#8a978e;background:#f5f8f4;font-size:11px;font-weight:500;padding:13px 16px;white-space:nowrap}th:first-child{border-radius:9px 0 0 9px}th:last-child{border-radius:0 9px 9px 0}td{font-size:13px;padding:17px 16px;box-shadow:0 1px var(--line);vertical-align:middle}td small{display:block;font-size:10px;color:#94a195;line-height:1.5;margin-top:3px;max-width:240px}td .warning-text{color:var(--amber)}tbody tr:last-child td{box-shadow:none}.name-button{display:flex;align-items:center;gap:9px;font-weight:500;font-size:13px;padding:3px 0}.name-button:hover{color:#277c70}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;min-height:24px;border-radius:100px;background:#edf5ef;color:#628b78;font-size:10px;font-weight:500;white-space:nowrap}.badge.warn{background:#fbf0e3;color:#a77949}.quick-actions{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-top:24px}.quick-actions>button{display:flex;align-items:center;gap:16px;text-align:left;padding:22px 23px;border-radius:20px;background:rgba(255,255,255,.82);box-shadow:inset 0 0 0 1px #e6ede4;transition:transform .35s var(--ease)}.quick-actions>button:hover{transform:translateY(-3px)}.quick-actions b{font-size:14px}.quick-actions small{display:block;color:#8a968c;font-size:11px;margin-top:4px}.quick-actions>button>svg:last-child{margin-left:auto;color:#8a9b90}.tile-icon{width:45px;height:45px;background:#edf4ef;color:#719382;border-radius:15px;justify-content:center;flex-shrink:0}.app-footer,.tile-icon{display:flex;align-items:center}.app-footer{justify-content:space-between;gap:10px;padding:20px 3px 28px;box-shadow:0 -1px rgba(122,141,122,.1);color:#97a293;font-size:10px}.app-footer>span{display:flex;gap:7px;align-items:center}.footer-rule{color:#c5cec1;margin:0 8px}.notice{display:flex;align-items:flex-start;gap:10px;color:#a07b51;background:#fbf7ef;padding:13px 16px;border-radius:12px;font-size:12px;line-height:1.8;margin:16px 0}.notice svg{margin-top:1px}.error-banner{display:flex;align-items:center;gap:9px;padding:12px 16px;margin-bottom:20px;color:#a75041;background:#fcf1ed;border-radius:12px}.error-banner>span{flex:1 1}.error-text{color:#a55243;background:#fcf1ed;border-radius:10px;padding:12px;font-size:12px;margin:12px 0}.empty{padding:56px 24px;text-align:center;color:#a6b3a6}.empty>svg{margin-bottom:13px}.empty p{font-size:13px;max-width:460px;margin:auto;line-height:1.9}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);gap:10px;padding:14px 24px;background:#244e46;color:white;border-radius:100px;font-size:13px;box-shadow:0 10px 28px -14px rgba(30,60,49,.4);z-index:40;white-space:nowrap;animation:toast-in .35s var(--ease)}.section-title,.toast{display:flex;align-items:center}.section-title{justify-content:space-between;gap:14px;margin-bottom:19px}.section-title .muted{font-size:11px}.employee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.employee-grid .panel{padding:25px}.employee-top{display:flex;align-items:center;gap:9px;margin-bottom:22px}.employee-top .icon-button{margin-left:auto}.avatar{width:48px;height:48px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:#eaf3ed;color:#77957c;font-size:19px}.avatar-1{background:#f2efe6;color:#a09472}.avatar-2{background:#ebeff4;color:#8495a5}.employee-grid h2{font-size:23px}.employee-grid h2+p{font-size:12px;margin-top:4px}.employee-facts{margin:25px 0}.employee-facts>span{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#8a998c;padding:8px 0}.employee-facts b{color:#536b5a;font-size:12px}.employee-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;box-shadow:0 -1px var(--line);padding-top:15px}.employee-bottom .text-button{font-size:11px}.detail-links{display:flex;flex-wrap:wrap;gap:10px}.list-row{display:flex;align-items:center;gap:16px;padding:22px 0;box-shadow:0 1px var(--line)}.list-row:last-child{box-shadow:none}.list-row b{display:block;font-size:14px}.list-row small{display:block;color:#92a08f;margin-top:5px;font-size:11px}.tags{display:flex;gap:6px;margin-top:10px}.list-row .badge{margin-top:6px}.list-row .tags .badge{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;color:#7a8e7c}.field>span{font-weight:500}.field small{color:#a1ada0;font-size:10px}.field input,.field select,.field textarea{width:100%}input,select,textarea{min-height:44px;border:0;outline:0;background:#f7f9f6;box-shadow:inset 0 0 0 1px rgba(77,112,77,.1);border-radius:11px;padding:10px 13px;font-size:13px;min-width:0}input:focus,select:focus,textarea:focus{box-shadow:inset 0 0 0 1.5px #6a9a84;background:#fff}textarea{resize:vertical;line-height:1.8}input[type=checkbox]{accent-color:var(--teal);width:17px;min-width:17px;height:17px;min-height:0;padding:0;box-shadow:none;margin:0;flex-shrink:0}input[type=file]{font-size:12px;padding:10px;min-height:48px;max-width:100%}.check{display:flex;align-items:center;gap:10px;font-size:12px;color:#758773;margin:17px 0;cursor:pointer;line-height:1.8}.check-stack{margin:20px 0}.check-stack .check{margin:13px 0}.pay-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pay-summary>div{padding:18px 15px;background:#f8faf6;border-radius:13px}.pay-summary span{font-size:11px;color:#8d9d88}.pay-summary strong{display:block;font-size:23px;letter-spacing:-.5px;margin:9px 0 7px;white-space:nowrap}.pay-summary em{font-size:11px;margin-left:4px}.pay-summary small{color:#9caa96;font-size:9px}.pay-summary>div.net{background:#e9f3eb;color:#326653}.week-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:12px 0;box-shadow:0 1px var(--line)}.week-row .check{flex:1 1}.week-row .check b{font-size:12px}.week-row small{display:block;color:#9ba991;font-size:10px}.week-row strong{font-size:14px}.week-row .field{width:155px}.week-row .field input{font-size:11px}.deductions{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:25px}.deductions>div{padding:12px 0}.deductions span{display:block;font-size:12px;color:#83947b}.deductions b{display:block;margin:9px 0;font-size:18px}.deductions small{display:block;font-size:10px;color:#9baa90}.settle-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 40px}.settle-footer>span{font-size:11px}.audit-list{margin-top:25px}.audit-list>div{display:flex;align-items:center;gap:10px;padding:12px 0;color:#8b9e80;font-size:11px;box-shadow:0 1px var(--line)}.audit-list time{margin-left:auto;color:#a4b098;font-size:10px}.source-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px}.settings-panel p,.source-links a{font-size:12px}.overlay{position:fixed;inset:0;background:rgba(25,45,35,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60;padding:32px 20px;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}.modal{width:100%;max-width:600px;background:#fff;border-radius:25px;padding:27px;box-shadow:0 25px 65px -30px rgba(35,65,43,.3);animation:modal-in .3s var(--ease);max-height:calc(100dvh - 64px);overflow-y:auto}.modal.wide{max-width:800px}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-heading h2{font-size:23px}.form-section{margin:26px 0;padding-top:23px;box-shadow:0 -1px var(--line)}.form-section .section-title{margin-bottom:12px}.form-section .muted{font-size:10px}.break-entry{padding:12px 0}.break-fields{display:flex;align-items:center;gap:7px}.break-fields select{width:98px;font-size:11px}.break-fields input{width:130px;font-size:12px;padding:9px}.break-fields>span{color:#a0b197}.break-fields .icon-button{min-width:30px;width:30px}.quick-times{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:10px;color:#93a086}.quick-times button{font-size:10px;background:#eff4ec;padding:4px 10px;min-height:30px;border-radius:8px;color:#698062}.quick-times button:hover{background:#e0eddf}.quick-times small{font-size:9px;margin-left:auto}.time-result{display:flex;align-items:center;gap:14px;background:#eaf3e7;border-radius:14px;padding:18px 20px;margin:16px 0 22px;color:#65855a}.time-result>div{flex:1 1}.time-result span{font-size:11px}.time-result strong{display:block;font-size:23px;color:#325e2e;letter-spacing:-.6px}.time-result small{font-size:10px;color:#8da47e}.form-footer{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:25px}.form-footer .danger{margin-right:auto}.document-overlay{position:fixed;inset:0;background:#eef1e9;z-index:80;overflow:auto;padding:80px 20px 40px}.document-toolbar{position:fixed;inset:0 0 auto;display:flex;justify-content:center;align-items:center;gap:18px;padding:12px 20px;background:white;box-shadow:0 1px rgba(68,85,52,.12);z-index:81;font-size:13px}.document-toolbar .muted{font-size:11px}.print-document{width:210mm;max-width:100%;margin:auto;padding:20mm 18mm;background:white;color:#222;box-shadow:0 20px 70px -50px rgba(45,60,36,.3);font-family:Noto Sans KR,sans-serif;font-size:12px;line-height:1.9}.print-document h1{font-size:25px;text-align:center;margin:16px 0 26px}.print-document h2{font-size:15px;margin:24px 0 12px}.print-label{font-size:10px;color:#888;text-align:center}.print-document table{margin:16px 0}.print-document th{background:#f2f3ef;font-size:10px;padding:9px 10px}.print-document td{font-size:10px;padding:10px;box-shadow:0 1px #eee}.contract-clauses{padding-left:20px;margin:20px 0}.contract-clauses li{padding:7px 0;page-break-inside:avoid;break-inside:avoid}.contract-clauses li>p{padding-top:4px;white-space:pre-line;font-size:11px}.print-date{text-align:center;margin:25px 0}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:25px 0;page-break-inside:avoid;break-inside:avoid}.signature-grid p{font-size:11px;margin:7px 0}.print-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:22px 0}.print-total{display:flex;align-items:center;justify-content:space-between;background:#edf3eb;padding:20px;margin:22px 0}.print-total strong{font-size:23px}.print-document .muted{font-size:9px}.print-appendix{page-break-before:always;break-before:page;margin-top:45px}.mobile-records{display:none}.loading{flex-direction:column;gap:15px;color:#82977a}.loading,.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center}.login-page{gap:100px;padding:60px}.login-intro{max-width:330px}.login-intro>p{font-size:30px;font-weight:500;letter-spacing:-1.2px;line-height:1.7;margin:32px 0 15px}.login-intro>span{color:#93a187;font-size:12px}.login-panel{width:420px;margin:0}.login-panel .panel{padding:34px}.login-panel h1{font-size:23px;margin-top:18px;margin-bottom:12px}.login-panel .muted{font-size:13px;line-height:2}.login-panel .full{margin-top:17px}.login-foot{display:flex;justify-content:center;gap:7px;margin-top:23px;color:#a0ad94;font-size:10px}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.panel-shell{animation:modal-in .45s var(--ease)}@media(min-width:1450px){.content{padding-top:46px}.page-heading{margin-bottom:32px}.summary{margin-bottom:30px}.app-footer{padding-bottom:35px}}@media(max-width:1100px){.app-frame{padding-inline:32px}.topbar{gap:15px;padding:12px 16px}.topbar nav{gap:2px}.topbar nav button{padding:10px 11px;font-size:12px}.wordmark{font-size:15px}.pay-summary strong{font-size:19px}.employee-grid{gap:15px}.employee-grid .panel{padding:20px}.summary .panel>div{padding-left:20px;gap:12px}.login-page{gap:50px}}@media(max-width:850px){.app-frame{padding:22px 22px 0}.topbar{flex-wrap:wrap;gap:0;min-height:0;padding:17px 16px 10px}.topbar nav{flex-basis:100%;order:3;margin-top:13px;justify-content:space-between}.topbar .owner-button{margin-left:auto}.topbar nav button{padding:10px 12px}.summary-icon{width:38px;height:38px;border-radius:12px}.summary .panel{padding:22px 16px}.summary strong{font-size:24px}.employee-grid{grid-template-columns:1fr}.employee-grid .panel{padding:24px}.employee-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:18px 0}.employee-facts>span{flex-direction:column}.employee-grid h2{font-size:21px}.employee-top{margin-bottom:15px}.pay-summary{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}.toolbar-end{margin-left:0}.payroll-controls{grid-template-columns:1fr 1fr}.login-page{gap:35px;padding:30px}.login-intro{max-width:240px}.login-intro>p{font-size:25px}.print-document{padding:30px}}@media(max-width:600px){.app-frame{padding:15px 14px 0}.topbar{border-radius:19px}.topbar nav button{flex-direction:column;gap:5px;padding:9px 8px;flex:1 1;font-size:10px;border-radius:11px}.topbar nav button svg{width:19px;height:19px}.environment-line{font-size:9px;padding:14px 2px 0}.content{padding:30px 0 35px}.page-heading{align-items:flex-start;margin-bottom:23px;gap:12px}.page-heading h1{font-size:24px}.page-heading p:not(.eyebrow){font-size:11px;max-width:230px}.page-heading .button{font-size:11px;padding:9px 14px;min-height:40px;margin-top:15px;gap:5px}.eyebrow{font-size:8px;letter-spacing:1.4px}.page-heading>.badge{max-width:110px;white-space:normal;text-align:center;font-size:9px;margin-top:15px}.panel-shell{border-radius:18px;padding:4px;margin-bottom:19px}.panel{border-radius:14px;padding:18px}.summary .panel{padding:20px 12px}.summary .panel>div{padding-left:12px;gap:0}.summary-icon{display:none}.summary .panel>div>span{font-size:9px}.summary strong{font-size:22px}.summary em{font-size:10px;margin-left:3px}.summary strong.small-metric{font-size:14px}.records-panel .panel{padding:0 14px 8px}.segmented{gap:17px;padding-top:14px}.segmented button{font-size:11px;padding-bottom:12px}.toolbar{gap:9px;padding:18px 0}.date-range{width:100%;justify-content:space-between;gap:4px;padding:4px 10px}.date-range input{width:calc(50% - 15px);font-size:11px}.toolbar select{width:calc(50% - 5px);font-size:11px;min-height:40px}.toolbar .button{font-size:10px;min-height:40px;padding:9px 11px}.toolbar-end{margin-left:auto}.table-wrap:not(.always){display:none}.mobile-records{display:block}.mobile-record{display:block;text-align:left;width:100%;padding:17px 3px;box-shadow:0 1px var(--line)}.mobile-record>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.mobile-record>div:first-child b{font-size:12px}.mobile-record>div:nth-child(2){font-size:10px;margin:8px 0}.mobile-record strong{font-size:17px}.mobile-record>div:last-child .muted{font-size:10px}.mobile-record:last-child{box-shadow:none}.quick-actions{grid-template-columns:1fr;gap:12px;margin-top:19px}.quick-actions>button{padding:17px;border-radius:17px}.quick-actions b{font-size:13px}.quick-actions small{font-size:10px}.app-footer{flex-direction:column;align-items:flex-start;font-size:9px;padding:20px 4px}.employee-facts{gap:13px}.employee-facts b{font-size:11px}.employee-facts>span{font-size:9px}.detail-links .button{font-size:10px;padding:10px 12px}.section-title{align-items:flex-start;flex-wrap:wrap;margin-bottom:16px;gap:10px}.section-title h2{font-size:16px}.notice,.section-title .muted,.section-title .text-button{font-size:10px}.notice{padding:12px;margin:14px 0;gap:8px}.notice svg{width:17px;height:17px}.form-grid{gap:15px}.field{font-size:11px;gap:7px}.field small{font-size:9px}input,select,textarea{font-size:13px;min-height:44px;padding:9px 11px}.form-grid.three{grid-template-columns:1fr}.pay-summary{gap:10px}.pay-summary>div{padding:16px 12px}.pay-summary strong{font-size:19px}.pay-summary small{font-size:8px}.week-row{gap:9px;align-items:flex-start}.week-row .check{flex-basis:100%;margin:10px 0}.week-row>strong{padding-left:27px;font-size:13px}.week-row .field{margin-left:auto;width:145px}.deductions{gap:15px}.deductions b{font-size:16px}.deductions small{font-size:8px}.check{font-size:11px}.settle-footer{align-items:flex-end}.settle-footer>span{max-width:180px;font-size:10px}.settle-footer .button{font-size:11px;padding:10px 15px}.list-row{flex-wrap:wrap;gap:10px}.list-row .grow{flex-basis:calc(100% - 60px)}.list-row .button{font-size:10px;min-height:38px}.list-row b{font-size:12px}.list-row small{font-size:10px}.list-row>.button{margin-left:55px}.list-row .badge{font-size:9px}.audit-list>div{flex-wrap:wrap;font-size:10px;gap:7px}.audit-list time{margin-left:23px;flex-basis:100%;font-size:9px}.overlay{padding:15px 10px}.modal{max-height:calc(100dvh - 30px);padding:22px 18px;border-radius:20px}.modal-heading h2{font-size:21px}.form-section .section-title .muted{font-size:9px}.break-fields{gap:5px;flex-wrap:wrap}.break-fields select{width:100%;margin-bottom:3px}.break-fields input{flex:1 1;width:100px;padding:9px 7px;font-size:12px}.break-fields .icon-button{width:28px;min-width:28px}.quick-times{gap:6px;flex-wrap:wrap}.quick-times small{margin-left:0;flex-basis:100%}.time-result{padding:17px 14px}.time-result strong{font-size:21px}.time-result small{font-size:9px}.form-footer{flex-wrap:wrap;gap:8px}.form-footer .button{font-size:11px;padding:10px 15px}.form-footer .danger{font-size:11px}.document-overlay{padding:84px 10px 20px}.document-toolbar{padding:12px 10px;gap:10px;justify-content:space-between}.document-toolbar .muted{display:none}.document-toolbar .button{font-size:11px;padding:10px 13px}.document-toolbar>span:first-child{font-size:11px}.print-document{padding:22px 16px;font-size:10px}.print-document h1{font-size:22px}.print-document td,.print-document th{font-size:8px;padding:6px}.signature-grid{gap:15px}.signature-grid p{font-size:9px}.print-meta{grid-template-columns:1fr}.login-page{flex-direction:column;gap:27px;padding:28px 18px;align-items:stretch;justify-content:center}.login-intro{max-width:none}.login-intro>p{display:none}.login-intro>span{display:block;margin-top:13px;font-size:11px}.login-panel{width:100%}.login-panel .panel{padding:27px}.login-panel h1{font-size:22px}.login-panel .muted{font-size:12px}.toast{font-size:11px;padding:12px 18px;bottom:18px}}:root{--muted:#687d71}.check,.field{color:#617764}.eyebrow{color:#708575}td small{color:#748675}th{color:#637967}.summary .panel>div>span{color:#6a806f}.summary-icon{color:#577d68}.page-heading p:not(.eyebrow){color:#6e8173}.badge{color:#3f7157}.badge.warn{color:#855622}.employee-facts>span{color:#6d826c}.deductions span,.pay-summary span{color:#657a61}.deductions small,.field small,.pay-summary small{color:#778c71}.environment-line{color:#71846e}.app-footer{color:#74876c}.print-document td{color:#222}.people-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:25px}.people-toolbar .segmented{padding-top:0}.people-toolbar>.muted{font-size:12px}.employee-bottom{gap:8px 14px}.employee-bottom .danger{color:#a55f50}.week-row .text-button{font-size:11px}@media(max-width:600px){.field{font-size:12px}.modal input:not([type=checkbox]):not([type=file]),.modal select,.modal textarea{font-size:16px}.break-fields input{font-size:15px!important}.quick-times{font-size:11px}.quick-times small{font-size:10px}.check{font-size:12px}.notice{font-size:11px}.modal-heading .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{@page{size:A4;margin:15mm}body{background:white!important}.app-frame,.document-toolbar,.overlay,.toast,body:before{display:none!important}.document-overlay{position:static;padding:0;background:white;overflow:visible}.print-document{width:auto;max-width:none;padding:0;margin:0;box-shadow:none;font-size:11px}.print-document td,.print-document th{font-size:9px}.print-document h1{font-size:23px}.print-meta{grid-template-columns:1fr 1fr}.print-document thead{display:table-header-group}.print-document tr{page-break-inside:avoid;break-inside:avoid}.print-appendix{page-break-before:always;break-before:page}.signature-grid{grid-template-columns:1fr 1fr}.print-document a{color:inherit}}.calendar-date{padding:0;min-height:24px;text-align:left;border-radius:4px}.calendar-names{display:flex;flex-direction:column;gap:4px;width:100%;max-height:145px;overflow-y:auto;min-height:24px}.calendar-person{display:block;text-align:left;padding:4px 6px;background:#e8efea;color:#3d6856;border-radius:6px;font-size:12px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:29px;transition:background .2s var(--ease)}.calendar-person:hover{background:#dbe9df}.calendar-person.calendar-absence{color:#955e4b;background:#f5eee5}.calendar-person span{margin-left:4px;font-size:9px}.calendar-day{cursor:pointer;min-height:130px}.calendar-markers{pointer-events:none}@media(max-width:600px){.calendar-day{min-height:113px;padding:5px 3px}.calendar-date{min-height:25px}.calendar-names{gap:3px;max-height:120px}.calendar-person{font-size:10px;padding:4px 2px;min-height:28px}.calendar-person span{display:none}.calendar-help{line-height:1.7}.calendar-day:has(.calendar-person.calendar-absence) .calendar-date{color:#9a6450}}.employee-query{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.employee-query select{max-width:210px}.employee-query .button{font-size:12px;white-space:nowrap}.employee-query .button[aria-pressed=true]{background:#e4eee6;color:var(--teal)}@media(max-width:600px){.employee-query{width:100%;gap:8px}.employee-query select{flex:1 1;min-width:0;max-width:none;width:auto}.employee-query .button{font-size:11px;padding:10px 12px}}.brand-logo{width:104px;height:40px;object-fit:contain;flex-shrink:0}.topbar .wordmark{font-size:15px;gap:9px}.login-intro .wordmark{flex-wrap:wrap;gap:15px}.print-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.print-brand img{width:130px;height:50px;object-fit:contain}.print-brand span{font-size:10px;color:#546661}.login-panel .full{margin-top:20px}@media(max-width:600px){.topbar .wordmark{font-size:12px;gap:7px}.topbar .brand-logo{width:65px;height:25px}.login-intro .brand-logo{width:104px;height:40px}.app-footer>span:last-child{font-size:9px}.print-brand{gap:8px}.print-brand img{width:104px;height:40px}.print-brand span{font-size:8px}}@media print{.print-brand{page-break-inside:avoid;break-inside:avoid;display:flex!important}.print-brand img{width:130px;height:50px;print-color-adjust:exact;-webkit-print-color-adjust:exact}}.security-controls>.muted{margin-bottom:18px;font-size:12px}.security-controls .field{margin-bottom:15px}.security-controls h2{display:flex;gap:8px;align-items:center}.security-status{font-size:12px;margin-bottom:18px;color:var(--muted)}.security-recovery-toggle{margin-top:17px;font-size:12px;text-align:left}.recovery-key-notice{background:#edf4ee;padding:20px;border-radius:15px;margin-bottom:24px}.recovery-key-notice h2{display:flex;align-items:center;gap:8px;font-size:17px}.recovery-key-notice p{font-size:12px;margin:12px 0;color:#536c5c}.recovery-key-notice code{display:block;overflow-wrap:anywhere;font-family:Geist,monospace;font-size:16px;letter-spacing:1px;background:#fff;padding:14px;border-radius:9px;margin-bottom:16px}.login-panel .security-controls .form-grid{grid-template-columns:1fr}.login-panel .security-controls .form-footer{flex-wrap:wrap}.login-panel .security-controls h2{font-size:17px}@media(max-width:600px){.recovery-key-notice{padding:15px}.recovery-key-notice code{font-size:13px;letter-spacing:.5px}.security-controls .form-grid{grid-template-columns:1fr}.security-controls .form-footer{align-items:stretch;flex-direction:column}.security-recovery-toggle{font-size:11px}}