@font-face{font-family:LocalUI;src:local('Tahoma')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6f4;color:#253b37;font-family:LocalUI,Tahoma,Arial,sans-serif;font-size:13px;line-height:1.9}a{color:#187a65;text-decoration:none}a:hover{color:#0b5546}button,.button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#187a65;color:#fff;border:1px solid #187a65;border-radius:9px;padding:10px 20px;cursor:pointer;font-weight:700;line-height:1.8;transition:background .15s}button:hover,.button:hover{background:#0e6350;color:#fff}button:disabled{cursor:not-allowed;background:#e4e9e6;color:#84918b;border-color:#e4e9e6}.secondary{color:#315a50;background:#fff;border-color:#d8e1db}.secondary:hover{background:#eaf2ed;color:#234d40;border-color:#b9ccc0}h1,h2,h3,p{margin-top:0}h1{font-size:27px;line-height:1.5;margin-bottom:8px;letter-spacing:-.7px}h2{font-size:16px;line-height:1.7;margin-bottom:12px}h3{font-size:14px}strong{font-weight:700}.muted{color:#7e8d87}.small{font-size:11px}.eyebrow{display:block;color:#8a9c91;letter-spacing:2px;font-size:10px;direction:ltr;text-align:right;margin-bottom:10px}.sidebar{position:fixed;right:0;top:0;bottom:0;width:246px;background:#142f29;color:#c8d5cc;padding:31px 20px 24px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:#f0f5ed;font:700 14px Arial,sans-serif;letter-spacing:2px}.brand:hover{color:#fff}.brand-mark{width:43px;height:43px;background:#d8e9aa;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#203c2d;font:bold 19px Arial,sans-serif;letter-spacing:-1px;flex-shrink:0}.brand div span{display:block;font:10px Tahoma,sans-serif;letter-spacing:0;color:#8aa99b;margin-top:8px}.workspace{display:flex;gap:10px;align-items:center;border:1px solid #355047;border-radius:10px;margin:34px 0 32px;padding:12px 10px;font-size:11px}.workspace-avatar{background:#304d42;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;font:bold 14px Arial}.workspace strong{display:block;max-width:131px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace small{font-size:10px;color:#8eaa9b}.online-dot{background:#b5d88a;border:3px solid #304c3c;width:10px;height:10px;border-radius:50%;margin-right:auto}.nav-label{font-size:10px;color:#739386;padding-right:12px;margin-bottom:15px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:14px;color:#a7c0b3;padding:11px 13px;border-radius:8px;font-size:12px}.sidebar nav a:hover{background:#214237;color:white}.sidebar nav a.active{background:#d8e9aa;color:#263d2b;font-weight:bold}.nav-icon{font:22px Arial;width:22px;text-align:center;line-height:1}.sidebar nav i{background:#326842;width:5px;height:5px;border-radius:50%;margin-right:auto}.sidebar-bottom{margin-top:auto;padding:24px 10px 0}.sidebar-bottom p{color:#829d90;font-size:10px;margin-top:14px}.badge.dark-badge{background:#264337;color:#b3c6ad;border:1px solid #3e594b;font-size:9px;letter-spacing:1px}.logout{background:none;border:0;color:#98b3a6;font-weight:400;padding:4px 0;font-size:11px}.app-shell{margin-right:246px}.topbar{height:82px;padding:0 42px;background:#fcfdfb;border-bottom:1px solid #e3e8e1;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:11px;color:#92a096}.breadcrumb span{padding:0 14px;color:#c0c9c1}.breadcrumb strong{color:#4d6558;font-weight:400}.topbar-end{display:flex;align-items:center;gap:22px}.date-chip{font:11px Arial;color:#718476}.avatar{border:1px solid #d4ded0;background:#e7edde;color:#5d7059;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:bold 12px Arial}.content{padding:34px 42px 18px;max-width:1680px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:15px}.page-heading .muted{margin-bottom:0;font-size:12px}.page-heading .button{font-size:11px}.welcome-banner{border-radius:14px;min-height:220px;background:#e5ead9;position:relative;display:flex;justify-content:space-between;overflow:hidden;padding:31px 32px;margin-bottom:24px;border:1px solid #dce3d2}.welcome-banner h2{font-size:26px;letter-spacing:-.7px;margin:8px 0}.welcome-banner .eyebrow{color:#7e8f6b;font-size:9px}.welcome-banner p{color:#6b7e65;font-size:11px;max-width:450px}.welcome-banner a{display:inline-flex;gap:26px;font-weight:700;font-size:11px;color:#345c40;margin-top:6px}.banner-art{width:240px;position:relative;flex-shrink:0;direction:ltr}.orbit{position:absolute;top:50%;left:50%;border:1px solid #bdc9a9;border-radius:50%;transform:translate(-50%,-50%)}.o1{width:180px;height:180px}.o2{width:230px;height:230px}.o3{width:280px;height:280px;opacity:.45}.clock-face{width:138px;height:138px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);border:6px solid #f1f4e9;border-radius:32px;background:#1e4737;box-shadow:0 15px 30px #40543925;color:#d9e9b4}.clock-face>span{font:30px Georgia;position:absolute;top:19px;left:17px}.clock-face i{position:absolute;width:3px;height:40px;background:#d5e4a8;left:65px;top:29px;transform:rotate(30deg);transform-origin:bottom}.clock-face b{position:absolute;width:3px;height:28px;left:64px;top:41px;background:#d5e4a8;transform:rotate(110deg);transform-origin:bottom}.clock-face small{position:absolute;bottom:17px;width:100%;text-align:center;font:5px Arial;letter-spacing:1.5px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat{background:#fff;border:1px solid #e0e7de;border-radius:12px;padding:19px 20px;min-height:142px}.stat>span{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#728277}.stat>span i{font:20px Arial;color:#9aae9c;background:#f2f5ef;border-radius:6px;padding:4px}.stat>strong{font:34px Arial;display:block;margin:15px 0 8px;color:#284235;letter-spacing:-1px}.stat>strong.money{font-size:25px}.stat>strong em{font:9px Arial;color:#859783;font-style:normal;letter-spacing:1px;display:block;margin-top:7px}.stat>small{font-size:10px;color:#8c9c8d}.two-col{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}.card{background:#fff;border:1px solid #e1e7de;border-radius:12px;padding:24px;margin-bottom:24px;min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px}.card-heading h2{margin:0}.card-heading>a{font-size:10px}.steps{margin:-5px 0}.step{display:flex;align-items:center;gap:16px;padding:18px 0;color:#2a4234;border-bottom:1px solid #edf0e9}.step:last-child{border:0}.step>span:last-child{margin-right:auto;color:#aab6a5}.step-number{width:34px;height:34px;border:1px solid #dce5d4;background:#f5f7f0;color:#8b9e7a;border-radius:9px;display:grid;place-items:center;flex-shrink:0;font:11px Arial}.step-number.done{background:#e3edcf;color:#4c6b3b;border-color:#d5e4bc}.step strong{font-size:12px;display:block}.step small{color:#95a18e;font-size:10px}.latest-import{text-align:center;padding:5px 6px}.file-icon{width:54px;height:65px;background:#eef3e7;border:1px solid #dbe5d0;border-radius:8px;display:grid;place-items:center;font:12px Arial;color:#658247;margin:0 auto 14px}.latest-import h3{font:11px Arial;overflow-wrap:anywhere;margin-bottom:15px}dl{margin:20px 0 0}dl>div{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid #eef1e9;padding:12px 0}dt{color:#8b9a85}dd{margin:0}.badge{display:inline-flex;padding:3px 10px;border-radius:5px;background:#f0f2ec;color:#7a8771;font-size:10px;white-space:nowrap}.badge-present,.badge-corrected,.badge-paid_leave{background:#e9f3e9;color:#4c795b}.badge-review{background:#fcf0d9;color:#a17a2b}.badge-absent,.badge-unpaid_leave{background:#f9e9e6;color:#ab685a}.badge-inactive,.badge-off{background:#f0f2ee;color:#8b9688}.footer{display:flex;justify-content:space-between;font:10px Arial;color:#9aa791;margin:38px 0 8px}.footer b{padding:0 8px;font-weight:400}.alert{padding:14px 18px;border:1px solid;border-radius:9px;margin-bottom:24px;font-size:12px}.alert.error{background:#fff0ee;border-color:#f2cec5;color:#ad5847}.alert.success{background:#edf6e9;border-color:#d9e9cb;color:#54724b}.alert.info{background:#eef3f4;border-color:#dbe5e7;color:#5a7780}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:11px;color:#647962}.field input,.field select,.field textarea,input.table-search{width:100%;background:#fbfcf9;border:1px solid #dce4d7;border-radius:7px;padding:10px 11px;color:#344e3e;outline:none;min-width:0}.field input:focus,.field select:focus,.field textarea:focus,input.table-search:focus{border-color:#6e9e7b;box-shadow:0 0 0 3px #e7f0e2}.field input[type=date],.field input[type=time],.field input[type=month],.field input[type=number],.field input[type=email],.field input[type=password]{direction:ltr;text-align:left}.field input[readonly]{background:#eef1e9}.full{grid-column:1/-1}.action-field{justify-content:end}.check{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.8}.check input{accent-color:#187a65;flex-shrink:0;width:15px;height:15px;margin:0}.stack{display:flex;flex-direction:column;gap:18px}.stack button{width:100%}.spaced{margin-top:18px}.table-wrap{overflow-x:auto;margin:0 -5px}table{border-collapse:collapse;width:100%;font-size:11px;text-align:right;white-space:nowrap}th{background:#f7f9f4;color:#8a9982;font-weight:400;padding:13px 12px;border-bottom:1px solid #e2e8dc}td{padding:14px 12px;border-bottom:1px solid #edf0e8;color:#566a50}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcf8}td strong{color:#385235}td a{font-size:10px}.ltr{direction:ltr;unicode-bidi:embed;font-family:Arial,sans-serif}.note-cell{min-width:180px;max-width:300px;white-space:normal;font-size:10px}.punch-cell{min-width:120px;font-size:10px}.money-cell{color:#3c633c;font-weight:bold}input.table-search{width:210px;font-size:11px;padding:7px 12px;background:#fff}.empty{text-align:center;padding:40px 16px;color:#92a187}.empty-icon{font:35px Arial;color:#b9c6aa}.empty .button{font-size:11px}.empty p{margin-top:14px;font-size:12px}.upload-zone{border:1px dashed #b8cbae;background:#f7faf3;border-radius:11px;min-height:235px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:25px;position:relative;cursor:pointer;overflow:hidden}.upload-symbol{font:36px Arial;line-height:1;color:#6d9260;margin-bottom:8px}.upload-zone strong{font-size:13px}.upload-zone>span:not(.upload-symbol){font-size:10px;color:#8f9e85}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-zone small{font:10px Arial;color:#628554;overflow-wrap:anywhere;max-width:100%;margin-top:9px}.soft{background:#f0f3e8;border-color:#e0e7d4}.plain-list{padding-right:18px;font-size:12px;color:#7a8c6d}.plain-list li{padding-bottom:13px}.unknown-card{border-color:#e5dcb7;background:#fffdf5}.code-list{display:flex;flex-wrap:wrap;gap:10px;max-height:220px;overflow:auto}.code-list a{display:flex;align-items:center;gap:10px;border:1px solid #e7e4cf;border-radius:7px;background:#fff;padding:7px 12px}.code-list strong{font:13px Arial;color:#66764f}.code-list span{color:#9ca28b;font-size:10px}.code-list b{color:#9ba979}.weekdays{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:8px}.shift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shift-card{border:1px solid #e1e7d8;border-radius:10px;padding:20px;background:#fafbf7}.shift-symbol{font:25px Arial;color:#91a67c}.shift-card h3{margin:12px 0 9px}.shift-card>strong{font:bold 22px Arial;display:block;color:#496640;margin-bottom:16px}.shift-card p{font-size:10px;color:#859776}.filter-bar{display:flex;align-items:end;gap:18px}.filter-bar .field{min-width:150px;max-width:300px;flex:1}.filter-bar button,.filter-bar .button{font-size:11px}.compact .stat{min-height:125px}.compact .stat>strong{font-size:29px}.payroll-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:24px;align-items:start}.payslip{padding:30px}.payslip-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.payslip-heading p{color:#829277;font-size:12px;margin:0}.payslip-heading .brand-mark{background:#254b38;color:#e0edbf;width:50px;height:50px}.slip-meta{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #e5eadd;color:#8a9c7c;font-size:10px}.slip-meta b{color:#5c754d;font-weight:400;display:inline-block}.slip-lines>div{display:flex;justify-content:space-between;padding:13px 0;color:#7d8e70;font-size:12px}.slip-lines strong{font:13px Arial;color:#445e39}.net-pay{background:#e6edda;display:flex;align-items:center;justify-content:space-between;padding:22px 19px;border-radius:9px;margin:20px 0;color:#4c6939;font-size:12px}.net-pay>strong{font:bold 29px Arial;letter-spacing:-.7px}.net-pay small{font:10px Arial;letter-spacing:1px;padding-left:9px}.issue-summary{background:#f7f4e9;border:1px solid #ebe3c6;padding:16px;border-radius:9px;display:flex;align-items:center;gap:15px;margin:20px 0}.issue-summary strong{font:26px Arial;color:#a08a4c}.issue-summary span{color:#8b845f;font-size:11px}.issue-list{max-height:230px;overflow:auto;font-size:10px;color:#ac8d59;margin-bottom:18px}.issue-list p{padding-bottom:10px;border-bottom:1px solid #f1ebd9}.settings-fixed{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10px;color:#96a18a;background:#f7f9f2;border-radius:7px;padding:12px}.settings-fixed b{display:block;color:#667b55;font-weight:400}.rules{padding-right:20px;color:#7c8d6d;font-size:12px;line-height:2.2}.rules li{padding-bottom:12px}.auth-body{background:#f4f5ef}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:#173a2c;color:#dce7cb;padding:55px 65px;display:flex;flex-direction:column;justify-content:space-between;min-height:700px;position:relative;overflow:hidden}.auth-story:after{content:'';position:absolute;width:600px;height:600px;border:1px solid #426044;border-radius:50%;bottom:-350px;right:-100px;pointer-events:none}.auth-story .eyebrow{color:#93ae78}.auth-story h1{font-size:46px;line-height:1.7;margin:25px 0;letter-spacing:-1px;color:#e8efda}.auth-story p{color:#9cb38b;line-height:2.5;font-size:13px}.auth-story>small{font:10px Tahoma;color:#93ac7f}.story-line{display:flex;align-items:center;gap:15px;margin-top:48px;font-size:10px;color:#bdd09f}.story-line i{height:1px;width:35px;background:#607b4e}.auth-panel{display:grid;place-items:center;padding:60px 30px}.auth-card{width:100%;max-width:360px}.auth-card h2{font-size:26px;letter-spacing:-.5px}.auth-card>.muted{font-size:12px;margin-bottom:30px}.auth-card .stack{gap:21px}.auth-card button{margin-top:8px;justify-content:space-between}.auth-card>.small{margin-top:27px;color:#a1ac96}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:450px;font:10px monospace;color:#7b8e70}details summary{cursor:pointer;color:#6d8e5e}textarea{resize:vertical}:focus-visible{outline:2px solid #8ab164;outline-offset:3px}[hidden]{display:none!important}
@media(min-width:1600px){.content{padding-top:42px}.welcome-banner{min-height:245px}.sidebar{width:264px}.app-shell{margin-right:264px}.stat{min-height:165px}.step{padding:23px 0}}
@media(max-width:1100px){.sidebar{width:214px;padding:25px 14px}.app-shell{margin-right:214px}.content{padding:28px 25px}.topbar{padding:0 25px}.stats-grid{gap:12px}.stat{padding:15px}.stat>strong{font-size:28px}.two-col{gap:16px}.card{padding:20px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-layout{grid-template-columns:1fr}.auth-story{padding:40px}.auth-story h1{font-size:38px}.banner-art{width:170px}.filter-bar{flex-wrap:wrap}.stat>strong.money{font-size:20px}}
@media(max-width:760px){.sidebar{position:relative;width:100%;padding:18px 20px}.sidebar .brand{margin-bottom:20px}.workspace,.nav-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;overflow:auto;gap:5px;padding-bottom:3px}.sidebar nav a{white-space:nowrap;padding:8px 12px;font-size:11px}.nav-icon{font-size:17px!important}.sidebar nav i{display:none}.app-shell{margin-right:0}.topbar{height:59px;padding:0 20px}.content{padding:25px 18px 15px}.page-heading{align-items:start;margin-bottom:22px}.page-heading>.button{padding:8px 10px;font-size:10px}.page-heading h1{font-size:23px}.page-heading p{max-width:250px}.page-heading .eyebrow{font-size:8px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr;gap:0}.welcome-banner{padding:24px;min-height:205px}.welcome-banner h2{font-size:23px}.welcome-banner p{max-width:260px}.banner-art{width:100px;opacity:.6}.clock-face{width:110px;height:110px}.clock-face small{display:none}.o1{width:145px;height:145px}.o2{width:185px;height:185px}.o3{width:225px;height:225px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.weekdays{gap:15px}.filter-bar{gap:15px}.filter-bar .field{max-width:none;min-width:135px}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:auto;padding:26px}.auth-story>div:nth-child(2),.auth-story>small{display:none}.auth-panel{padding:45px 25px}.auth-card{max-width:400px}.date-chip{font-size:9px}.breadcrumb{font-size:10px}.topbar-end{gap:10px}.card-heading{flex-wrap:wrap}.footer{font-size:8px}.payslip{padding:22px}.slip-meta{flex-wrap:wrap}.net-pay>strong{font-size:25px}}
@media(max-width:430px){.banner-art{display:none}.form-grid,.shift-grid{grid-template-columns:1fr}.page-heading>.button{display:none}.footer{flex-direction:column;gap:10px}.card{padding:18px}.stats-grid{gap:10px}.stat>strong{font-size:26px}.topbar .avatar{display:none}.net-pay{padding:18px 12px}.net-pay>strong{font-size:22px}.filter-bar button,.filter-bar .button{flex:1}.payslip-heading .brand-mark{width:40px;height:40px}}
@media print{body{background:#fff;color:#000;font-size:11pt}.sidebar,.topbar,.page-heading,.footer,.filter-bar,.no-print,.alert,.payslip~*,.content>section{display:none!important}.app-shell{margin:0}.content{padding:0}.payroll-layout{display:block}.payslip{display:block!important;border:0;padding:10mm;max-width:190mm;margin:auto;break-inside:avoid}.payslip .brand-mark,.net-pay{print-color-adjust:exact;-webkit-print-color-adjust:exact}.slip-meta,.slip-lines{font-size:10pt}.net-pay strong{font-size:25pt}@page{size:A4;margin:12mm}}

/* Sandwichtime wordmark fits the compact sidebar. */
.brand>div{font-size:12px;letter-spacing:.5px}
.user-card{border-top:1px solid #e1e7de;padding:22px 0}.user-card:first-of-type{border-top:0;padding-top:0}.user-card:last-child{padding-bottom:0}.user-reset{margin-top:16px}.user-reset .form-grid{margin-top:16px}.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}
.filter-bar{flex-wrap:wrap}