/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--ink:#17382f;--green:#1e5848;--cream:#f5f3ed;--line:#e5e2d9;--muted:#72807a}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}.logo{background:var(--green);color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;font:700 17px Georgia;display:grid}.brand{align-items:center;gap:12px;display:flex}.brand b,.brand small{display:block}.brand small{color:var(--muted);margin-top:3px;font-size:11px}.eyebrow{letter-spacing:.16em;color:#71827b;font-size:10px;font-weight:800}.login{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.welcome{color:#fff;background:linear-gradient(145deg,#133d33,#26715c);flex-direction:column;justify-content:space-between;padding:10vh 8vw;display:flex}.welcome h1{margin:30px 0;font:500 clamp(42px,5vw,72px)/1.03 Georgia}.welcome p{color:#d2e2dc;max-width:520px;font-size:17px;line-height:1.6}.welcome .eyebrow{color:#dabd7f}.feature{background:#ffffff10;border:1px solid #ffffff30;border-radius:18px;width:240px;padding:20px}.feature b,.feature span{display:block}.feature b{margin:25px 0 7px}.feature span{color:#d2e2dc;font-size:11px}.loginform{background:#fbfaf7;place-items:center;padding:35px;display:grid}.box{width:min(420px,100%)}.box h2{margin:55px 0 8px;font:500 38px Georgia}.box>p{color:var(--muted);margin-bottom:28px}.box form,.modal form{gap:16px;display:grid}label{color:#576761;gap:7px;font-size:12px;font-weight:700;display:grid}input,select,textarea{color:var(--ink);background:#fff;border:1px solid #d7dcd8;border-radius:9px;outline:none;width:100%;padding:12px}input:focus,select:focus,textarea:focus{border-color:#4f8d7a;box-shadow:0 0 0 3px #4f8d791c}.primary{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:12px 17px;font-weight:700;display:flex}.primary svg{width:18px}.link{color:var(--green);cursor:pointer;background:0 0;border:0;padding:20px 0}.notice{color:#914536;background:#fff0ed;border:1px solid #edc8c0;border-radius:9px;padding:11px;font-size:12px}.splash{height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:18px;display:grid}.shell{min-height:100vh}.side{color:#fff;z-index:20;background:#143c32;flex-direction:column;width:250px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.white small{color:#9fb8b0}.module-menu-label{display:none}.side nav{gap:6px;margin-top:55px;display:grid}.side nav button{color:#aac0b9;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.side nav svg{width:19px}.side nav .active,.side nav button:hover{color:#fff;background:#ffffff14}.user{border-top:1px solid #ffffff18;align-items:center;gap:10px;margin-top:auto;padding-top:20px;display:flex}.avatar{color:#173c33;text-transform:uppercase;background:#d5b575;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.user>div:nth-child(2){flex:1;min-width:0}.user b,.user span{display:block}.user b{font-size:12px}.user span{color:#9fb8b0;margin-top:3px;font-size:10px}.user button,.x,.hamb{color:inherit;cursor:pointer;background:0 0;border:0}.user svg{width:18px}.x,.side-backdrop{display:none}.work{margin-left:250px;padding:35px 4vw 70px}.work>header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.work h1{margin:4px 0;font:500 34px Georgia}.secure{border:1px solid var(--line);background:#fff;border-radius:99px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex}.secure svg{width:16px}.hamb{display:none}.hero{background:var(--green);color:#fff;border-radius:19px;justify-content:space-between;align-items:center;padding:30px;display:flex}.hero h2{margin:10px 0;font:500 32px Georgia}.hero p{color:#c9dcd5}.hero>.eyebrow{color:#d7ba7d}.hero>svg{color:#ddc38c;border:1px solid #ffffff2b;border-radius:50%;width:90px;height:90px;padding:25px}.stats{grid-template-columns:repeat(4,1fr);gap:15px;margin:17px 0;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:15px;padding:20px;position:relative}.stat span,.stat strong{display:block}.stat span{color:var(--muted);font-size:11px}.stat strong{margin-top:10px;font:500 35px Georgia}.stat i{width:40px;height:40px;color:var(--green);background:#dcede6;border-radius:11px;place-items:center;display:grid;position:absolute;top:17px;right:17px}.stat i svg{width:19px}.two{grid-template-columns:1.5fr .8fr;gap:17px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;padding:21px}.panel h3,.quick h3{margin:5px 0 15px;font:500 23px Georgia}.activity{border-top:1px solid #eee;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.activity b,.activity small{display:block}.activity small{color:var(--muted);margin-top:4px;font-size:10px}.quick{background:#e1ece7;border-radius:15px;padding:21px}.quick button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-top:1px solid #c7dbd2;grid-template-columns:35px 1fr 20px;align-items:center;gap:10px;padding:16px 0;display:grid}.quick button>svg:first-child{background:#fff;border-radius:8px;width:35px;height:35px;padding:8px}.quick button>svg:last-child{width:17px}.toolbar{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.toolbar h2{margin:0;font:500 28px Georgia}.toolbar p{color:var(--muted);margin:5px 0 0;font-size:11px}.toolbar>div:last-child{gap:9px;display:flex}.search{position:relative}.search svg{color:#83908a;width:17px;position:absolute;top:11px;left:11px}.search input{padding-left:37px}.tablewrap{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:820px}th{text-align:left;color:#78877f;letter-spacing:.1em;text-transform:uppercase;background:#faf9f5;padding:14px 17px;font-size:9px}td{color:#53645e;border-top:1px solid #eeeae3;padding:15px 17px;font-size:12px}td b,td small{display:block}td b{color:var(--ink);font-size:13px}td small{color:#89958f;margin-top:3px;font-size:10px}.status{color:#666;text-transform:uppercase;background:#eee;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:800;display:inline-block}.status.active,.status.approved,.status.present{color:#287257;background:#daeee5}.status.pending,.status.late{color:#916708;background:#fff0ce}.status.rejected,.status.absent,.status.sick,.status.inactive{color:#984848;background:#f7dddd}.actions{gap:6px;display:flex}.actions button{color:#24604e;cursor:pointer;background:#eff8f4;border:1px solid #b7d5c8;border-radius:6px;padding:6px 8px}.actions .reject{color:#984848;background:#fff3f3;border-color:#eac6c6}.cards{grid-template-columns:repeat(3,1fr);gap:14px;padding:20px;display:grid}.cards article{border:1px solid var(--line);border-radius:13px;padding:18px}.cards article>div{justify-content:space-between;display:flex}.cards h3{margin:18px 0 7px}.cards p,.cards>article>span{color:var(--muted);font-size:11px}.empty{text-align:center;color:#9aa49f;padding:50px}.empty svg{width:30px}.loading{text-align:center;color:var(--muted);padding:100px}.back{z-index:40;background:#0b231db5;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fbfaf7;border-radius:17px;width:min(620px,100%);max-height:92vh;padding:23px;overflow:auto}.modal>header{justify-content:space-between;display:flex}.modal>header h2{margin:5px 0 20px;font:500 28px Georgia}.modal>header button{cursor:pointer;background:0 0;border:0}.row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.modal footer{justify-content:flex-end;gap:8px;display:flex}.modal footer>button{cursor:pointer;background:#fff;border:1px solid #d8ddd9;border-radius:9px;padding:11px 16px}.modal footer .primary{background:var(--green)}.toast{color:#fff;z-index:50;background:#173f34;border-radius:11px;align-items:center;gap:9px;padding:14px 18px;font-size:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast svg{color:#d8ba7a;width:18px}@media (width<=1000px){.stats{grid-template-columns:1fr 1fr}.two,.login{grid-template-columns:1fr}.welcome{display:none}.loginform{min-height:100vh}.cards{grid-template-columns:1fr 1fr}}@media (width<=720px){.side{transition:all .2s;transform:translate(-100%)}.side.open{transform:none}.x{display:block;position:absolute;top:20px;right:15px}.work{margin:0;padding:23px 17px}.hamb{color:var(--ink);display:block}.work>header{gap:10px}.work>header>div{flex:1}.secure,.hero>svg{display:none}.stats{grid-template-columns:1fr 1fr}.toolbar{align-items:flex-start}.search{display:none}.row,.cards{grid-template-columns:1fr}}.filter-panel{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:auto repeat(4,minmax(125px,1fr)) auto;align-items:end;gap:10px;margin-bottom:14px;padding:16px;display:grid}.range-buttons,.report-buttons{gap:6px;display:flex}.range-buttons button,.report-buttons button,.edit-button{color:var(--green);cursor:pointer;background:#f7faf8;border:1px solid #cbd7d2;border-radius:8px;padding:10px 11px;font-size:11px;font-weight:700}.report-buttons button{white-space:nowrap;background:var(--green);color:#fff;border-color:var(--green)}.summary-strip{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px;display:grid}.summary-strip>div{background:#e3eee9;border-radius:12px;padding:14px}.summary-strip b,.summary-strip span{display:block}.summary-strip b{font:500 26px Georgia}.summary-strip span{color:var(--muted);margin-top:4px;font-size:10px}.check-label{background:#eef5f2;border-radius:9px;align-items:center;gap:9px;padding:12px;display:flex}.check-label input{width:17px;height:17px}.check-label span{font-size:12px}.edit-button{padding:6px 10px}.attendance-toolbar{align-items:center}@media (width<=1100px){.filter-panel{grid-template-columns:repeat(3,1fr)}.range-buttons,.report-buttons{grid-column:span 3}}@media (width<=720px){.filter-panel{grid-template-columns:1fr 1fr}.range-buttons,.report-buttons{flex-wrap:wrap;grid-column:span 2}.summary-strip{grid-template-columns:repeat(2,1fr)}.attendance-toolbar{align-items:flex-start}}.status.unpaid{color:#4c5d91;background:#e5e9f5}.leave-filters{grid-template-columns:repeat(4,minmax(150px,1fr))}.leave-summary{grid-template-columns:repeat(3,1fr)}.status.day_off{color:#606966;background:#e8e8e8}.daily-admin{border:1px solid var(--line);background:#fff;border-radius:17px;margin-bottom:24px;padding:20px}.daily-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;display:flex}.daily-head h3{margin:5px 0;font:500 27px Georgia}.daily-head p{color:var(--muted);margin:0;font-size:12px}.daily-head label{min-width:180px}.daily-grid{border:1px solid var(--line);border-radius:12px;overflow:auto}.daily-row{border-top:1px solid #eee;grid-template-columns:1.35fr .8fr .65fr .65fr 1.25fr;align-items:center;gap:10px;min-width:970px;padding:9px 12px;display:grid}.daily-row:first-child{border-top:0}.daily-row>div:first-child b,.daily-row>div:first-child small{display:block}.daily-row>div:first-child small{color:var(--muted);margin-top:3px;font-size:11px}.daily-labels{color:#75827c;text-transform:uppercase;letter-spacing:.08em;background:#f7f7f3;font-size:10px}.daily-row input,.daily-row select{padding:9px}.daily-note{align-items:center;gap:8px;display:flex}.daily-note>label{white-space:nowrap;align-items:center;gap:5px;display:flex}.daily-note>label input{width:16px}.daily-save{justify-content:flex-end;align-items:center;gap:14px;margin-top:14px;display:flex}.daily-save span{color:var(--green);font-size:12px}@media (width<=720px){.daily-head{flex-direction:column;align-items:stretch}.daily-head label{width:100%}.daily-admin{padding:14px}.leave-filters{grid-template-columns:1fr 1fr}.leave-summary{grid-template-columns:1fr}}.document-filters{grid-template-columns:repeat(2,minmax(180px,1fr));max-width:650px}.document-message{color:var(--green);background:#e1eee8;border-radius:9px;margin-bottom:12px;padding:11px 14px;font-size:12px}.document-actions{flex-wrap:wrap}.replace-button{color:#24604e;cursor:pointer;background:#eff8f4;border:1px solid #b7d5c8;border-radius:6px;align-items:center;padding:6px 8px;font-size:11px;display:inline-flex}.modal label small{color:var(--muted);font-size:10px;font-weight:400}@media (width<=720px){.document-filters{grid-template-columns:1fr}.document-filters label{grid-column:auto}}.compliance-summary{grid-template-columns:repeat(4,1fr)}.compliance-summary .warning-card{background:#fff0ce}.compliance-summary .danger-card{background:#f7dddd}.status.about_to_expire{color:#916708;background:#fff0ce}.status.expired{color:#984848;background:#f7dddd}.status.not_recorded{color:#6d7772;background:#ecefea}.compliance-filters{grid-template-columns:repeat(2,minmax(190px,1fr));max-width:700px}.compliance-table td small{margin-top:5px}.renewal-panel{background:#fff8e8;border:1px solid #ead6a8;border-radius:15px;grid-template-columns:260px 1fr;gap:18px;margin-bottom:15px;padding:18px;display:grid}.renewal-title{align-items:flex-start;gap:12px;display:flex}.renewal-title>svg{color:#aa731d;width:22px}.renewal-title b,.renewal-title span{display:block}.renewal-title span{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.4}.renewal-list{grid-template-columns:1fr 1fr;gap:7px;display:grid}.renewal-list button{text-align:left;cursor:pointer;background:#fff;border:1px solid #eadfc7;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.renewal-list b,.renewal-list small{display:block}.renewal-list b{color:var(--ink);font-size:11px}.renewal-list small{color:var(--muted);margin-top:3px;font-size:9px}.document-vault-title{margin-top:28px}.compliance-modal{width:min(760px,100%)}.compliance-modal h3{border-top:1px solid var(--line);margin:10px 0 -4px;padding-top:15px;font:500 19px Georgia}@media (width<=900px){.renewal-panel,.renewal-list{grid-template-columns:1fr}.compliance-summary{grid-template-columns:1fr 1fr}}@media (width<=720px){.compliance-filters{grid-template-columns:1fr}.compliance-summary{grid-template-columns:1fr 1fr}}.staff-record-actions{gap:7px;min-width:150px;display:grid}.view-folder-button{background:var(--green);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:700;display:flex}.view-folder-button svg{width:15px}.view-folder-button span{text-align:center;background:#ffffff25;border-radius:99px;min-width:21px;margin-left:auto;padding:2px 6px}.employee-folder-modal{width:min(900px,100%)}.employee-folder-modal header p{color:var(--muted);margin:-14px 0 18px;font-size:12px}.folder-toolbar{justify-content:flex-end;margin-bottom:15px;display:flex}.employee-document-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.employee-document-grid article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:44px 1fr;gap:12px;padding:14px;display:grid}.document-icon{width:44px;height:44px;color:var(--green);background:#e3eee9;border-radius:10px;place-items:center;display:grid}.document-icon svg{width:20px}.document-info h3{margin:9px 0 3px;font:500 18px Georgia}.document-info p{color:var(--ink);overflow-wrap:anywhere;margin:0 0 8px;font-size:11px}.document-info small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.employee-document-grid article>.actions{border-top:1px solid var(--line);grid-column:1/-1;padding-top:10px}.folder-empty{text-align:center;color:var(--muted);grid-column:1/-1;justify-items:center;gap:9px;padding:50px 20px;display:grid}.folder-empty svg{width:35px}.folder-empty b{color:var(--ink)}.folder-empty span{max-width:440px;font-size:12px;line-height:1.5}.compression-message{color:var(--green);background:#e1eee8;border-radius:9px;padding:11px;font-size:11px}@media (width<=720px){.employee-document-grid{grid-template-columns:1fr}.staff-record-actions{min-width:135px}.folder-toolbar{justify-content:stretch}.folder-toolbar button{width:100%}}.logo{color:#0000;background:#fff;border:1px solid #dce7e5;border-radius:14px;place-items:center;width:54px;height:54px;font-size:0;display:grid;overflow:hidden;box-shadow:0 4px 14px #102e2614}.logo img{object-fit:contain;width:100%;height:100%;display:block}.white .logo{color:#0000;background:#fff}.permission-layout{grid-template-columns:minmax(260px,.7fr) minmax(520px,1.6fr);gap:16px;margin-bottom:16px;display:grid}.permission-users{align-content:start;gap:7px;display:grid}.permission-users>.eyebrow{margin-bottom:8px}.permission-user{border:1px solid var(--line);background:#fafbf9;border-radius:10px;align-items:center;display:flex;overflow:hidden}.permission-user.selected{background:#e5f0eb;border-color:#4f8d7a}.permission-user-select{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;min-width:0;padding:11px;display:flex}.delete-user-button{color:#9b4242;cursor:pointer;background:#fff4f4;border:0;border-left:1px solid #ead0d0;align-self:stretch;padding:0 10px;font-size:9px;font-weight:800}.delete-user-button:disabled{opacity:.5}.permission-users b,.permission-users small{display:block}.permission-users b{color:var(--ink);font-size:12px}.permission-users small{color:var(--muted);margin-top:3px;font-size:10px}.permission-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:15px;margin-bottom:16px;padding-bottom:15px;display:flex}.permission-heading h3{margin:5px 0 2px}.permission-heading p{color:var(--muted);margin:0;font-size:11px}.preset-actions{gap:7px;display:flex}.preset-actions button{color:var(--green);cursor:pointer;background:#eff8f4;border:1px solid #b7d5c8;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:700}.permission-groups{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.permission-groups fieldset{border:1px solid var(--line);border-radius:11px;padding:12px}.permission-groups legend{color:var(--ink);padding:0 6px;font-size:11px;font-weight:800}.permission-check{align-items:center;gap:8px;padding:7px 2px;display:flex}.permission-check input{width:16px;height:16px}.permission-check span{font-size:11px}.permission-save{justify-content:flex-end;margin-top:15px;display:flex}.admin-lock{background:#e1eee8;border-radius:12px;align-items:center;gap:12px;padding:18px;display:flex}.admin-lock svg{width:28px}.admin-lock b,.admin-lock span{display:block}.admin-lock span{color:var(--muted);margin-top:4px;font-size:11px}.department-panel{grid-template-columns:1fr 1fr;align-items:center;gap:18px;display:grid}.department-panel p{color:var(--muted);font-size:11px}.department-panel form{gap:8px;display:flex}.department-list{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;gap:7px;padding-top:13px;display:flex}.department-list span{color:var(--green);background:#e5f0eb;border-radius:99px;padding:7px 11px;font-size:10px;font-weight:700}.status.admin,.status.full_access{color:#286c55;background:#d9eee5}@media (width<=900px){.permission-layout,.department-panel{grid-template-columns:1fr}}@media (width<=720px){.permission-groups{grid-template-columns:1fr}.permission-heading,.department-panel form{display:grid}}.add-user-modal{width:min(520px,100%)}.add-user-modal header p{color:var(--muted);margin:-12px 0 18px;font-size:11px}.safe-notice{color:#285f4f;background:#e5f0eb;border-color:#bfd8cd}.login-links{justify-content:space-between;gap:16px;display:flex}.login-links .link:last-child{text-align:right}.payroll-filter{grid-template-columns:repeat(2,minmax(170px,1fr)) auto}.reports-filter{grid-template-columns:repeat(5,minmax(140px,1fr))}.report-buttons button{justify-content:center;align-items:center;gap:6px;display:flex}.report-buttons svg{width:15px;height:15px}.payroll-modal{width:min(760px,100%)}.payroll-modal header p{color:var(--muted);margin:-12px 0 18px;font-size:11px}.payroll-fields{gap:16px;display:grid}.salary-profile{border:1px solid var(--line);border-radius:12px;gap:13px;padding:14px;display:grid}.salary-profile legend{color:var(--ink);padding:0 7px;font-size:11px;font-weight:800}.report-preview{max-height:60vh}.status.draft{color:#666;background:#eee}.status.paid{color:#287257;background:#daeee5}.status.approved{color:#345c8c;background:#e2eaf8}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-width:320px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}.work{max-width:1800px}.tablewrap,.daily-grid{scrollbar-width:thin;scrollbar-color:#aec3ba transparent;-webkit-overflow-scrolling:touch}.tablewrap th{z-index:2;position:sticky;top:0}.tablewrap th:first-child,.tablewrap td:first-child{z-index:1;background:#fff;position:sticky;left:0}.tablewrap th:first-child{z-index:3;background:#faf9f5}.tablewrap:after,.daily-grid:after{content:"Swipe sideways to see all columns";color:var(--muted);text-align:center;border-top:1px solid var(--line);background:#faf9f5;padding:10px 14px;font-size:11px;display:none}@media (width>=721px) and (width<=1180px){.side{width:220px}.work{margin-left:220px;padding-inline:28px}.side{padding-inline:14px}.side nav button{padding-inline:11px}.toolbar{gap:14px}.toolbar>div:last-child{flex-wrap:wrap;justify-content:flex-end}.permission-layout{grid-template-columns:minmax(230px,.7fr) minmax(460px,1.6fr)}}@media (width<=720px){body{background:#f7f6f1;font-size:16px;overflow-x:hidden}.menu-open{height:100dvh;overflow:hidden}.side{width:min(88vw,340px);height:100dvh;padding:18px 14px max(16px,env(safe-area-inset-bottom));z-index:32;overflow:hidden;box-shadow:18px 0 45px #071a1555}.side .brand{flex:none;padding-right:48px}.side .brand b{font-size:16px}.module-menu-label{color:#7fa096;letter-spacing:.14em;text-transform:uppercase;flex:none;margin:24px 12px 8px;font-size:11px;font-weight:800;display:block}.side nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff35 transparent;flex:1;align-content:start;margin-top:0;padding:0 2px 12px;overflow-y:auto}.side nav button{border-radius:11px;min-height:50px;padding:12px;font-size:15px}.side nav svg{flex:none;width:21px;height:21px}.side .user{background:#0f332b;border:1px solid #ffffff14;border-radius:13px;flex:none;margin-top:0;padding:12px}.side .user b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.side .user span{font-size:11px}.side .user>button{background:#ffffff0d;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.x{background:#ffffff0d;border-radius:11px;place-items:center;width:44px;height:44px;display:grid;top:13px;right:9px}.side-backdrop{z-index:31;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#071a1580;border:0;display:block;position:fixed;inset:0}.work{padding:18px 14px max(38px,env(safe-area-inset-bottom));width:100%;min-width:0}.work>header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f6f1ef;border-bottom:1px solid #e9e6dd;align-items:center;margin:-18px -14px 18px;padding:12px 14px;position:sticky;top:0}.hamb{border:1px solid var(--line);background:#fff;border-radius:11px;flex:none;place-items:center;width:44px;height:44px;display:grid}.hamb svg{width:22px}.work h1{overflow-wrap:anywhere;font-size:25px;line-height:1.08}.work>header .eyebrow{font-size:9px}.work>header>div{min-width:0}.hero{border-radius:15px;padding:22px 18px}.hero h2{font-size:27px;line-height:1.12}.hero p{margin-bottom:0;font-size:14px;line-height:1.5}.stats{gap:10px;margin:12px 0}.stat{min-height:112px;padding:16px}.stat strong{font-size:31px}.stat i{width:36px;height:36px;top:12px;right:12px}.panel,.quick{border-radius:13px;padding:16px}.two{gap:12px}.activity{gap:10px}.activity>div{min-width:0}.activity b{overflow-wrap:anywhere}.toolbar{gap:12px;margin-bottom:13px;display:grid}.toolbar>div:last-child{gap:8px;width:100%;display:grid}.toolbar .search{width:100%;display:block}.toolbar .primary{width:100%;min-height:46px}.toolbar h2{font-size:25px}.tablewrap{border-radius:12px;margin-inline:0}.tablewrap table{min-width:760px}.tablewrap:after,.daily-grid:after{display:block}.tablewrap th,.tablewrap td{padding:13px 12px}.tablewrap td{font-size:13px}.tablewrap td b{font-size:14px}.filter-panel,.leave-filters,.document-filters,.compliance-filters{gap:12px;padding:14px;display:grid;grid-template-columns:1fr!important}.filter-panel>*,.range-buttons,.report-buttons{grid-column:1!important}.range-buttons,.report-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.range-buttons button,.report-buttons button{white-space:normal;min-height:44px}.filter-panel label{font-size:13px}.summary-strip,.compliance-summary,.leave-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary-strip>div{padding:12px}.summary-strip b{font-size:24px}.daily-admin{border-radius:13px;padding:14px}.daily-grid{width:100%}.daily-row{min-width:900px}.daily-save{flex-direction:column;align-items:stretch}.daily-save .primary{width:100%;min-height:46px}.daily-save span{text-align:center}.modal{border-radius:16px;max-height:calc(100dvh - 20px);padding:18px}.back{align-items:end;padding:10px}.modal>header{z-index:3;background:#fbfaf7;padding-top:4px;position:sticky;top:-18px}.modal>header h2{font-size:25px}.modal>header button{width:44px;height:44px}.modal footer{background:#fbfaf7;grid-template-columns:1fr 1fr;padding:12px 0 2px;display:grid;position:sticky;bottom:-18px}.modal footer>button{min-height:46px}input,select,textarea{min-height:46px;font-size:16px}label{font-size:13px}.check-label input,.permission-check input{min-height:auto}.loginform{place-items:start center;padding:24px 20px}.box{padding-top:5vh}.box h2{margin:36px 0 8px;font-size:34px}.box>p{font-size:15px;line-height:1.5}.brand .logo{width:50px;height:50px}.login-links{gap:0;display:grid}.login-links .link,.login-links .link:last-child{text-align:left;min-height:44px;padding:13px 0}.permission-layout{grid-template-columns:1fr;min-width:0;display:grid}.permission-heading{gap:10px}.preset-actions{grid-template-columns:1fr 1fr;display:grid}.preset-actions button{min-height:42px}.permission-user-select{padding:13px}.delete-user-button{min-width:50px}.permission-save .primary{width:100%}.department-panel{gap:10px}.department-panel form{display:grid}.department-panel form .primary{min-height:46px}.renewal-panel{padding:14px}.renewal-list button{min-height:52px}.employee-folder-modal{max-height:calc(100dvh - 20px)}.employee-document-grid article{padding:12px}.actions{flex-wrap:wrap}.actions button,.replace-button,.view-folder-button,.edit-button{min-height:40px}.hr-card{grid-template-columns:46px minmax(0,1fr) 18px}.hr-card span{min-width:0}.hr-card b,.hr-card small{overflow-wrap:anywhere}.toast{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));text-align:center;justify-content:center}}@media (width<=420px){.stats{grid-template-columns:1fr}.stat{min-height:92px}.hero h2{font-size:25px}.summary-strip,.compliance-summary,.leave-summary,.range-buttons,.report-buttons,.modal footer{grid-template-columns:1fr}.employee-document-grid article{grid-template-columns:38px 1fr}.document-icon{width:38px;height:38px}.preset-actions{grid-template-columns:1fr}.logo{width:48px;height:48px}}@media (hover:hover) and (pointer:fine){button{transition:transform .15s,box-shadow .15s,background-color .15s}button:active{transform:translateY(1px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.hr-intro{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.hr-intro h2{margin:4px 0;font-size:40px}.hr-intro p{color:var(--muted);margin:0}.hr-intro>div:last-child{background:#e8f7f1;border:1px solid #c9eadd;border-radius:16px;gap:3px;min-width:260px;padding:14px 18px;display:grid}.hr-intro span{color:var(--muted);font-size:13px}.hr-sections{gap:26px;display:grid}.hr-card-section>h3{color:#61756e;letter-spacing:.08em;text-transform:uppercase;margin:0 0 11px;font-size:13px}.hr-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.hr-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe5e1;border-radius:14px;grid-template-columns:52px 1fr 18px;align-items:center;gap:13px;min-height:98px;padding:16px;display:grid;box-shadow:0 4px 12px #123b2f08}.hr-card i{color:#087a5b;background:#e7f5f0;border-radius:12px;place-items:center;width:52px;height:52px;display:grid}.hr-card i svg{width:25px}.hr-card span{gap:5px;min-width:0;display:grid}.hr-card b{text-transform:uppercase;color:#092d24;font-size:14px}.hr-card small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.hr-card>svg{color:#8fa19b;width:18px}.hr-attendance,.hr-leave{background:#fffaf0;border-color:#f2dfaa}.hr-shifts,.hr-draft,.hr-commission{background:#f5f5ff;border-color:#dfe0fb}.hr-adjustments{background:#fbf3ff;border-color:#edd8f3}.hr-payroll,.hr-payslip,.hr-hold-salary,.hr-release-salary,.hr-payroll-done{background:#f1fbf7;border-color:#c9ecdf}.hr-employees,.hr-add-employee,.hr-modify-employee,.hr-passport,.hr-requests,.hr-reports,.hr-hold-report,.hr-leave-adjustment{background:#f3f9ff;border-color:#d4e6f8}.hr-separation{background:#fff5f5;border-color:#f5d8dc}.hr-gratuity,.hr-settings{background:#f4fbef;border-color:#d7eac8}.legal-note{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:14px;align-items:flex-start;gap:12px;margin-top:18px;padding:16px 18px;font-size:13px;line-height:1.5;display:flex}.legal-note svg{color:#087a5b;flex:none}.legal-note b{color:#163c32}.hr-tool-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.hr-tool-head h2{margin:4px 0 0}.hr-tool-head>button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px}.hr-settings-form h3{border-top:1px solid var(--line);margin:25px 0 12px;padding-top:18px}.hr-settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.hr-settings-form>.primary{margin-top:22px}.hr-inline-form{grid-template-columns:repeat(5,minmax(140px,1fr)) auto;align-items:end;gap:12px;margin-bottom:15px;display:grid}.hr-inline-form .primary{min-height:46px}.hr-list{margin-top:15px}.separation-form{max-width:900px}.separation-form>.primary{margin-top:18px}.back-to-hr{color:var(--green);cursor:pointer;background:#fff;border:1px solid #bfd5cc;border-radius:10px;align-items:center;gap:7px;margin:-10px 0 20px;padding:10px 14px;font-weight:700;display:inline-flex}.back-to-hr svg{width:18px;height:18px}@media (width<=1450px){.hr-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1180px){.hr-card-grid,.hr-settings-grid,.hr-inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.hr-intro{align-items:stretch;display:grid}.hr-intro h2{font-size:30px}.hr-intro>div:last-child{min-width:0}.hr-card-grid{grid-template-columns:1fr}.hr-card{grid-template-columns:46px 1fr 18px;min-height:96px;padding:14px}.hr-card i{width:46px;height:46px}.hr-tool-head{align-items:flex-start;gap:12px}.hr-tool-head>button{min-height:44px}.hr-settings-grid,.hr-inline-form{grid-template-columns:1fr}.hr-settings-form{padding:14px}.legal-note{font-size:12px}.back-to-hr{justify-content:center;width:100%;min-height:46px;margin-top:-8px}}.module-banner,.myhr-card{background:linear-gradient(135deg,#fff,#eef8f4);border:1px solid #dce7e2;border-radius:18px;align-items:center;gap:18px;margin-bottom:18px;padding:24px 26px;display:flex}.module-banner>i{color:#fff;background:#0a7459;border-radius:16px;place-items:center;width:62px;height:62px;display:grid}.module-banner>i svg{width:30px;height:30px}.module-banner h2,.myhr-card h2{margin:3px 0;font-size:34px}.module-banner p,.myhr-card p{color:var(--muted);margin:0}.module-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.module-option-grid article,.module-option-grid>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:15px;align-items:center;gap:14px;padding:19px;display:flex}.module-option-grid article>span{color:#0b7058;background:#e9f7f2;border-radius:12px;place-items:center;width:48px;height:48px;font:700 22px/1 serif;display:grid}.module-option-grid article>div,.system-options button>span{gap:4px;display:grid}.module-option-grid small{color:var(--muted);line-height:1.4}.system-options button>svg:first-child{color:#087a5b;background:#e9f7f2;border-radius:11px;width:43px;height:43px;padding:10px}.system-options button>svg:last-child{color:#849892;width:18px;margin-left:auto}.myhr-card{justify-content:space-between}.myhr-stats{margin-top:0}@media (width<=720px){.module-banner{align-items:flex-start;padding:18px}.module-banner>i{flex:none;width:50px;height:50px}.module-banner h2,.myhr-card h2{font-size:27px}.module-option-grid{grid-template-columns:1fr}.module-option-grid article,.module-option-grid>button{min-height:78px}.myhr-card{align-items:flex-start;padding:18px}.myhr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.approve-unpaid-leave{cursor:pointer;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700;color:#725c0d!important;background:#fff9df!important;border:1px solid #d8c88c!important}.dashboard-leave-modal footer .approve-unpaid-leave{padding:11px 16px}.dashboard-leave-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.dashboard-leave-actions button,.reject-leave{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #cddbd5;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700}.dashboard-leave-actions button:disabled,.dashboard-leave-modal button:disabled{opacity:.55;cursor:not-allowed}.dashboard-leave-actions .view-leave{align-items:center;gap:4px;display:inline-flex}.dashboard-leave-actions .view-leave svg{width:13px;height:13px}.dashboard-leave-actions .approve-leave{color:#216048;background:#e9f5ef;border-color:#acd3c3}.dashboard-leave-actions .reject-leave,.dashboard-leave-modal .reject-leave{color:#963f3f;background:#fff2f2;border-color:#e8bebe}.dashboard-leave-modal{width:min(650px,100%)}.leave-detail-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.leave-detail-grid>div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:13px}.leave-detail-grid span,.leave-detail-grid b{display:block}.leave-detail-grid span{color:var(--muted);margin-bottom:6px;font-size:10px}.leave-detail-grid b{font-size:13px}.leave-detail-grid .leave-reason{grid-column:1/-1}.leave-detail-grid p{margin:0;font-size:12px;line-height:1.5}.dashboard-leave-modal footer .reject-leave{padding:11px 16px}@media (width<=720px){.activity{flex-direction:column;align-items:flex-start}.dashboard-leave-actions{justify-content:flex-start;width:100%}.dashboard-leave-actions button{min-height:40px}.leave-detail-grid{grid-template-columns:1fr}.leave-detail-grid .leave-reason{grid-column:1}.dashboard-leave-modal footer{grid-template-columns:1fr;display:grid}.dashboard-leave-modal footer button{width:100%}}.dashboard-hero{isolation:isolate;background:linear-gradient(120deg,#174d3f 0%,#235f52 58%,#315f66 100%);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:28px;min-height:250px;padding:26px 28px 58px;display:grid;position:relative;overflow:hidden}.dashboard-hero:before{content:"";z-index:-1;opacity:.18;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 95%);mask-image:linear-gradient(#000,#0000 95%)}.dashboard-welcome{min-width:0}.dashboard-location{color:#eef8f4;background:#ffffff0c;border:1px solid #ffffff35;border-radius:8px;align-items:center;gap:7px;width:max-content;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.dashboard-location svg{width:15px;height:15px}.dashboard-hero h2{letter-spacing:-.03em;overflow-wrap:anywhere;margin:18px 0 9px;font-family:Arial,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.08}.dashboard-role{align-items:center;gap:9px;display:flex}.dashboard-role .status{color:#fff;background:#1b805f;border:1px solid #8ed6bd}.dashboard-role>span{letter-spacing:.06em;color:#c6ddd6;text-transform:uppercase;font-size:12px}.dashboard-welcome p{color:#f3faf7;margin:14px 0 0;font-size:14px}.dashboard-live{justify-items:end;min-width:330px;display:grid}.dashboard-live-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dashboard-live-meta span{color:#edf8f4;background:#ffffff12;border:1px solid #ffffff25;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.dashboard-live-meta svg{color:#f0c86d;width:15px;height:15px}.live-clock{align-items:center;margin-top:13px;display:flex}.live-clock>span{align-items:center;display:flex}.live-clock b{text-align:center;background:#ffffff0a;border:1px solid #ffffff2b;border-radius:12px;min-width:62px;padding:11px 9px;font:700 31px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.live-clock i{color:#b6cbc5;padding:0 7px;font-size:25px;font-style:normal;font-weight:800}.dashboard-live>small{color:#9fc5ba;letter-spacing:.18em;margin:8px 13px 0 0;font-size:10px;font-weight:800}.dashboard-hero blockquote{color:#f4faf8;border-top:1px solid #ffffff1f;margin:0;padding-top:13px;font-size:13px;font-style:italic;font-weight:600;position:absolute;bottom:17px;left:28px;right:28px}@media (width<=1000px){.dashboard-hero{grid-template-columns:1fr}.dashboard-live{justify-items:start;min-width:0}.dashboard-live-meta{justify-content:flex-start}.dashboard-live>small{margin-left:13px;margin-right:0}}@media (width<=720px){.dashboard-hero{gap:20px;min-height:0;padding:20px 17px 56px}.dashboard-hero h2{font-size:28px}.dashboard-location{font-size:11px}.dashboard-live{width:100%}.dashboard-live-meta{grid-template-columns:1fr;width:100%;display:grid}.dashboard-live-meta span{min-height:42px}.live-clock{justify-content:space-between;width:100%}.live-clock b{width:68px;min-width:0;font-size:27px}.live-clock i{padding:0 4px}.dashboard-hero blockquote{white-space:nowrap;text-overflow:ellipsis;font-size:11px;left:17px;right:17px;overflow:hidden}}@media (width<=390px){.live-clock b{width:61px;font-size:24px}.dashboard-role>span{font-size:10px}}.scope-toggle{color:var(--green);cursor:pointer;background:#f1f8f5;border:1px solid #cfe0d8;border-radius:9px;align-items:center;gap:8px;margin-top:4px;padding:9px 10px;font-size:11px;font-weight:800;display:flex}.scope-toggle input{width:17px;height:17px;min-height:auto;accent-color:var(--green);margin:0}.scope-help{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.5}.finance-access-panel{border:1px solid var(--border,#d7e4de);background:#f3faf7;border-radius:16px;margin:24px 0;padding:24px}.finance-access-panel h3{margin-bottom:16px}.finance-access-panel p{margin:12px 0;font-size:14px;line-height:1.6}.finance-access-panel .primary{margin-top:8px}@media (width<=600px){.finance-access-panel{padding:16px}.finance-access-panel .primary{width:100%}}