.ops-page{gap:20px;display:grid}.ops-hero{color:#fff;background:linear-gradient(135deg,#101936,#1b2b58);border-radius:22px;justify-content:space-between;align-items:flex-end;padding:26px 30px;display:flex}.ops-hero span{letter-spacing:.16em;opacity:.65;font-size:11px}.ops-hero h2{margin:6px 0 4px;font-size:28px}.ops-hero p{color:#cbd3ea;margin:0}.ops-hero button,.ops-form>button{color:#152044;background:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-weight:700;display:flex}.ops-hero button svg,.ops-form>button svg{width:17px}.ops-tabs{background:#fff;border:1px solid #e5e9f2;border-radius:16px;grid-template-columns:repeat(9,minmax(88px,1fr));gap:8px;padding:8px;display:grid;overflow-x:auto}.ops-tabs button{color:#65708a;white-space:nowrap;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:100px;padding:10px 8px;font-size:12px;display:flex}.ops-tabs button svg{width:17px}.ops-tabs button.active{color:#14214a;background:#e9eefc;font-weight:800}.ops-layout{grid-template-columns:minmax(270px,340px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.ops-layout.single{grid-template-columns:1fr}.ops-form-card,.ops-list-card{background:#fff;border:1px solid #e5e9f2;border-radius:18px;box-shadow:0 8px 30px #1622460d}.ops-form-card{padding:22px;position:sticky;top:18px}.ops-form-card h3,.ops-list-card h3{color:#18213d;margin:0}.ops-form-card>p,.ops-list-card header p{color:#7a8398;margin:5px 0 18px;font-size:13px;line-height:1.5}.ops-list-card{min-width:0;padding:22px}.ops-list-card>header{justify-content:space-between;display:flex}.ops-form{gap:12px;display:grid}.ops-form label{color:#566077;gap:5px;font-size:12px;font-weight:700;display:grid}.ops-form input,.ops-form select,.ops-form textarea,.ops-search input,.ops-search select{box-sizing:border-box;color:#202942;width:100%;min-width:0;font:inherit;background:#fbfcfe;border:1px solid #dce1eb;border-radius:10px;padding:10px 11px}.ops-form textarea{resize:vertical}.ops-form>button{color:#fff;background:#17254e;margin-top:4px}.ops-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ops-check{align-items:center;grid-template-columns:auto 1fr!important;display:flex!important}.ops-check input{width:auto}.ops-segment{background:#f1f3f8;border-radius:10px;gap:5px;margin:0 0 16px;padding:4px;display:flex}.ops-segment button{color:#6a7387;background:0 0;border:0;border-radius:8px;flex:1;padding:8px}.ops-segment button.active{color:#17254e;background:#fff;font-weight:800;box-shadow:0 2px 8px #141e3c14}.ops-table{display:grid}.ops-table-head,.ops-table-row{grid-template-columns:95px minmax(170px,1fr) 110px 150px;align-items:center;gap:12px;display:grid}.ops-table-head{color:#8a92a5;padding:0 12px 10px;font-size:11px}.ops-table-row{color:#4c566c;border-top:1px solid #edf0f5;padding:14px 12px;font-size:13px}.ops-table-row span{min-width:0}.ops-table-row span b,.ops-table-row span small{display:block}.ops-table-row span small{color:#828a9c;margin-top:3px}.ops-table-row span em{color:#a8651a;margin-top:5px;font-size:10px;display:inline-block}.ops-table-row strong{text-align:right;color:#18213d}.ops-table-row i{color:#3a568f;font-size:11px;font-style:normal}.ops-row-actions{gap:4px;margin-top:5px;display:flex}.ops-row-actions button{background:#fff;border:1px solid #dce2ef;border-radius:6px;padding:4px 7px;font-size:10px}.ops-inbox{gap:18px;display:grid}.ops-summary-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.ops-summary-grid article{background:#fff;border:1px solid #e5e9f2;border-radius:14px;padding:15px}.ops-summary-grid span{color:#7a8398;font-size:11px;display:block}.ops-summary-grid strong{color:#17254e;margin-top:5px;font-size:24px;display:block}.ops-work-list{display:grid}.ops-work-list article{border-top:1px solid #edf0f5;grid-template-columns:100px 1fr auto;align-items:center;gap:14px;padding:15px 4px;display:grid}.ops-work-list article>span{text-align:center;color:#36518d;background:#edf2ff;border-radius:8px;padding:7px;font-size:10px}.ops-work-list article>span.urgent{color:#a5422c;background:#fff0ec}.ops-work-list b,.ops-work-list p,.ops-work-list small{margin:0;display:block}.ops-work-list p{color:#70798c;margin:4px 0;font-size:12px}.ops-work-list small{color:#9aa1b0}.ops-work-list button{color:#fff;background:#17254e;border:0;border-radius:8px;align-items:center;gap:4px;padding:8px;display:flex}.ops-work-list button svg{width:14px}.ops-card-list,.resource-grid,.profit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ops-card-list article,.resource-grid article,.profit-grid article{background:#fbfcfe;border:1px solid #e5e9f2;border-radius:14px;padding:16px}.ops-card-list header,.resource-grid header,.profit-grid header{justify-content:space-between;display:flex}.ops-card-list header span,.resource-grid header span,.profit-grid header span{color:#3d5992;font-size:10px;font-weight:800}.ops-card-list header i,.resource-grid header i,.profit-grid header i{color:#778198;font-size:11px;font-style:normal}.ops-card-list h4,.resource-grid h4,.profit-grid h4{margin:10px 0 5px}.ops-card-list p,.resource-grid p{color:#737c90;min-height:32px;margin:0;font-size:12px}.ops-card-list small{margin-top:8px;display:block}.ops-progress{background:#e5e9f2;border-radius:5px;height:6px;margin-top:13px;overflow:hidden}.ops-progress i{background:#28498a;height:100%;display:block}.ops-card-list footer{align-items:center;gap:10px;margin-top:8px;display:flex}.ops-card-list footer input{flex:1}.ops-mini-list{margin-top:15px}.ops-mini-list>div{border-top:1px solid #edf0f5;justify-content:space-between;padding:10px;font-size:12px;display:flex}.profit-grid article dl,.resource-grid dl{margin:12px 0}.profit-grid dl>div,.resource-grid dl>div{border-bottom:1px dashed #e3e6ed;justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.profit-grid dt,.resource-grid dt{color:#7d8698}.profit-grid dd,.resource-grid dd{color:#26314d;margin:0}.profit-grid .total{border:0;margin-top:5px;font-weight:800}.profit-grid .negative{color:#b13d39}.profit-grid footer{color:#68728a;font-size:11px}.lifecycle-list{gap:12px;display:grid}.lifecycle-list>article{border:1px solid #e5e9f2;border-radius:14px;padding:16px}.lifecycle-list>article>header{justify-content:space-between;display:flex}.lifecycle-list header span{color:#39568e;font-size:10px}.lifecycle-list h4{margin:4px 0}.lifecycle-list small{color:#7c8598}.lifecycle-list header i{font-size:11px;font-style:normal}.lifecycle-tasks{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.lifecycle-tasks label{background:#f6f8fb;border-radius:8px;align-items:center;gap:8px;padding:9px;font-size:12px;display:flex}.ops-split-list{grid-template-columns:1fr 1fr;gap:18px;display:grid}.ops-split-list h4{margin:0 0 8px}.ops-split-list section>div{border-top:1px solid #edf0f5;justify-content:space-between;gap:10px;padding:11px 0;display:flex}.ops-split-list b,.ops-split-list small,.ops-split-list strong,.ops-split-list i{display:block}.ops-split-list small{color:#848c9c;margin-top:3px;font-size:10px}.ops-split-list strong{text-align:right;font-size:12px}.ops-split-list i{color:#596d99;font-size:9px;font-style:normal}.ops-search{align-items:center;gap:8px;margin-bottom:14px;display:flex}.ops-search svg{color:#7c8598;width:18px}.ops-search input{flex:1}.ops-search select{max-width:150px}.ops-search button{color:#fff;background:#17254e;border:0;border-radius:9px;padding:10px 16px}.resource-grid article a{color:#294b8e;justify-content:flex-end;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.resource-grid article a svg{width:13px}.ops-security-note{color:#835f18;background:#fff6df;border-radius:10px;gap:7px;padding:10px;font-size:11px;line-height:1.4;display:flex}.ops-security-note svg{flex:none;width:16px}.ops-empty,.ops-readonly{color:#8a92a5;text-align:center;place-items:center;min-height:180px;display:grid}.ops-empty svg,.ops-readonly svg{width:32px}.ops-empty p,.ops-readonly p{margin:8px 0}.ops-readonly{background:#fff;border:1px dashed #d6dce8;border-radius:18px}.ops-readonly h3{color:#313c59;margin:8px 0 0}.ops-error{color:#a13b3b;background:#fff1f1;border:1px solid #f0c5c5;border-radius:12px;padding:12px}.spin{animation:1s linear infinite ops-spin}@keyframes ops-spin{to{transform:rotate(360deg)}}.ops-file-button{cursor:pointer;background:#fff;border:1px solid #dce2ef;border-radius:6px;padding:4px 7px;font-size:10px}.ops-file-button input{display:none}.ops-card-import{border-top:1px solid #e7eaf1;gap:5px;margin-top:18px;padding-top:16px;display:grid}.ops-card-import b{color:#26314d;font-size:12px}.ops-card-import p{color:#7b8497;margin:0 0 5px;font-size:11px}.ops-card-import label{color:#294879;cursor:pointer;background:#f7f9fd;border:1px dashed #b9c3d7;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:11px;font-weight:800;display:flex}.ops-card-import label svg{width:16px}.ops-card-import input{display:none}.ops-export-bar{justify-content:flex-end;align-items:end;gap:10px;margin-bottom:14px;display:flex}.ops-export-bar label{color:#64748b;gap:5px;font-size:12px;font-weight:700;display:grid}.ops-export-bar input{border:1px solid #dbe2ec;border-radius:9px;min-height:38px;padding:0 10px}.ops-export-bar button{color:#fff;cursor:pointer;background:#21345b;border:0;border-radius:9px;align-items:center;gap:6px;min-height:38px;padding:0 14px;font-weight:800;display:inline-flex}.ops-export-bar svg{width:16px;height:16px}@media (width<=1100px){.ops-tabs{grid-template-columns:repeat(4,1fr)}.ops-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.ops-hero{align-items:flex-start;padding:20px}.ops-hero p{max-width:230px}.ops-layout{grid-template-columns:1fr}.ops-form-card{position:static}.ops-tabs{display:flex}.ops-tabs button{flex-direction:column;min-width:88px}.ops-table-head{display:none}.ops-table-row{grid-template-columns:80px 1fr}.ops-table-row strong{text-align:left}.ops-summary-grid{grid-template-columns:repeat(2,1fr)}.ops-card-list,.resource-grid,.profit-grid,.ops-split-list,.lifecycle-tasks{grid-template-columns:1fr}.ops-work-list article{grid-template-columns:75px 1fr}.ops-work-list article>button{grid-column:2;justify-self:start}}.project-time-range{color:#26335b;text-align:center;background:#eef2ff;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:700}.project-time-entry{background:#fafbfe;border:1px solid #dfe4ef;border-radius:14px;gap:10px;padding:14px;display:grid}.project-time-entry .secondary,.project-time-form>.secondary{color:#25304f;box-shadow:none;background:#eef1f7}.ops-inline-admin{background:#f8f9fc;border:1px solid #dfe4ef;border-radius:16px;grid-template-columns:1.1fr 1fr 1fr 1fr auto;align-items:end;gap:10px;margin-bottom:18px;padding:16px;display:grid}.ops-inline-admin>strong{color:#18223f;grid-column:1/-1;font-size:15px}.ops-inline-admin label{color:#68728a;gap:6px;font-size:12px;display:grid}.ops-inline-admin input,.ops-inline-admin select{background:#fff;border:1px solid #d7dce8;border-radius:10px;min-height:40px;padding:8px 10px}.ops-inline-admin button{min-height:40px}.ops-inline-admin>small{color:#7a8499;grid-column:1/-1}.ops-rate-summary{gap:8px;margin-bottom:18px;padding-bottom:4px;display:flex;overflow-x:auto}.ops-rate-summary span{color:#606a80;background:#eef1f7;border-radius:999px;min-width:max-content;padding:8px 11px;font-size:12px}.ops-rate-summary b{color:#1c2745;margin-right:7px}.project-time-sheets{gap:14px;display:grid}.project-time-sheets>article{background:#fff;border:1px solid #e1e5ee;border-radius:16px;padding:18px}.project-time-sheets>article>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.project-time-sheets h4{margin:4px 0;font-size:18px}.project-time-sheets header span,.project-time-sheets header small{color:#758097;font-size:12px}.project-time-sheets header i{color:#34436c;background:#eef2ff;border-radius:999px;padding:6px 9px;font-size:12px;font-style:normal}.project-time-sheets footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;display:flex}.project-time-sheets footer button{border-radius:9px;padding:8px 12px}.project-time-sheets .ops-mini-list small{color:#8992a4;display:block}@media (width<=980px){.ops-inline-admin{grid-template-columns:1fr 1fr}.ops-inline-admin>strong,.ops-inline-admin>small{grid-column:1/-1}}@media (width<=620px){.ops-inline-admin{grid-template-columns:1fr}.ops-inline-admin>strong,.ops-inline-admin>small{grid-column:auto}.project-time-sheets footer{flex-direction:column;align-items:flex-end}}.payroll-contract-fields{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.payroll-contract-fields>button,.payroll-import-panel>button{justify-self:end}.contract-input-grid select{color:#1b2948;background:#fff;border:1px solid #d5ddeb;border-radius:8px;min-width:0;padding:10px}.payroll-contract-form .payroll-input-help,.payroll-input-help{color:#56627a;margin:0;font-size:12px;line-height:1.6}.payroll-contract-summary{background:#fff;border:1px solid #d7deeb;border-radius:9px;padding:14px}.payroll-contract-summary>b{font-size:13px}.payroll-contract-summary dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.payroll-contract-summary dt{color:#66738b;font-size:11px}.payroll-contract-summary dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:13px}.payroll-confirmation{color:#30425e;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;display:flex}.payroll-confirmation input{flex:none;width:16px;height:16px;margin:4px 0 0}.payroll-contract-form .payroll-save-result,.payroll-save-result{color:#255f46;background:#edf6f1;border-radius:9px;padding:12px;font-size:12px;line-height:1.6}.payroll-contract-form .payroll-form-error,.payroll-form-error{color:#a02d2d;font-size:12px;line-height:1.6}.payroll-warnings{color:#7c5714;margin:6px 0;padding-left:18px;font-size:12px;line-height:1.6}.payroll-import-panel{gap:14px;display:grid}.payroll-import-panel h2{margin:4px 0;font-size:17px}.payroll-import-panel .employee-toolbar p{color:#68738c;margin:6px 0 0;font-size:12px;line-height:1.6}.payroll-import-summary{overflow-wrap:anywhere;flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.payroll-import-summary span{color:#68738c}.payroll-import-table-wrap{border:1px solid #dce2ed;border-radius:10px;width:100%;overflow-x:auto}.payroll-import-table{border-collapse:collapse;width:100%;min-width:1000px;font-size:12px}.payroll-import-table caption{text-align:left;padding:10px;font-weight:600}.payroll-import-table th,.payroll-import-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e3e7ef;padding:11px;line-height:1.6}.payroll-import-table th{color:#50617c;background:#f2f5fa}.payroll-import-table small{color:#68738c;font-size:11px;display:block}.payroll-import-table .has-error{background:#fff5f3}.payroll-import-table ul{min-width:190px;padding-left:16px}.payroll-review-status{color:#52637f;flex-wrap:wrap;gap:9px 20px;font-size:12px;display:flex}.payroll-existing-review{background:#fff9ea;border:1px solid #e7d8ae;border-radius:9px;gap:10px;padding:14px;display:grid}.payroll-existing-review button{justify-self:start}@media (width<=700px){.payroll-contract-summary dl{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-import-panel .employee-toolbar{flex-direction:column;align-items:stretch}.payroll-import-panel>button{width:100%}}.tax-agent-panel,.tax-agent-result{gap:16px;min-width:0;display:grid}.tax-agent-panel h2{margin:4px 0;font-size:18px}.tax-agent-panel h3{margin:0 0 8px;font-size:15px}.tax-agent-panel h4{margin:0 0 10px;font-size:13px}.tax-agent-panel p,.tax-agent-help{color:#55647e;margin:5px 0;font-size:12px;line-height:1.6}.tax-agent-controls{border:1px solid #dbe2ed;border-radius:11px;gap:13px;min-width:0;padding:15px;display:grid}.tax-agent-controls legend{color:#334965;padding:0 7px;font-size:12px;font-weight:700}.tax-agent-controls>button{justify-self:start}.tax-agent-source-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tax-agent-source-controls label,.tax-agent-month,.tax-agent-meal{color:#52637f;gap:6px;font-size:12px;display:grid}.tax-agent-panel select,.tax-agent-panel input:not([type=checkbox]){background:#fff;border:1px solid #d5ddeb;border-radius:8px;width:100%;min-width:0;padding:9px}.tax-agent-check{color:#304663;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;display:flex}.tax-agent-check input{flex:none;width:16px;height:16px;margin:3px 0 0}.tax-agent-check small,.tax-agent-meal small{color:#6a758b;margin-top:3px;font-size:11px;line-height:1.6;display:block}.tax-agent-applied-options{color:#435575;background:#f1f5fa;border-radius:9px;flex-wrap:wrap;gap:8px 16px;padding:12px;font-size:12px;display:flex}.tax-agent-applied-options b{flex-basis:100%}.tax-agent-totals{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.tax-agent-totals>div{background:#f8fafd;border:1px solid #dfe5ef;border-radius:10px;gap:6px;padding:13px;display:grid}.tax-agent-totals>div>span{color:#65748e;font-size:11px}.tax-agent-totals b{overflow-wrap:anywhere;font-size:14px}.tax-agent-totals small{color:#6b7890;font-size:10px;line-height:1.5}.tax-agent-table-wrap{border:1px solid #dce2ed;border-radius:10px;overflow-x:auto}.tax-agent-table{border-collapse:collapse;width:100%;min-width:1050px;font-size:12px}.tax-agent-table caption{text-align:left;padding:11px;font-weight:700}.tax-agent-table th,.tax-agent-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e3e8ef;padding:11px;line-height:1.6}.tax-agent-table th{color:#50617c;background:#f2f5fa}.tax-agent-table small{color:#70809a;font-size:10px;display:block}.tax-agent-detail{border:1px solid #d8e1ef;border-radius:11px;gap:14px;padding:16px;display:grid}.tax-agent-detail-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.tax-agent-money-list{margin:0}.tax-agent-money-list div{border-bottom:1px solid #e7ecf4;justify-content:space-between;gap:12px;padding:8px 0;font-size:12px;display:flex}.tax-agent-money-list dd{text-align:right;margin:0}.tax-agent-money-list dt{color:#596a83}.tax-agent-source-detail summary{cursor:pointer;color:#3e577c;font-size:12px;font-weight:700}.tax-agent-source-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.tax-agent-source-grid dt{color:#687891;font-size:11px}.tax-agent-source-grid dd{margin:4px 0 0;font-size:12px;line-height:1.6}.tax-agent-download{justify-content:space-between;align-items:center;gap:15px;display:flex}.tax-agent-download button{flex-shrink:0}.tax-agent-notice{background:#edf4fc;border-radius:9px;padding:12px}.monthly-payroll-toolbar{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.monthly-payroll-toolbar label{gap:5px;font-size:12px;display:grid}.monthly-payroll-summary td:not(:first-child){white-space:nowrap}.monthly-payroll-summary th[scope=row]{background:#fff}.monthly-payroll-snapshots>details>summary{cursor:pointer;color:#3e577c;margin:8px 0 16px;font-size:13px;font-weight:700}@media (width<=1050px){.tax-agent-totals,.tax-agent-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.tax-agent-source-controls,.tax-agent-detail-columns,.tax-agent-source-grid{grid-template-columns:1fr}.tax-agent-panel .employee-toolbar,.tax-agent-download{flex-direction:column;align-items:stretch}.tax-agent-controls{padding:12px}.tax-agent-totals{grid-template-columns:1fr}.tax-agent-detail{padding:12px}}.monthly-payroll-summary td{text-align:right;font-variant-numeric:tabular-nums}.payslip-page:has(.monthly-payroll-snapshots){width:100%;max-width:1480px}.monthly-payroll-summary thead th:not(:first-child){text-align:right}.attendance-session-card .attendance-session-note,.attendance-session-card .attendance-session-warning{max-width:440px;margin:10px 0;font-size:11px;line-height:1.65;display:block}.attendance-session-card .attendance-session-warning{color:#fff0c9}.attendance-session-card .attendance-session-refresh{color:inherit;opacity:.9;align-items:center;gap:5px;padding:5px 0;font-size:11px;display:inline-flex}.attendance-session-refresh svg{width:13px;height:13px}.approval-recovery-panel{gap:14px;min-width:0;display:grid}.approval-recovery-panel h2{margin:4px 0;font-size:17px}.approval-recovery-panel h3{font-size:14px}.approval-recovery-panel p{color:#576780;margin:5px 0;font-size:12px;line-height:1.6}.approval-recovery-table-wrap{border:1px solid #dce3ed;border-radius:9px;overflow-x:auto}.approval-recovery-table{border-collapse:collapse;width:100%;min-width:850px;font-size:12px}.approval-recovery-table caption{text-align:left;padding:10px;font-weight:700}.approval-recovery-table th,.approval-recovery-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8ef;padding:11px;line-height:1.6}.approval-recovery-table th{background:#f3f6fa}.approval-recovery-table small{color:#6a7890;display:block}.approval-recovery-table td>input{width:16px;height:16px}.approval-recovery-table details p{overflow-wrap:anywhere;max-width:260px}.approval-recovery-controls{border:1px solid #dbe3ee;border-radius:10px;gap:12px;padding:14px;display:grid}.approval-recovery-controls legend{padding:0 6px;font-size:12px;font-weight:700}.approval-recovery-controls label{color:#526680;gap:5px;font-size:12px;display:grid}.approval-recovery-panel textarea,.approval-recovery-panel select,.approval-recovery-controls input{background:#fff;border:1px solid #d4deeb;border-radius:7px;min-width:0;padding:9px}.approval-recovery-controls .inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.approval-recovery-controls .inline-actions span{color:#64748c;font-size:11px}.approval-recovery-results{background:#f3f6fa;border-radius:9px;padding:12px}.approval-recovery-results p{gap:3px;display:grid}.approval-recovery-panel .field-error a{color:inherit;margin-top:8px;text-decoration:underline;display:block}.approval-recovery-selection{flex-wrap:wrap;gap:8px;display:flex}.leave-cancel-admin{min-width:0;max-width:100%}.leave-cancel-toolbar{justify-content:space-between;align-items:flex-start;gap:18px;min-width:0;margin-bottom:18px;display:flex}.leave-cancel-toolbar>div{min-width:0;max-width:100%}.leave-cancel-toolbar h2{margin:3px 0 6px;font-size:17px}.leave-cancel-toolbar p{color:#67738c;margin:0;font-size:12px;line-height:1.6}.leave-cancel-toolbar button{flex-shrink:0}.leave-cancel-controls{align-items:flex-end;gap:10px;display:flex}.leave-cancel-controls label{color:#67738c;gap:6px;font-size:11px;display:grid}.leave-cancel-controls input{color:#24304c;background:#fff;border:1px solid #dce1ed;border-radius:9px;min-height:38px;padding:6px 10px}.leave-cancel-actions{align-items:center;gap:10px;display:flex}.leave-cancel-row{grid-template-columns:40px minmax(0,1fr) auto}.leave-cancel-row small{margin-top:5px;font-size:11px;display:block}.leave-cancel-state{color:#68529b}.leave-cancel-feedback{color:#285f49;overflow-wrap:anywhere;background:#f0faf5;border:1px solid #c8e5d9;border-radius:10px;padding:12px 15px;font-size:12px;line-height:1.6}.leave-cancel-table{width:100%;min-width:0;max-width:100%;overflow-x:auto}.leave-cancel-table table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.leave-cancel-table th,.leave-cancel-table td{vertical-align:middle;border-bottom:1px solid #edf0f6;padding:13px 10px}.leave-cancel-table thead th{color:#67738c;white-space:nowrap;font-size:11px;font-weight:500}.leave-cancel-table small{color:#67738c;margin-top:6px;font-size:10px;font-weight:400;display:block}.leave-cancel-table .secondary-button{white-space:nowrap}.leave-cancel-summary{background:#f7f4ff;border:1px solid #e2dcf1;border-radius:12px;gap:7px;padding:17px;display:grid}.leave-cancel-summary b{color:#342c57;font-size:16px}.leave-cancel-summary span{color:#665b7e;font-size:13px}.leave-cancel-notice,.leave-cancel-warning{font-size:12px;line-height:1.7}.leave-cancel-notice{color:#67738c;margin:0}.leave-cancel-warning{color:#895818;background:#fff7e9;border-radius:8px;padding:10px}.leave-cancel-reason-count{color:#7d8597;font-size:11px}.leave-cancel-modal .primary-button.danger{color:#fff;background:#9b414c;border-color:#9b414c}.leave-cancel-modal button:disabled{opacity:.5;cursor:not-allowed}@media (width<=700px){.leave-cancel-toolbar{flex-direction:column;gap:12px}.leave-cancel-controls{flex-wrap:wrap;width:100%}.leave-cancel-row{grid-template-columns:35px minmax(0,1fr)}.leave-cancel-actions{flex-wrap:wrap;grid-column:2;justify-content:flex-end}.leave-cancel-table table{min-width:570px}}:root{color:#1c2438;font-synthesis:none;--green:#111c45;--green-2:#20356f;--lime:#a9c7ff;--line:#e1e5ee;--muted:#747c8e;background:#f3f5f9;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}svg{stroke-width:1.8px;width:20px;height:20px}.app-shell{min-height:100vh}.sidebar{z-index:30;color:#eaf2ee;background:var(--green);flex-direction:column;width:244px;padding:30px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.3px;align-items:center;gap:11px;padding:0 10px;font:600 18px DM Sans;display:flex}.brand b{color:#bce2cc}.brand-mark{width:34px;height:34px;color:var(--green);background:var(--lime);border-radius:10px;place-items:center;font-weight:800;display:grid}.sidebar-brand{width:100%;height:42px;position:relative;overflow:hidden}.sidebar-brand img{mix-blend-mode:screen;width:250px;max-width:none;height:auto;position:absolute;transform:translate(-20px,-35px)}.sidebar nav{gap:8px;margin-top:48px;display:grid}.sidebar nav button,.bottom-nav button{background:0 0;border:0}.sidebar nav button{color:#a9bbb5;text-align:left;border-radius:10px;align-items:center;gap:13px;padding:12px 14px;display:flex}.sidebar nav button span{display:flex;position:relative}.sidebar nav button svg{width:19px}.sidebar nav button em{font-size:14px;font-style:normal;font-weight:500}.sidebar nav button.active{color:#fff;background:#ffffff17}.sidebar nav i,.bottom-nav i{color:#fff;text-align:center;background:#eb675c;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font:700 10px/16px DM Sans;position:absolute;top:-7px;right:-9px}.sidebar-profile{border-top:1px solid #ffffff1f;grid-template-columns:36px 1fr 30px;align-items:center;gap:10px;margin-top:auto;padding:15px 10px 0;display:grid}.avatar{width:36px;height:36px;color:var(--green);background:#e9f3ee;border-radius:50%;place-items:center;font-weight:700;display:grid}.sidebar-profile strong,.sidebar-profile span{display:block}.sidebar-profile strong{font-size:13px}.sidebar-profile span{color:#91aaa2;margin-top:2px;font:11px DM Sans}.sidebar-profile button{color:#91aaa2;background:0 0;border:0;padding:5px}.sidebar-profile button svg{width:17px}.main{min-height:100vh;margin-left:244px}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:16px;height:104px;padding:23px 38px 19px;display:flex}.topbar>div{flex:1}.eyebrow{color:#81918b;letter-spacing:1.6px;font:700 10px DM Sans}.topbar h1{letter-spacing:-.8px;margin:4px 0 0;font-size:23px}.icon-button{border:1px solid var(--line);color:#52605b;background:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.refresh.spinning svg{animation:1s linear infinite spin}.content{max-width:1280px;margin:auto;padding:30px 38px 80px}.topbar .topbar-actions{flex:none;gap:8px;display:flex}.notification-button{position:relative}.notification-button>i{color:#fff;background:#b44b42;border:2px solid #fff;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 4px;font:700 8px DM Sans;display:grid;position:absolute;top:-5px;right:-5px}.notification-scrim{z-index:39;background:0 0;border:0;position:fixed;inset:0}.notification-panel{z-index:40;border:1px solid var(--line);background:#fff;border-radius:16px;width:min(390px,100vw - 30px);max-height:min(570px,100vh - 105px);position:fixed;top:82px;right:35px;overflow:hidden;box-shadow:0 18px 55px #142e252e}.notification-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 18px 13px;display:flex}.notification-panel h2{margin:2px 0 0;font-size:17px}.notification-panel .icon-button{width:34px;height:34px}.notification-list{max-height:490px;overflow-y:auto}.notification-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0ed;grid-template-columns:34px 1fr 7px;gap:10px;width:100%;padding:13px 16px;display:grid}.notification-mark{color:#2f7157;background:#e4f2e9;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.notification-mark svg{width:15px}.notification-list b,.notification-list p,.notification-list small{margin:0;display:block}.notification-list b{font-size:10px}.notification-list p{color:#68766f;margin:4px 0;font-size:9px;line-height:1.5}.notification-list small{color:#99a19d;font-size:8px}.notification-list>button>i{background:#3c8566;border-radius:50%;align-self:center;width:6px;height:6px}.error-banner{color:#9a3932;background:#fff2f0;border:1px solid #ffd9d5;border-radius:10px;align-items:center;gap:10px;margin:18px 38px 0;padding:12px 15px;font-size:13px;display:flex}.error-banner span{flex:1}.error-banner button{color:inherit;background:0 0;border:0}.error-banner svg{width:17px}.card,.panel{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 4px 18px #12372f09}.hero-grid{grid-template-columns:1.75fr 1fr;gap:18px;display:grid}.clock-card{background:linear-gradient(145deg,#fff 55%,#f0f6f1);justify-content:space-between;align-items:center;min-height:205px;padding:30px 32px;display:flex}.card-kicker{color:var(--muted);font-size:12px;display:block}.clock-card strong{letter-spacing:-1.8px;color:#1b2824;margin:9px 0 8px;font:700 42px DM Sans;display:block}.clock-card p{color:#7b8782;align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.clock-card p i{background:#b0b9b5;border-radius:50%;width:7px;height:7px}.clock-card p i.online{background:#46a673;box-shadow:0 0 0 4px #e1f4e8}.clock-card>button{color:#fff;background:var(--green);border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:108px;height:108px;display:flex;box-shadow:0 9px 24px #12372f38}.clock-card>button.clock-out{background:#a94c43}.clock-card>button svg{width:25px;height:25px}.clock-card>button span{font-size:12px;font-weight:600}.clock-card>div{flex:1;min-width:0}.home-work-progress{border-top:1px solid #e8ebf2;max-width:390px;margin-top:18px;padding-top:14px}.home-work-progress>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.home-work-progress span{color:#7e899d;font-size:9px}.home-work-progress b{color:#24345f;font-size:11px}.home-work-track{background:#e6eaf2;border-radius:5px;height:7px;margin-top:7px;position:relative}.home-work-track>i{background:#31569d;border-radius:5px;transition:width .35s;position:absolute;inset:0 auto 0 0}.home-work-track>em{z-index:2;background:#9ba6ba;width:1px;height:13px;position:absolute;top:-3px}.home-standard-line{left:76.92%}.home-warning-line{left:96.15%;background:#d89b37!important}.home-limit-line{right:0;background:#b64e48!important}.home-work-labels{height:13px;margin-top:4px;position:relative}.home-work-labels span{font-size:7px;position:absolute;transform:translate(-50%)}.home-work-labels span:first-child{left:0;transform:none}.home-work-labels span:nth-child(2){left:76.92%}.home-work-labels span:nth-child(3){left:96.15%;transform:translate(-100%)}.home-work-labels span:last-child{right:0;transform:none}.home-work-progress.warning .home-work-track>i{background:#d4932f}.home-work-progress.danger .home-work-track>i{background:#b64e48}.dark-card{color:#eef6f2;background:var(--green);border:0}.leave-summary{padding:27px 28px;position:relative;overflow:hidden}.leave-summary:after{content:"";border:36px solid #d9f99d12;border-radius:50%;width:150px;height:150px;position:absolute;top:-71px;right:-78px}.leave-summary .card-kicker{color:#9db7ae}.leave-summary strong{margin:8px 0 0;font:700 38px DM Sans;display:block}.leave-summary>span:not(.card-kicker){color:#9db7ae;font-size:11px}.progress{background:#ffffff1f;border-radius:3px;height:5px;margin:21px 0 16px}.progress i{background:var(--lime);border-radius:3px;height:100%;display:block}.leave-summary button{color:#d7e6e0;background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:12px;display:flex}.leave-summary button svg{width:14px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.stat{text-align:left;border:1px solid var(--line);align-items:center;gap:14px;min-width:0;padding:18px;display:flex;position:relative}.stat:disabled{opacity:1}.stat-icon{border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.stat-icon.green{color:#287356;background:#e7f5ec}.stat-icon.amber{color:#9d6817;background:#fff2d9}.stat-icon.blue{color:#3b6c99;background:#e7f1fa}.stat span:nth-child(2){min-width:0}.stat small,.stat b,.stat em{display:block}.stat small{color:var(--muted);font-size:10px}.stat b{margin-top:2px;font-size:18px}.stat em{color:#9aa39f;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;overflow:hidden}.stat-arrow{color:#a8b1ad;width:15px;position:absolute;right:14px}.section-grid{grid-template-columns:1.45fr 1fr;gap:18px;margin-top:22px;display:grid}.panel{padding:23px 25px}.section-head{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-head h2{letter-spacing:-.4px;margin:0;font-size:15px}.section-head button{color:#8a9691;background:0 0;border:0;align-items:center;font-size:10px;display:flex}.section-head button svg{width:13px}.request-list{display:grid}.request-row{border-top:1px solid #edf0ed;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:13px 0;display:grid}.request-row:first-child{border-top:0}.request-icon{color:#3c8468;background:#edf7f1;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.request-icon svg{width:17px}.request-row b{font-size:12px}.request-row p{color:#8b9591;margin:2px 0 0;font-size:10px}.status{color:#90681e;white-space:nowrap;background:#fff2d8;border-radius:10px;padding:5px 9px;font-size:9px;font-weight:600}.status.approved{color:#2e7456;background:#e8f5ed}.status.rejected{color:#9b4540;background:#fde9e7}.status.cancelled{color:#6f7774;background:#edf0ee}.ai-news-panel{margin-top:18px}.meal-menu-panel{margin-top:18px;overflow:hidden}.meal-menu-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:15px;display:flex}.meal-menu-heading h2{color:#172451;align-items:center;gap:7px;margin:4px 0 3px;font-size:17px;display:flex}.meal-menu-heading h2 svg{color:#31569d;width:18px}.meal-menu-heading p{color:#7c879e;margin:0;font-size:10px}.meal-menu-heading>a{color:#31569d;align-items:center;gap:5px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.meal-menu-heading>a svg{width:12px}.meal-menu-image{background:#f4f6fa;border:1px solid #e1e6f0;border-radius:13px;display:block;overflow:hidden}.meal-menu-image img{object-fit:contain;background:#fff;width:100%;max-height:650px;display:block}.meal-menu-empty{color:#8893aa;background:#fafbfe;border:1px dashed #d6deed;border-radius:13px;align-content:center;place-items:center;gap:8px;min-height:180px;display:grid}.meal-menu-empty svg{width:28px}.meal-menu-empty p{margin:0;font-size:11px}.meal-menu-source{color:#9aa3b5;margin-top:9px;font-size:8px;display:block}.home-leave-calendar{margin-top:18px;overflow:hidden}.home-leave-calendar-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.home-leave-calendar-head h2{color:#172451;align-items:center;gap:7px;margin:4px 0 3px;font-size:17px;display:flex}.home-leave-calendar-head h2 svg{color:#31569d;width:18px}.home-leave-calendar-head p{color:#7c879e;margin:0;font-size:10px}.home-leave-calendar-head>div:last-child{align-items:center;gap:8px;display:flex}.home-leave-calendar-head input{border:1px solid var(--line);color:#25365e;background:#fff;border-radius:9px;min-height:37px;padding:0 10px}.home-leave-weekdays,.home-leave-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.home-leave-weekdays b{color:#8992a6;text-align:center;padding:7px 3px;font-size:9px}.home-leave-grid{border-top:1px solid #e4e8f0;border-left:1px solid #e4e8f0}.home-leave-day{background:#fff;border-bottom:1px solid #e4e8f0;border-right:1px solid #e4e8f0;min-height:85px;padding:6px;overflow:hidden}.home-leave-day:nth-child(7n),.home-leave-day:nth-child(7n-1),.home-leave-day.blank{background:#fafbfe}.home-leave-day time{color:#5f6a82;margin-bottom:4px;font:600 10px DM Sans;display:block}.home-leave-day span{color:#294475;background:#eaf0fd;border-left:2px solid #5878bd;border-radius:4px;gap:1px;margin-top:3px;padding:4px 5px;display:grid;overflow:hidden}.home-leave-day span b,.home-leave-day span em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-leave-day span b{font-size:9px}.home-leave-day span em{color:#68799e;font-size:8px;font-style:normal}.ai-news-description{color:#8b94a7;margin:-7px 0 16px;font-size:10px}.ai-news-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.ai-news-card{min-width:0;min-height:170px;color:inherit;background:#fafbfe;border:1px solid #e3e7ef;border-radius:13px;flex-direction:column;padding:15px;text-decoration:none;transition:all .18s;display:flex}.ai-news-card:hover{border-color:#bfcbe3;transform:translateY(-2px);box-shadow:0 7px 20px #18275214}.ai-news-card>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.ai-news-card>div span{color:#48649d;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex;overflow:hidden}.ai-news-card>div svg{width:12px}.ai-news-card time{color:#9ba3b2;flex:none;font-size:8px}.ai-news-card h3{color:#202b47;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0 7px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.ai-news-card p{color:#7b8495;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:9px;line-height:1.5;display:-webkit-box;overflow:hidden}.ai-news-card>b{color:#31569d;align-items:center;gap:4px;margin-top:auto;padding-top:12px;font-size:9px;display:flex}.ai-news-card>b svg{width:11px}.ai-news-empty{color:#8290aa;background:#fafbfe;border:1px dashed #d9deea;border-radius:13px;justify-content:center;align-items:center;gap:12px;min-height:120px;display:flex}.ai-news-empty>svg{width:22px}.ai-news-empty b,.ai-news-empty p{margin:0;display:block}.ai-news-empty b{color:#4a5875;font-size:11px}.ai-news-empty p{margin-top:3px;font-size:9px}.announcement-section-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.announcement-section-head .section-head{flex:1}.announcement-section-head>.secondary-button{min-height:32px;padding:0 10px;font-size:9px}.notice{border-top:1px solid #e9ede9;grid-template-columns:36px 1fr;gap:12px;padding:15px 0;display:grid}.notice:first-of-type{border:0}.notice>span{color:#94681d;background:#fff0cf;border-radius:10px;place-items:center;width:34px;height:34px;font:700 13px DM Sans;display:grid}.notice>span.mint{color:#277254;background:#e2f4e9}.notice b{font-size:11px}.notice p{color:#89938f;margin:3px 0 0;font-size:10px;line-height:1.5}.announcement-notice{color:inherit;text-decoration:none}.announcement-notice:hover b{color:#31569d}.announcement-popup-backdrop{z-index:75;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080f22ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.announcement-popup{background:#fff;border-radius:20px;width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);position:relative;overflow:auto;box-shadow:0 30px 90px #00000061}.announcement-popup>a{color:inherit;text-decoration:none;display:block}.announcement-popup img{aspect-ratio:4/5;object-fit:cover;background:#eef1f6;width:100%;display:block}.announcement-popup>a>div{padding:20px 22px 23px}.announcement-popup span{color:#31569d;letter-spacing:1.5px;font:700 9px DM Sans}.announcement-popup h2{color:#172451;margin:5px 0 7px;font-size:20px}.announcement-popup p{color:#69758d;white-space:pre-wrap;margin:0;font-size:11px;line-height:1.6}.announcement-popup a b{color:#31569d;align-items:center;gap:4px;margin-top:15px;font-size:10px;display:flex}.announcement-popup a b svg{width:13px}.announcement-popup-close{z-index:2;color:#fff;background:#080f229e;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.announcement-popup-close svg{width:18px}.announcement-manage-modal{width:min(680px,100%)}.announcement-manage-modal label>small{color:#8b94a7;font-size:9px;font-weight:400}.announcement-admin-list{border-top:1px solid var(--line);gap:7px;padding-top:13px;display:grid}.announcement-admin-list h3{margin:0 0 3px;font-size:12px}.announcement-admin-list>div{background:#f6f8fb;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.announcement-admin-list span{min-width:0}.announcement-admin-list b,.announcement-admin-list small{display:block}.announcement-admin-list b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.announcement-admin-list small{color:#8992a6;margin-top:2px;font-size:8px}.announcement-admin-list button{flex:none;min-height:30px;padding:0 10px;font-size:9px}.single-column{gap:20px;max-width:960px;display:grid}.single-column>.clock-card{min-height:190px}.timeline-item{border-top:1px solid #edf0ed;align-items:center;gap:14px;padding:15px 5px;display:flex}.timeline-item:first-child{border:0}.timeline-dot{background:#2c7658;border:3px solid #9bd6b8;border-radius:50%;width:10px;height:10px}.timeline-item div{flex:1}.timeline-item b{font-size:12px}.timeline-item p{color:#8b9591;margin:2px 0 0;font-size:10px}.attendance-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.attendance-actions button{border:1px solid var(--line);color:#355348;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-size:11px;font-weight:600;display:flex}.attendance-actions button svg{color:#2d7658;width:17px}.attendance-history{gap:15px;display:grid}.attendance-history-head{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.attendance-history-head h2{color:#1d2946;margin:4px 0 3px;font-size:17px}.attendance-history-head p{color:#7e899e;margin:0;font-size:9px}.attendance-history-head>div:last-child{align-items:center;gap:7px;display:flex}.attendance-history-head input{color:#23345d;background:#fff;border:1px solid #d7deeb;border-radius:8px;min-height:36px;padding:0 9px}.attendance-history-head button svg{width:13px}.attendance-history-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.attendance-history-summary>div{background:#fafbfe;border:1px solid #e0e5ef;border-radius:10px;padding:12px 13px}.attendance-history-summary span,.attendance-history-summary b{display:block}.attendance-history-summary span{color:#7a869d;font-size:8px}.attendance-history-summary b{color:#1f315b;margin-top:4px;font-size:13px}.attendance-history-summary .warning{background:#fff8e9;border-color:#efd8b0}.attendance-history-summary .warning b{color:#916116}.baseline-credit-note{color:#506780;background:#edf4fa;border-radius:9px;align-items:flex-start;gap:7px;margin:10px 0;padding:10px 12px;font-size:10px;line-height:1.6;display:flex}.baseline-credit-note>svg{flex-shrink:0;width:15px;height:15px;margin-top:1px}.baseline-credit-note b{color:#274d6d}.report-employee-card>.baseline-credit-note,.closing-employee-card>.baseline-credit-note{margin:10px 12px}.attendance-history-list{gap:7px;display:grid}.attendance-history-list>article{background:#fff;border:1px solid #e0e5ef;border-radius:11px;overflow:hidden}.attendance-history-list>article.selected{border-color:#9eb3df;box-shadow:0 0 0 2px #496db514}.attendance-history-list>article.attention{border-left:3px solid #d7a33b}.attendance-history-list>article>button{color:#25334f;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(138px,1.35fr) repeat(3,minmax(76px,1fr)) auto 18px;align-items:center;gap:9px;width:100%;min-height:62px;padding:10px 12px;display:grid}.attendance-history-list>article>button:hover{background:#f7f9fd}.attendance-history-list>article>button>span b,.attendance-history-list>article>button>span small{display:block}.attendance-history-list>article>button>span small{color:#8a95aa;font-size:7px}.attendance-history-list>article>button>span b{margin-top:2px;font-size:9px}.attendance-history-date>b{margin:0!important;font-size:10px!important}.attendance-history-list>article>button>svg{color:#8995ab;width:15px;transition:transform .18s}.attendance-history-list>article.selected>button>svg{transform:rotate(90deg)}.attendance-history-detail{background:#f8fafe;border-top:1px solid #e6eaf1;gap:12px;padding:14px;display:grid}.attendance-detail-metrics{background:#fff;border:1px solid #e0e5ef;border-radius:9px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.attendance-detail-metrics>div{border-right:1px solid #e7eaf1;padding:10px 11px}.attendance-detail-metrics>div:last-child{border-right:0}.attendance-detail-metrics span,.attendance-detail-metrics b{display:block}.attendance-detail-metrics span{color:#8390a7;font-size:7px}.attendance-detail-metrics b{color:#24365f;margin-top:3px;font-size:9px}.attendance-history-detail h3{color:#273653;margin:0;font-size:10px}.attendance-detail-events{gap:6px;display:grid}.attendance-detail-events>div{background:#fff;border:1px solid #e4e8f0;border-radius:8px;grid-template-columns:12px minmax(60px,1fr) auto auto;align-items:center;gap:8px;padding:9px 10px;display:grid}.attendance-detail-events b{font-size:9px}.attendance-detail-events time,.attendance-detail-events small{color:#78849a;font-size:8px}.attendance-detail-empty{color:#758098;background:#fff;border-radius:8px;margin:0;padding:12px;font-size:9px;line-height:1.55}.attendance-history-detail>.secondary-button{justify-self:end}.correction-row small{color:#65716c;text-overflow:ellipsis;white-space:nowrap;max-width:580px;margin-top:4px;font-size:10px;display:block;overflow:hidden}.hr-page{max-width:1100px}.hr-summary{color:#fff;background:linear-gradient(115deg,#12372f,#23604f);border-radius:17px;justify-content:space-between;align-items:center;min-height:145px;padding:26px 31px;display:flex;box-shadow:0 9px 28px #12372f26}.hr-summary span{color:#b2c9c0;font-size:11px}.hr-summary strong{margin:2px 0;font:700 38px DM Sans;display:block}.hr-summary p{color:#9eb8ae;margin:0;font-size:10px}.hr-summary button{color:var(--green);background:var(--lime);border:0;border-radius:11px;align-items:center;gap:8px;padding:12px 17px;font-size:12px;font-weight:700;display:flex}.hr-readiness-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.hr-readiness-grid>div{border:1px solid var(--line);background:#fff;border-radius:13px;padding:16px 17px}.hr-readiness-grid span,.hr-readiness-grid b,.hr-readiness-grid small{display:block}.hr-readiness-grid span{color:#78847f;font-size:9px}.hr-readiness-grid b{color:#25332d;margin:5px 0 2px;font:700 20px DM Sans}.hr-readiness-grid small{color:#99a29e;font-size:8px}.hr-readiness-grid .ready{background:#f2faf5;border-color:#cfe5d7}.hr-readiness-grid .ready b{color:#2d6a52}.hr-readiness-grid .warning{background:#fffaf0;border-color:#ecd9b2}.hr-readiness-grid .warning b{color:#996715}.hr-readiness-panel{gap:12px;display:grid}.readiness-badge{border-radius:9px;padding:6px 9px;font-size:9px;font-weight:700}.readiness-badge.ready{color:#2d6a52;background:#e8f5ed}.readiness-badge.warning{color:#936315;background:#fff1d4}.readiness-list{gap:8px;display:grid}.readiness-list article{border:1px solid #e6e9e7;border-radius:11px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 12px;display:grid}.readiness-list article>span{color:#9a6817;background:#fff2d9;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.readiness-list b,.readiness-list small{display:block}.readiness-list b{font-size:11px}.readiness-list small{color:#8a9590;margin-top:3px;font-size:9px}.readiness-list button{min-height:36px;padding:0 12px;font-size:10px}.readiness-list button svg{width:14px}.readiness-complete{color:#32644f;background:#edf8f1;border-radius:10px;align-items:center;gap:9px;padding:13px;font-size:10px;display:flex}.readiness-complete svg{width:17px}.employee-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:8px;display:flex}.employee-toolbar .section-head{margin:0}.search-box{border:1px solid var(--line);background:#fafbfa;border-radius:9px;align-items:center;gap:8px;width:min(280px,100%);padding:0 11px;display:flex}.search-box svg{color:#89948f;flex:none;width:16px}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:9px 0;font-size:11px}.employee-table{margin-top:14px}.employee-table-head,.employee-table-row{grid-template-columns:2fr 1fr .85fr .7fr;align-items:center;gap:18px;display:grid}.employee-table-head{color:#87918d;background:#f6f8f6;border-radius:8px;padding:9px 12px;font-size:9px;font-weight:700}.employee-table-row{border-bottom:1px solid #edf0ed;min-height:64px;padding:10px 12px;font-size:11px}.employee-name{align-items:center;gap:10px;min-width:0;display:flex}.employee-name>span{color:#2e7456;background:#e8f5ed;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.employee-name b,.employee-name small{display:block}.employee-name b{font-size:12px}.employee-name small{color:#89938f;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.employee-status{color:#7a641c;white-space:nowrap;background:#fff3d9;border-radius:9px;padding:5px 8px;font-size:9px;font-style:normal;font-weight:600;display:inline-block}.employee-status.active{color:#2e7456;background:#e8f5ed}.employee-status.resigned{color:#6f7774;background:#edf0ee}.employee-manage{justify-content:space-between;align-items:center;gap:7px;display:flex}.employee-manage button{border:1px solid var(--line);color:#476057;background:#fff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.employee-manage button svg{width:15px;height:15px}.leave-banner{color:#fff;background:linear-gradient(115deg,#12372f,#23604f);border-radius:17px;justify-content:space-between;align-items:center;min-height:170px;padding:30px 34px;display:flex;box-shadow:0 9px 28px #12372f26}.leave-banner span{color:#b2c9c0;font-size:11px}.leave-banner strong{margin:4px 0 1px;font:700 40px DM Sans;display:block}.leave-banner p{color:#9eb8ae;margin:0;font-size:10px}.leave-banner button{color:var(--green);background:var(--lime);border:0;border-radius:11px;align-items:center;gap:8px;padding:12px 17px;font-size:12px;font-weight:700;display:flex}.approval-list{gap:10px;display:grid}.approval-row{border:1px solid var(--line);border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;padding:15px;display:grid}.doc-icon{color:#326e57;background:#e8f4ec;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.approval-copy span,.approval-copy b,.approval-copy small{display:block}.approval-copy span{color:#8a9591;font-size:9px}.approval-copy b{margin:2px 0;font:600 12px DM Sans}.approval-copy small{color:#8a9591;font-size:9px}.approval-actions{gap:7px;display:flex}.approval-actions button{color:#fff;background:var(--green);border:0;border-radius:8px;padding:8px 13px;font-size:10px;font-weight:600}.approval-actions button.reject{color:#7c554f;background:#f8eae8}.approval-toolbar{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.approval-tabs{background:#f2f5f2;border-radius:11px;gap:5px;padding:4px;display:flex}.approval-tabs button{color:#7b8782;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:11px;font-weight:600;display:flex}.approval-tabs button b{background:#e4e9e5;border-radius:8px;min-width:18px;padding:2px 5px;font-size:9px}.approval-tabs button.active{color:#fff;background:var(--green);box-shadow:0 3px 9px #12372f29}.approval-toolbar{flex-wrap:wrap;gap:10px}.approval-load-note{color:#63738b;margin:8px 0;font-size:12px;line-height:1.5}.policy-explain{overflow:hidden}.policy-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.policy-head h2{margin:4px 0 0;font-size:17px}.policy-name{background:#eef6f1;border-radius:11px;align-items:flex-start;gap:11px;padding:14px;display:flex}.policy-name>svg{color:#2f7358;flex:none;width:18px}.policy-name b,.policy-name p{margin:0;display:block}.policy-name b{font-size:12px}.policy-name p{color:#6f7d77;margin-top:4px;font-size:9px}.policy-rule-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px;display:grid}.policy-rule-grid>div{border:1px solid var(--line);border-radius:10px;min-width:0;padding:12px 13px}.policy-rule-grid span,.policy-rule-grid b{display:block}.policy-rule-grid span{color:#84908b;font-size:9px}.policy-rule-grid b{overflow-wrap:anywhere;margin-top:3px;font-size:11px}.calculation-flow{align-items:center;gap:6px;margin-top:14px;padding-bottom:3px;display:flex;overflow-x:auto}.calculation-flow span{color:#52625b;flex:none;align-items:center;gap:5px;font-size:9px;display:flex}.calculation-flow span:not(:last-child):after{content:"›";color:#a5afaa;margin-left:1px;font-size:15px}.calculation-flow i{color:#2d6c53;background:#e3f2e8;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;font-style:normal;font-weight:700;display:grid}.policy-foot{color:#8c9792;margin:13px 0 0;font-size:9px}.empty{color:#abb4b0;text-align:center;place-items:center;gap:8px;min-height:130px;display:grid}.empty svg{width:25px;height:25px}.empty p{margin:0;font-size:11px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1f1a85;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:hidden}.modal{background:#fff;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;width:min(480px,100%);max-height:calc(100dvh - 40px);display:grid;overflow:hidden;box-shadow:0 25px 70px #00000040}.modal>header{flex:none;justify-content:space-between;align-items:center;padding:23px 25px 16px;display:flex}.modal h2{margin:2px 0 0;font-size:20px}.modal-body{overscroll-behavior:contain;scrollbar-gutter:stable;gap:15px;min-width:0;min-height:0;padding:8px 25px 24px;display:grid;overflow:hidden auto}.modal label,.login-card label{color:#55625d;gap:6px;font-size:11px;font-weight:600;display:grid}.modal input,.modal textarea,.modal select,.login-card textarea{color:#24312c;background:#fff;border:1px solid #dce2de;border-radius:9px;outline:none;width:100%;min-width:0;padding:11px 12px}.modal input:focus,.modal textarea:focus,.login-card textarea:focus{border-color:#6c9f8b;box-shadow:0 0 0 3px #eaf4ef}.preview-box{background:#eff6f1;border-radius:12px;justify-content:space-between;align-items:center;padding:15px;display:flex}.preview-box div{gap:2px;display:grid}.preview-box span{color:#738079;font-size:9px}.preview-box b{font-size:15px}.preview-box svg{color:#9aa7a1;width:16px}.modal>footer{border-top:1px solid var(--line);background:#fafbfa;flex:none;justify-content:flex-end;gap:9px;padding:16px 25px;display:flex}.primary-button,.secondary-button{border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:12px;font-weight:600;display:flex}.primary-button{color:#fff;background:var(--green);border:0}.secondary-button{border:1px solid var(--line);color:#54615c;background:#fff}.field-error{color:#9d413a;background:#fcebea;border-radius:8px;padding:9px 11px;font-size:10px}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-note{color:#587064;background:#eef6f1;border-radius:9px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:10px;line-height:1.5;display:flex}.form-note svg{flex:none;width:15px;height:15px}.weekly-capacity{background:#f5faf7;border:1px solid #d8e7dd;border-radius:12px;padding:14px}.weekly-capacity>div:first-child{grid-template-columns:1fr auto;align-items:end;display:grid}.weekly-capacity span,.weekly-capacity b,.weekly-capacity small{display:block}.weekly-capacity span{color:#718078;font-size:9px}.weekly-capacity b{color:#23523f;font:700 17px DM Sans}.weekly-capacity small{color:#96a09b;grid-column:1/-1;margin-top:2px;font-size:8px}.capacity-track{background:#e5ebe7;border-radius:6px;height:9px;margin-top:12px;position:relative}.capacity-track>i{background:#4b9272;border-radius:6px;position:absolute;inset:0 auto 0 0}.capacity-track .warning-line{z-index:2;background:#dd9b35;width:2px;height:17px;position:absolute;top:-4px;left:96.15%}.capacity-track .limit-line{z-index:2;background:#b44b42;width:2px;height:17px;position:absolute;top:-4px;right:0}.capacity-labels{justify-content:space-between;margin-top:5px;display:flex}.capacity-labels span{font-size:7px}.weekly-capacity.special{background:#fffaf0;border-color:#efd6a8}.weekly-capacity.exceeded{background:#fff6f5;border-color:#efcac6}.overtime-decision{color:#436052;background:#eef6f1;border-radius:10px;align-items:flex-start;gap:9px;padding:12px;display:flex}.overtime-decision svg{flex:none;width:17px}.overtime-decision b,.overtime-decision p{margin:0;display:block}.overtime-decision b{font-size:10px}.overtime-decision p{margin-top:3px;font-size:9px;line-height:1.45}.overtime-decision.warn{color:#805912;background:#fff3d9}.overtime-decision.danger{color:#98463f;background:#fde9e7}.overtime-special-warning{color:#765313;background:#fff8e9;border:1px solid #ecd39f;border-radius:10px;align-items:flex-start;gap:9px;padding:12px;display:flex}.overtime-special-warning svg{flex:none;width:17px}.overtime-special-warning b,.overtime-special-warning p{margin:0}.overtime-special-warning b{font-size:10px}.overtime-special-warning p{margin-top:4px;font-size:9px;line-height:1.5}.document-meta{grid-template-columns:1fr 1fr;gap:10px;display:grid}.document-meta>div{border:1px solid var(--line);border-radius:10px;padding:13px}.document-meta span,.document-meta b,.document-meta small{display:block}.document-meta span,.reason-box span{color:#87928d;font-size:9px}.document-meta b{margin:4px 0 2px;font-size:13px}.document-meta small{color:#87928d;font-size:9px}.correction-comparison{background:#eef6f1;border-radius:11px;grid-template-columns:1fr 1fr;gap:10px;padding:15px;display:grid}.correction-comparison div{gap:3px;display:grid}.correction-comparison span{color:#6d7b75;font-size:9px}.correction-comparison b{font:700 18px DM Sans}.reason-box{background:#f7f9f7;border-left:3px solid #87b49d;border-radius:4px 9px 9px 4px;padding:13px 14px}.reason-box p{color:#42524b;margin:5px 0 0;font-size:11px;line-height:1.55}.employee-create-modal{width:min(560px,100%)}.manage-modal{width:min(720px,100%)}.manage-modal .modal-body{align-content:start}.employee-context{background:#f4f7f4;border-radius:11px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;display:grid}.employee-context>span{color:#2e7456;background:#e2f2e8;border-radius:10px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.employee-context b,.employee-context small{display:block}.employee-context b{font-size:13px}.employee-context small{color:#84908b;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.employee-context i{color:#2e7456;white-space:nowrap;background:#e2f2e8;border-radius:9px;padding:5px 8px;font-size:9px;font-style:normal}.action-section{border-top:1px solid var(--line);gap:11px;min-width:0;padding-top:15px;display:grid}.action-section h3{margin:0;font-size:12px}.action-section p{color:#7b8782;margin:0;font-size:10px}.action-section>button{justify-self:end}.inline-actions{justify-content:flex-end;gap:8px;display:flex}.payslip-page{gap:16px;max-width:980px;display:grid}.payslip-hero{color:#fff;background:radial-gradient(circle at 88% 18%,#d9f99d2b,#0000 32%),linear-gradient(120deg,#12372f,#245f4f);border-radius:18px;justify-content:space-between;align-items:center;min-height:145px;padding:27px 31px;display:flex;box-shadow:0 9px 28px #12372f21}.payslip-hero h2{margin:6px 0 5px;font-size:22px}.payslip-hero p{color:#b7cbc3;margin:0;font-size:11px}.payslip-hero>svg{width:52px;height:52px;color:var(--lime);opacity:.92}.payslip-upload{gap:15px;display:grid}.preliminary-export{background:linear-gradient(120deg,#f7fbf8,#edf7f1);border-color:#d4e8dc;justify-content:space-between;align-items:center;gap:24px;display:flex}.preliminary-export h2{margin:5px 0 7px;font-size:20px}.preliminary-export p{max-width:700px;color:var(--muted);margin:0;line-height:1.55}.preliminary-export .secondary-button{flex:none;min-width:190px}.payslip-month{color:#63706b;align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex}.payslip-month input{border:1px solid var(--line);border-radius:9px;min-height:40px;padding:0 11px}.payslip-upload-grid{grid-template-columns:1fr 1.25fr auto;align-items:end;gap:12px;display:grid}.payslip-upload-grid label{color:#58665f;gap:6px;font-size:10px;font-weight:600;display:grid}.payslip-upload-grid select,.payslip-upload-grid input{border:1px solid var(--line);background:#fafbfa;border-radius:9px;width:100%;min-height:42px;padding:0 11px}.payslip-upload-grid input[type=file]{padding:8px 10px;font-size:10px}.published-count{color:#2e7456;background:#e9f5ed;border-radius:10px;padding:6px 10px;font-size:10px;font-weight:700}.payslip-list{gap:9px;margin-top:13px;display:grid}.payslip-row{border:1px solid var(--line);border-radius:12px;grid-template-columns:46px 1fr auto auto;align-items:center;gap:13px;padding:14px;display:grid}.payslip-file{color:#2e7456;background:#e8f4ec;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.payslip-file svg{width:21px}.payslip-row b,.payslip-row p,.payslip-row small{margin:0;display:block}.payslip-row b{font-size:12px}.payslip-row p{color:#718078;margin:3px 0 2px;font-size:9px}.payslip-row small{color:#98a19d;font-size:8px}.payslip-row>.secondary-button{min-height:36px;padding:0 13px;font-size:10px}.payslip-row>.secondary-button svg{width:14px}.report-page{gap:16px;max-width:1180px;display:grid}.report-toolbar{align-items:flex-end;gap:12px;padding:20px 24px;display:flex}.report-toolbar>div{flex:1}.report-toolbar h2{margin:4px 0 2px;font-size:18px}.report-toolbar p{color:#7f8a85;margin:0;font-size:10px}.report-toolbar label{color:#63706b;gap:5px;font-size:10px;font-weight:600;display:grid}.report-toolbar input,.report-toolbar select{border:1px solid var(--line);color:#293730;background:#fafbfa;border-radius:9px;min-width:128px;min-height:42px;padding:0 11px}.report-kpis{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.report-kpis>div{border:1px solid var(--line);background:#fff;border-radius:13px;padding:16px 17px}.report-kpis span,.report-kpis b,.report-kpis small{display:block}.report-kpis span{color:#7d8984;font-size:9px}.report-kpis b{color:#1e3d33;margin:5px 0 2px;font:700 19px DM Sans}.report-kpis small{color:#9aa39f;font-size:9px}.report-kpis .warn{background:#fffaf0;border-color:#efd8b0}.report-kpis .warn b{color:#9b6814}.report-panel{min-width:0}.report-summary-table{margin-top:12px}.report-summary-head,.report-summary-row{grid-template-columns:minmax(150px,1.2fr) minmax(110px,1fr) repeat(4,minmax(85px,.75fr));align-items:center;gap:10px;display:grid}.report-summary-head{color:#87918d;background:#f6f8f6;border-radius:8px;padding:9px 12px;font-size:9px;font-weight:700}.report-summary-row{color:#4e5d56;border-bottom:1px solid #edf0ed;min-height:54px;padding:9px 12px;font-size:10px}.report-summary-row b,.report-summary-row small{display:block}.report-summary-row b{color:#26352f;font-size:11px}.report-summary-row small{color:#919b97;margin-top:2px;font-size:9px}.report-detail-wrap{margin-top:12px;overflow:auto}.report-detail{border-collapse:collapse;width:100%;min-width:850px;font-size:10px}.report-detail th{color:#7e8a85;text-align:right;white-space:nowrap;background:#f6f8f6;padding:10px 11px}.report-detail th:first-child,.report-detail th:nth-child(2),.report-detail th:nth-child(3){text-align:left}.report-detail td{text-align:right;white-space:nowrap;border-bottom:1px solid #edf0ed;padding:10px 11px}.report-detail td:first-child,.report-detail td:nth-child(2),.report-detail td:nth-child(3){text-align:left}.report-detail td b,.report-detail td small{display:block}.report-detail td small{color:#929c98;font-size:8px}.report-operation-note{color:#35526c;background:#f3f8fc;border:1px solid #cfdfeb;border-radius:12px;align-items:center;gap:11px;padding:13px 16px;font-size:10px;display:flex}.report-operation-note.pending{color:#7c5b17;background:#fff9e9;border-color:#ecd8a7}.report-operation-note svg{flex:none;width:17px}.report-operation-note span,.report-operation-note b{display:block}.report-operation-note b{margin-bottom:2px;font-size:11px}.report-employee-panel{padding:22px}.report-employee-panel .employee-toolbar h2{margin:4px 0 3px;font-size:18px}.report-employee-panel .employee-toolbar p{color:#7b8782;margin:0;font-size:9px}.report-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;margin-top:16px;display:grid}.report-employee-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.report-employee-card.needs-attention{border-color:#ead9c1}.report-employee-card.ready{border-color:#d5e8dd}.report-employee-card>header{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:16px 16px 12px;display:grid}.report-employee-card>header b,.report-employee-card>header span{display:block}.report-employee-card>header b{font-size:12px}.report-employee-card>header span{color:#7d8984;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.report-employee-metrics{background:#fafbfb;border-top:1px solid #eef1ef;border-bottom:1px solid #eef1ef;grid-template-columns:repeat(3,1fr);display:grid}.report-employee-metrics>div{border-bottom:1px solid #eef1ef;border-right:1px solid #eef1ef;min-width:0;padding:11px 9px}.report-employee-metrics>div:nth-child(3n){border-right:0}.report-employee-metrics>div:nth-last-child(-n+3){border-bottom:0}.report-employee-metrics span,.report-employee-metrics b{display:block}.report-employee-metrics span{color:#8a9590;font-size:8px}.report-employee-metrics b{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.report-employee-detail{background:#f8faf9;border-top:1px solid #eef1ef;padding:14px 16px 16px}.report-day-list{scrollbar-gutter:stable;gap:6px;max-height:350px;padding-right:4px;display:grid;overflow-y:auto}.report-day-row{background:#fff;border:1px solid #e4e9e6;border-radius:9px;grid-template-columns:minmax(130px,1.3fr) repeat(4,minmax(70px,1fr));align-items:center;gap:8px;padding:9px 10px;display:grid}.report-day-row>div{align-items:center;gap:7px;display:flex}.report-day-row>div>b{font-size:9px}.report-day-row>span small,.report-day-row>span b{display:block}.report-day-row>span small{color:#89938f;font-size:7px}.report-day-row>span b{margin-top:2px;font-size:8px}.closing-page{gap:18px;max-width:1120px;display:grid}.closing-toolbar{align-items:center;gap:18px;padding:20px 24px;display:flex}.closing-toolbar>div{flex:1}.closing-toolbar h2,.accrual-panel h2{margin:4px 0 0;font-size:18px}.closing-toolbar label{color:#63706b;align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.closing-toolbar input,.accrual-controls input{border:1px solid var(--line);color:#293730;background:#fafbfa;border-radius:9px;outline:none;min-height:42px;padding:0 12px}.closing-toolbar input:focus,.accrual-controls input:focus{border-color:#6c9f8b;box-shadow:0 0 0 3px #eaf4ef}.closing-stats{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.closing-stat{border:1px solid var(--line);background:#fff;border-radius:14px;padding:17px 18px;box-shadow:0 4px 18px #12372f06}.closing-stat span,.closing-stat b,.closing-stat small{display:block}.closing-stat span{color:#74817c;font-size:10px}.closing-stat b{margin-top:4px;font:700 25px DM Sans}.closing-stat small{color:#9aa39f;font-size:9px}.closing-stat.green{background:#f2faf5;border-color:#d6eadc}.closing-stat.green b{color:#2e7456}.closing-stat.blue{background:#f3f8fc;border-color:#d9e8f4}.closing-stat.blue b{color:#3b6c99}.closing-stat.amber{background:#fffaf0;border-color:#f1e2c1}.closing-stat.amber b{color:#986817}.closing-stat.red{background:#fff7f6;border-color:#f0d7d3}.closing-stat.red b{color:#a14c43}.exception-table{margin-top:12px}.exception-head,.exception-row{grid-template-columns:28px minmax(180px,1fr) 130px 90px;align-items:center;gap:12px;display:grid}.closing-employees{padding:22px}.closing-employees .employee-toolbar h2{margin:4px 0 3px;font-size:18px}.closing-employees .employee-toolbar p{color:#7b8782;margin:0;font-size:9px}.closing-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;margin-top:16px;display:grid}.closing-employee-card{border:1px solid var(--line);background:#fff;border-radius:15px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.closing-employee-card.needs-attention{border-color:#ead9c1}.closing-employee-card.ready{border-color:#d5e8dd}.closing-employee-card>header{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:16px 16px 12px;display:grid}.closing-employee-avatar{color:#fff;background:linear-gradient(135deg,#172959,#31569d);border-radius:12px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:grid}.closing-employee-card>header b,.closing-employee-card>header span{display:block}.closing-employee-card>header b{font-size:12px}.closing-employee-card>header span{color:#7d8984;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.closing-progress{padding:0 16px 13px}.closing-progress>div{color:#71807a;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:8px;display:flex}.closing-progress>div b{color:#33443d}.closing-progress>em{background:#edf0ef;border-radius:999px;height:6px;display:block;overflow:hidden}.closing-progress>em i{border-radius:inherit;background:#31569d;height:100%;display:block}.closing-employee-metrics{background:#fafbfb;border-top:1px solid #eef1ef;border-bottom:1px solid #eef1ef;grid-template-columns:repeat(4,1fr);display:grid}.closing-employee-metrics>div{border-right:1px solid #eef1ef;min-width:0;padding:11px 9px}.closing-employee-metrics>div:last-child{border-right:0}.closing-employee-metrics span,.closing-employee-metrics b{display:block}.closing-employee-metrics span{color:#8a9590;font-size:8px}.closing-employee-metrics b{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.closing-detail-toggle{color:#34453e;cursor:pointer;background:#fff;border:0;justify-content:space-between;align-items:center;width:100%;min-height:43px;padding:0 16px;display:flex}.closing-detail-toggle span,.closing-detail-toggle b{align-items:center;gap:6px;font-size:9px;display:flex}.closing-detail-toggle svg{width:14px}.closing-detail-toggle b svg{width:12px;transition:transform .18s}.closing-detail-toggle[aria-expanded=true] b svg{transform:rotate(90deg)}.closing-employee-detail{background:#f8faf9;border-top:1px solid #eef1ef;padding:14px 16px 16px}.closing-detail-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.closing-detail-head b,.closing-detail-head span{display:block}.closing-detail-head b{font-size:10px}.closing-detail-head span{color:#83908a;margin-top:2px;font-size:8px}.text-button{color:#31569d;cursor:pointer;background:0 0;border:0;padding:5px 7px;font-size:8px;font-weight:700}.closing-day-list{scrollbar-gutter:stable;gap:6px;max-height:330px;padding-right:4px;display:grid;overflow-y:auto}.closing-day-list label{background:#fff;border:1px solid #e4e9e6;border-radius:9px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;display:grid}.closing-day-list label span b,.closing-day-list label span small{display:block}.closing-day-list label span b{font-size:9px}.closing-day-list label span small{color:#89938f;margin-top:2px;font-size:7px}.exception-head{color:#87918d;background:#f6f8f6;border-radius:8px;padding:9px 12px;font-size:9px;font-weight:700}.exception-row{cursor:pointer;border-bottom:1px solid #edf0ed;min-height:58px;padding:9px 12px}.exception-row:hover{background:#fafcfa}.exception-row input{width:15px;height:15px;accent-color:var(--green)}.exception-row b,.exception-row small{display:block}.exception-row b{font-size:11px}.exception-row small{color:#89938f;margin-top:2px;font-size:9px}.exception-row .employee-status{justify-self:start;font-style:normal}.employee-status.exception,.employee-status.correction_pending{color:#9b4540;background:#fde9e7}.accrual-panel{padding-top:21px}.accrual-controls{align-items:center;gap:8px;display:flex}.accrual-summary{color:#486157;background:#eef6f1;border-radius:10px;margin:14px 0 4px;padding:11px 13px;font-size:11px;font-weight:600}.inline-error{margin:0}.toast{z-index:80;color:#fff;background:#1b2e27;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0003}.toast svg{width:16px;color:var(--lime)}.compliance-banner{color:#6f4b0b;background:#fff8e7;border:1px solid #ead49f;border-radius:11px;align-items:center;gap:11px;margin:14px 30px 0;padding:12px 15px;display:flex}.compliance-banner>svg{color:#a36e12;flex:none;width:18px;height:18px}.compliance-banner div{gap:2px;display:grid}.compliance-banner b{font-size:11px}.compliance-banner span{color:#806632;font-size:9px;line-height:1.45}.login-page{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-copy{color:#fff;background:radial-gradient(circle at 90% 15%,#d9f99d1f,#0000 30%),linear-gradient(145deg,#0f3029,#17483c);flex-direction:column;padding:42px 56px;display:flex}.brand.light{padding:0}.login-message{margin:auto 0}.login-message h1{letter-spacing:-2.5px;margin:16px 0 20px;font-size:48px;line-height:1.25}.login-message p{color:#a7bdb5;max-width:460px;font-size:14px;line-height:1.8}.login-foot{color:#7fa095;font:10px DM Sans}.login-panel{place-items:center;padding:40px;display:grid}.login-card{width:min(390px,100%)}.login-icon{color:#286d53;background:#e5f4ea;border-radius:14px;place-items:center;width:50px;height:50px;display:grid}.login-icon svg{width:25px;height:25px}.login-card h2{margin:22px 0 8px;font-size:24px}.login-card>p{color:#7a8581;margin:0 0 24px;font-size:12px;line-height:1.65}.login-card label{margin-bottom:12px}.login-card textarea{resize:vertical;font:10px/1.6 monospace}.login-card>.primary-button{width:100%;margin-top:8px}.token-help{background:#f4f6f4;border-radius:9px;margin-top:20px;padding:12px}.token-help span{color:#7c8883;margin-bottom:6px;font-size:9px;display:block}.token-help code{color:#46534e;white-space:nowrap;font-size:9px;display:block;overflow:auto}.login-logo{width:320px;height:44px;position:relative;overflow:hidden}.bottom-nav,.mobile-only,.scrim{display:none}.login-panel,.login-card,.login-card label,.login-card textarea,.token-help{min-width:0}.login-card>p{overflow-wrap:anywhere}.token-help{overflow:hidden}.token-help code{max-width:100%}@keyframes spin{to{transform:rotate(360deg)}}.leave-adjustment-history{gap:6px;margin-top:10px;display:grid}.leave-adjustment-history div{background:#f5f7fb;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:11px;display:flex}.leave-adjustment-history b{color:#23498f;min-width:45px}.leave-adjustment-history b.negative{color:#b54747}.leave-adjustment-history span{color:#68738c}.panel-description{color:#7b8498;margin:-3px 0 14px;font-size:11px;line-height:1.55}.empty-copy{color:#8a93a4;margin:8px 0 0;font-size:11px}.leave-ledger-list{display:grid}.leave-ledger-list article{border-top:1px solid #edf0f5;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 0;display:grid}.leave-ledger-list article:first-child{border-top:0}.ledger-change{font:700 13px DM Sans}.ledger-change.positive{color:#23498f}.ledger-change.negative{color:#b54747}.leave-ledger-list b{color:#263047;font-size:12px}.leave-ledger-list p{color:#747f94;margin:3px 0;font-size:10px}.leave-ledger-list small{color:#9aa2b0;font-size:9px}.ledger-balance{color:#59657b;white-space:nowrap;font-size:10px}.holiday-settlement{background:#f8faff;border:1px solid #d9e2f4;border-radius:12px;margin-top:16px;padding:16px}.holiday-settlement h3{margin:0 0 4px;font-size:14px}.holiday-settlement p{color:#68738c;margin:0 0 12px;font-size:11px;line-height:1.5}.holiday-settlement-list{gap:8px;margin-top:10px;display:grid}.holiday-settlement-list article{background:#fff;border:1px solid #e2e7f0;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:11px;display:flex}.holiday-settlement-list article div:first-child{gap:3px;display:grid}.holiday-settlement-list small{color:#7a8499}.holiday-settlement-list .inline-actions{display:flex}.holiday-settled-action{align-items:center;gap:8px;display:flex}.holiday-settled-action .danger{min-height:32px}@media (width<=900px){.hero-grid,.section-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.login-copy{padding:36px}.login-message h1{font-size:38px}}@media (width<=700px){body{background:#f5f6f4}.sidebar{transition:all .22s;transform:translate(-100%)}.sidebar.open{transform:none}.scrim{z-index:20;background:#00000059;border:0;display:block;position:fixed;inset:0}.main{margin-left:0}.mobile-only{display:grid}.topbar{height:83px;padding:15px 18px}.topbar h1{font-size:18px}.topbar .eyebrow{display:none}.content{padding:18px 15px 94px}.error-banner,.compliance-banner{margin:12px 15px 0}.bottom-nav{z-index:25;height:69px;padding:7px 8px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav button{color:#8b9692;place-items:center;gap:1px;display:grid}.bottom-nav button span{display:flex;position:relative}.bottom-nav button svg{width:20px}.bottom-nav button em{font-size:9px;font-style:normal}.bottom-nav button.active{color:var(--green)}.clock-card{min-height:168px;padding:23px 20px}.clock-card strong{font-size:33px}.clock-card>button{width:88px;height:88px}.hero-grid{gap:12px}.stat-grid{gap:9px;margin-top:12px}.stat{padding:14px}.section-grid{gap:12px;margin-top:15px}.panel{padding:20px 17px}.login-page{grid-template-columns:1fr}.login-copy{min-height:240px;padding:28px 25px}.login-message{margin:45px 0 20px}.login-message h1{margin:10px 0;font-size:31px}.login-message p{font-size:11px}.login-foot{display:none}.login-panel{padding:35px 24px}.approval-row{grid-template-columns:40px 1fr}.approval-actions{grid-column:1/-1}.approval-actions button{flex:1}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:20px 20px 0 0;width:100%;max-height:calc(100dvh - 24px)}.modal>header{padding:20px 20px 14px}.modal-body{scrollbar-gutter:auto;padding:8px 20px 22px}.modal>footer{padding:13px 20px max(13px,env(safe-area-inset-bottom))}.manage-modal .action-section>button,.manage-modal .inline-actions{width:100%}.manage-modal .action-section>button{justify-self:stretch}.manage-modal .inline-actions>button{flex:1}.toast{white-space:nowrap;max-width:calc(100% - 30px);bottom:86px}.leave-banner{padding:25px 22px}.leave-banner strong{font-size:34px}.topbar .topbar-actions{gap:5px}.topbar-actions .icon-button{width:36px;height:36px}.notification-panel{width:calc(100vw - 20px);max-height:calc(100vh - 160px);top:72px;right:10px}.notification-list{max-height:calc(100vh - 230px)}.capacity-labels span{font-size:6px}.login-logo{width:280px;height:40px}.login-logo img{width:370px;transform:translate(-49px,-63px)}.employee-toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.employee-table-head{display:none}.employee-table-row{grid-template-columns:1fr auto;gap:8px 12px;padding:14px 4px}.employee-table-row>span:nth-child(2),.employee-table-row>span:nth-child(3){color:#78847f;grid-column:1;padding-left:44px}.employee-table-row>span:last-child{grid-area:1/2}.hr-summary{padding:24px 21px}.field-pair{grid-template-columns:1fr}}@media (width<=900px){.hr-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.hr-readiness-grid{gap:8px}.hr-readiness-grid>div{padding:13px 14px}.readiness-list article{grid-template-columns:36px 1fr}.readiness-list article>button{grid-column:1/-1;width:100%}.approval-tabs{width:100%}.approval-tabs button{flex:1;justify-content:center}.policy-rule-grid{grid-template-columns:1fr}.calculation-flow{flex-direction:column;align-items:flex-start;overflow:visible}.calculation-flow span:not(:last-child):after{content:""}.policy-head{align-items:flex-start}.policy-name{padding:13px}}@media (width<=800px){.closing-employee-grid{grid-template-columns:1fr}}@media (width<=700px){.closing-page{gap:12px}.closing-toolbar{flex-direction:column;align-items:stretch;padding:19px 17px}.closing-toolbar label{justify-content:space-between}.closing-toolbar input{flex:1}.closing-toolbar>.primary-button{width:100%}.closing-stats{grid-template-columns:repeat(2,1fr);gap:8px}.closing-stat:first-child{grid-column:1/-1}.closing-stat{padding:14px 15px}.exception-head{display:none}.exception-row{grid-template-columns:24px 1fr auto;gap:8px;padding:12px 3px}.exception-row>span:nth-of-type(2){color:#77837e;grid-column:2;font-size:10px}.exception-row>i{grid-area:1/3}.closing-employees{padding:17px}.closing-employees .employee-toolbar{flex-direction:column;align-items:stretch}.closing-employees .employee-toolbar>button{justify-content:center;width:100%}.closing-employee-metrics{grid-template-columns:repeat(2,1fr)}.closing-employee-metrics>div:nth-child(2){border-right:0}.closing-employee-metrics>div:nth-child(-n+2){border-bottom:1px solid #eef1ef}.accrual-controls{grid-template-columns:1fr 1fr;display:grid}.accrual-controls input{grid-column:1/-1;width:100%}.accrual-controls button{padding:0 12px}.accrual-panel .employee-toolbar{margin-bottom:13px}}@media (width<=390px){.clock-card strong{font-size:29px}.clock-card>button{width:80px;height:80px}.stat-grid{grid-template-columns:1fr}.stat:last-child{grid-column:auto}.leave-banner{flex-direction:column;align-items:flex-start;gap:18px}.leave-banner button{justify-content:center;width:100%}}@media (width<=900px){.report-toolbar{flex-wrap:wrap;align-items:stretch}.report-toolbar>div{flex-basis:100%}.report-kpis{grid-template-columns:repeat(2,1fr)}.report-kpis>div:first-child{grid-column:1/-1}.report-summary-head{display:none}.report-summary-row{grid-template-columns:1fr 1fr}.report-summary-row>span:first-child{grid-column:1/-1}.report-summary-row>span:nth-child(n+3){text-align:right}}@media (width<=850px){.report-employee-grid{grid-template-columns:1fr}}@media (width<=700px){.report-toolbar{flex-flow:column;padding:19px 17px}.report-toolbar>div{flex-basis:auto;width:100%}.report-toolbar label,.report-toolbar input,.report-toolbar select,.report-toolbar>.primary-button{width:100%}.report-kpis{gap:8px}.report-kpis>div{padding:14px}.report-kpis b{font-size:16px}.report-summary-row{padding:12px 3px}.report-employee-panel{padding:17px}.report-employee-metrics{grid-template-columns:repeat(2,1fr)}.report-employee-metrics>div:nth-child(3n){border-right:1px solid #eef1ef}.report-employee-metrics>div:nth-child(2n){border-right:0}.report-employee-metrics>div:nth-last-child(-n+3){border-bottom:1px solid #eef1ef}.report-employee-metrics>div:nth-last-child(-n+2){border-bottom:0}.report-day-row{grid-template-columns:1fr 1fr}.report-day-row>div{grid-column:1/-1;justify-content:space-between}.report-day-row>span:nth-of-type(2n){text-align:right}.payslip-hero{min-height:125px;padding:23px 21px}.payslip-hero h2{font-size:19px}.payslip-hero>svg{width:38px}.preliminary-export{flex-direction:column;align-items:stretch}.preliminary-export .secondary-button{width:100%}.payslip-month{justify-content:space-between;width:100%}.payslip-month input{flex:1}.payslip-upload-grid{grid-template-columns:1fr}.payslip-upload-grid .primary-button{width:100%}.payslip-row{grid-template-columns:40px 1fr auto;padding:12px 10px}.payslip-file{width:38px;height:38px}.payslip-row>.secondary-button{grid-column:1/-1;width:100%}.payslip-row>.employee-status{align-self:start}}.login-page{background:radial-gradient(circle at 50% 30%,#4b69b43d,#0000 34%),linear-gradient(145deg,#080f26 0%,#101d43 55%,#182d61 100%);place-items:center;min-height:100vh;padding:32px;display:grid;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff09 50%,#0000 65%);position:fixed;inset:0}.login-shell{z-index:1;flex-direction:column;align-items:center;width:min(380px,100%);display:flex;position:relative}.login-logo{width:360px;max-width:100%;height:52px;position:relative;overflow:hidden}.login-logo img{mix-blend-mode:screen;width:480px;max-width:none;height:auto;position:absolute;transform:translate(-63px,-84px)}.login-button{color:#17213c;background:#fff;border:1px solid #ffffff38;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:54px;margin-top:52px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:flex;box-shadow:0 18px 45px #00000038}.login-button span{color:#3157a5;border:1px solid #dfe3eb;border-radius:50%;place-items:center;width:24px;height:24px;font:700 13px DM Sans,sans-serif;display:grid}.login-button:not(:disabled):hover{background:#f8faff;transform:translateY(-2px);box-shadow:0 22px 55px #00000047}.login-button:focus-visible{outline-offset:4px;outline:3px solid #8fb4ffa6}.login-button:disabled{cursor:wait;opacity:.65}.login-error{color:#ffd2d2;text-align:center;background:#7d182347;border:1px solid #ff9c9c40;border-radius:10px;width:100%;margin-top:14px;padding:11px 13px;font-size:11px;line-height:1.5}.auth-check-message{color:#dbe4fb;letter-spacing:.01em;justify-content:center;align-items:center;gap:10px;min-height:54px;margin-top:52px;font-size:11px;font-weight:600;display:flex}.auth-check-message i{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite auth-check-spin}@keyframes auth-check-spin{to{transform:rotate(360deg)}}.developer-login{color:#aebadb;width:100%;margin-top:22px;font-size:10px}.developer-login summary{cursor:pointer;text-align:center}.developer-login label{gap:7px;margin-top:14px;display:grid}.developer-login textarea{color:#fff;resize:vertical;background:#ffffff12;border:1px solid #ffffff2e;border-radius:9px;width:100%;padding:10px}.developer-login .secondary-button{width:100%;margin-top:9px}@media (width<=700px){.login-page{background:radial-gradient(circle at 50% 30%,#4b69b433,#0000 40%),linear-gradient(160deg,#080f26,#182d61);padding:24px}.login-shell{width:min(340px,100%)}.login-logo{width:290px;height:44px}.login-logo img{width:387px;transform:translate(-51px,-68px)}.login-button{margin-top:42px}}.approval-actions{align-items:center}.completed-actions button{color:#315b4b;background:#eaf4ef}.approval-quick-reject{max-width:540px}.approval-reject-notice{color:#7c554f;background:#fff7f6;border:1px solid #efcbc7;border-radius:10px;padding:13px 14px}.approval-reject-notice b{font-size:13px}.approval-reject-notice p{margin:6px 0 0;font-size:12px;line-height:1.6}.approval-actions button:disabled{opacity:.5;cursor:not-allowed}.profile-change-page{gap:16px;max-width:1000px;display:grid}.profile-hero{color:#fff;background:linear-gradient(120deg,#153b32,#286b58);border-radius:17px;grid-template-columns:58px minmax(150px,.7fr) minmax(360px,1.3fr);align-items:center;gap:17px;padding:24px 27px;display:grid}.profile-avatar{color:#235c4c;background:#d9f99d;border-radius:16px;place-items:center;width:58px;height:58px;display:grid}.profile-avatar svg{width:30px;height:30px}.profile-hero h2{margin:4px 0;font-size:22px}.profile-hero p{color:#b8cec5;margin:0;font-size:10px}.profile-summary{background:#ffffff12;border:1px solid #ffffff24;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.profile-summary>div{border-right:1px solid #ffffff1f;min-width:0;padding:11px 12px}.profile-summary>div:last-child{border-right:0}.profile-summary span,.profile-summary b{display:block}.profile-summary span{color:#aebde0;font-size:8px}.profile-summary b{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;overflow:hidden}.profile-change-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:16px;display:grid}.profile-form{gap:13px;display:grid}.profile-form label{color:#56645e;gap:6px;font-size:10px;font-weight:600;display:grid}.profile-form input,.profile-form textarea{border:1px solid var(--line);color:#293730;background:#fafbfa;border-radius:9px;outline:none;width:100%;padding:11px 12px}.profile-form input:focus,.profile-form textarea:focus{border-color:#6c9f8b;box-shadow:0 0 0 3px #eaf4ef}.profile-submit{justify-self:end}.change-comparison{gap:9px;display:grid}.change-comparison>div{background:#f3f7f4;border-radius:10px;grid-template-columns:72px 1fr 18px 1fr;align-items:center;gap:8px;padding:11px 12px;display:grid}.change-comparison>div>span{color:#50635b;font-size:10px;font-weight:700}.change-comparison p{overflow-wrap:anywhere;color:#66756e;min-width:0;margin:0;font-size:10px}.change-comparison p small{color:#98a19d;margin-bottom:3px;font-size:8px;display:block}.change-comparison p b{color:#1e493a}.change-comparison svg{color:#83a293;width:15px}.policy-admin-page{gap:16px;max-width:1120px;display:grid}.policy-admin-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.policy-admin-head h2{margin:4px 0 5px;font-size:20px}.policy-admin-head p{color:#79857f;margin:0;font-size:10px}.policy-safety{color:#27664f;background:#e8f5ed;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;font-weight:700;display:flex}.policy-safety svg{width:15px}.policy-admin-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:16px;display:grid}.policy-editor{gap:13px;display:grid}.policy-editor>label,.policy-input-grid label{color:#56645e;gap:6px;font-size:10px;font-weight:600;display:grid;position:relative}.policy-editor input,.policy-editor select,.policy-input-grid input,.policy-input-grid select,.policy-version-action input{border:1px solid var(--line);color:#293730;background:#fafbfa;border-radius:9px;outline:none;width:100%;min-height:41px;padding:0 11px}.policy-input-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.policy-input-grid label small{color:#89948f;font-size:9px;position:absolute;bottom:13px;right:10px}.policy-preview{background:#eef6f1;border-radius:11px;padding:14px}.policy-preview>b{margin-bottom:8px;font-size:11px;display:block}.policy-preview>div{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.policy-preview span{color:#315a4a;text-align:center;background:#fff;border-radius:7px;padding:8px;font-size:9px}.policy-preview small{color:#76847e;margin-top:8px;font-size:8px;display:block}.policy-version-list{gap:10px;margin-top:12px;display:grid}.policy-version-card{border:1px solid var(--line);border-radius:12px;gap:10px;padding:14px;display:grid}.policy-version-card.active{border-color:#acd4bb;box-shadow:inset 0 0 0 2px #edf7f1}.policy-version-card>header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.policy-version-card b,.policy-version-card small{display:block}.policy-version-card b{font-size:11px}.policy-version-card small{color:#89948f;margin-top:3px;font-size:8px}.policy-version-card p{color:#69766f;margin:0;font-size:9px}.policy-version-rules{flex-wrap:wrap;gap:5px;display:flex}.policy-version-rules span{color:#486356;background:#f1f6f3;border-radius:7px;padding:5px 7px;font-size:8px}.policy-version-action{grid-template-columns:1fr auto;gap:7px;display:grid}.policy-version-action button{min-height:41px}.activate-policy{justify-self:end}.policy-portfolio{gap:14px;display:grid}.policy-portfolio h2{margin:4px 0 0;font-size:20px}.policy-portfolio-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.policy-portfolio-grid article{border:1px solid var(--line);background:#fafbfa;border-radius:12px;gap:8px;padding:14px;display:grid}.policy-portfolio-grid header{justify-content:space-between;align-items:center;gap:8px;display:flex}.policy-portfolio-grid strong{font-size:11px}.policy-portfolio-grid p,.policy-portfolio-grid small{color:#6d7973;margin:0;font-size:9px;line-height:1.5}.policy-card-fields{gap:7px;display:grid}.policy-card-fields>input,.policy-card-action input{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:0;min-height:38px;padding:0 10px}.policy-card-action{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.policy-card-action button,.policy-portfolio-grid article>.primary-button{justify-content:center;min-height:38px}.policy-blocked{color:#a14f46!important}.history-modal{width:min(720px,100%);max-height:calc(100vh - 40px)}.history-modal>.modal-body{overflow-y:auto}.history-meta b{overflow-wrap:anywhere}.final-comment{background:#f1f7f3;border-left:3px solid #76a88f;border-radius:5px 10px 10px 5px;padding:14px 15px}.final-comment span{color:#738079;font-size:9px}.final-comment p{color:#33463e;margin:5px 0 0;font-size:11px;line-height:1.55}.approval-rounds{gap:13px;display:grid}.approval-round{border:1px solid var(--line);border-radius:12px;overflow:hidden}.approval-round>header{background:#f6f8f6;padding:12px 14px}.approval-round>header div{gap:2px;display:grid}.approval-round>header b{font-size:12px}.approval-round>header small{color:#87918d;font-size:9px}.approval-round>header i{font-style:normal}.approval-timeline{padding:5px 14px 12px;display:grid}.approval-step{border-top:1px solid #edf0ed;grid-template-columns:26px 1fr;gap:10px;padding:12px 0;display:grid}.approval-step:first-child{border-top:0}.step-marker{color:#fff;background:#2e7358;border-radius:50%;place-items:center;width:24px;height:24px;font:700 10px DM Sans;display:grid}.step-content{gap:8px;min-width:0;display:grid}.step-title b,.step-title small{display:block}.step-title b{font-size:11px}.step-title small{color:#89938f;margin-top:2px;font-size:9px}.decision-record{background:#f7f9f7;border-radius:9px;padding:10px 11px}.decision-record>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.decision-record strong{color:#2f5144;font-size:10px}.decision-record time,.decision-record small{color:#8b9591;font-size:8px}.decision-record small{margin-top:3px;display:block}.decision-record p{color:#4f5e58;margin:6px 0 0;font-size:10px;line-height:1.5}.pending-record p{color:#8b9591;margin:0}@media (width<=700px){.history-modal{max-height:92vh}.history-modal>.modal-body{padding-left:17px;padding-right:17px}.history-meta{grid-template-columns:1fr}.approval-round>header{padding:11px 12px}.decision-record>div{flex-direction:column;align-items:flex-start;gap:2px}.completed-actions{justify-content:space-between}}@media (width<=850px){.profile-hero{grid-template-columns:58px 1fr}.profile-summary{grid-column:1/-1}}@media (width<=700px){.profile-change-grid{grid-template-columns:1fr}.profile-hero{padding:20px}.profile-summary{grid-template-columns:repeat(2,1fr)}.profile-summary>div:nth-child(2){border-right:0}.profile-summary>div:nth-child(-n+2){border-bottom:1px solid #ffffff1f}.profile-submit{justify-content:center;width:100%}.change-comparison>div{grid-template-columns:1fr 18px 1fr}.change-comparison>div>span{grid-column:1/-1}.change-comparison>div>svg{grid-area:2/2}}@media (width<=800px){.policy-admin-grid,.policy-portfolio-grid{grid-template-columns:1fr}.policy-input-grid{grid-template-columns:1fr 1fr}.policy-admin-head{flex-direction:column;align-items:flex-start}.policy-preview>div{grid-template-columns:1fr 1fr}}@media (width<=430px){.policy-input-grid,.policy-version-action{grid-template-columns:1fr}.activate-policy{justify-content:center;width:100%}}.login-card>.secondary-button{width:100%;margin-top:8px}.checkbox-row{border:1px solid var(--line);cursor:pointer;background:#f8f9fb;border-radius:10px;align-items:flex-start;padding:12px 13px;grid-template-columns:none!important;gap:10px!important;display:flex!important}.checkbox-row input{height:16px;accent-color:var(--green);margin-top:2px;width:16px!important;padding:0!important}.checkbox-row span{gap:3px;display:grid}.checkbox-row b{color:#26334d;font-size:11px}.checkbox-row small{color:#7a869d;font-size:9px}.role-picker{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:13px;display:grid}.role-picker>span{color:#596780;grid-column:1/-1;font-size:10px;font-weight:700}.role-picker label{color:#4e5c75;cursor:pointer;align-items:center;gap:7px;font-size:10px;display:flex}.role-picker input{height:14px;accent-color:var(--green);width:14px!important;padding:0!important}.login-divider{color:#9aa39f;align-items:center;gap:10px;margin:18px 0 12px;font-size:9px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e3e7e4;flex:1;height:1px}.connections-page{gap:16px;max-width:1080px;display:grid}.connections-hero{color:#fff;background:linear-gradient(125deg,#153b32,#286a57);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:27px 30px;display:flex}.connections-hero h2{margin:5px 0 6px;font-size:23px}.connections-hero p{color:#b9cec6;margin:0;font-size:10px}.connections-hero>div:last-child{background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;place-items:center;min-width:130px;padding:16px;display:grid}.connections-hero>div:last-child b{font:700 25px DM Sans}.connections-hero>div:last-child span{color:#bdd1c9;font-size:9px}.connections-toolbar{justify-content:space-between;align-items:center;display:flex}.connections-toolbar p{color:#85908b;margin:0;font-size:9px}.connections-toolbar button svg{width:14px}.connection-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.connection-grid article{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:42px 1fr;gap:13px;padding:17px;display:grid}.connection-grid article>span{color:#8b9691;background:#f0f3f1;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.connection-grid article>span svg{width:19px}.connection-grid h3{margin:1px 0 4px;font-size:12px}.connection-grid p{color:#7d8983;margin:0 0 8px;font-size:9px}.connection-grid b{color:#9a6a22;align-items:center;gap:5px;font-size:9px;display:flex}.connection-grid b svg{width:12px}.connection-grid article.connected{background:#fbfefc;border-color:#cde4d5}.connection-grid article.connected>span{color:#2d7456;background:#e8f5ed}.connection-grid article.connected b{color:#2d7456}.connection-note{color:#31594a;background:#eef6f1;border-radius:12px;align-items:flex-start;gap:11px;padding:16px;display:flex}.connection-note>svg{width:18px}.connection-note b{font-size:10px}.connection-note p{color:#64746d;margin:4px 0 0;font-size:9px;line-height:1.5}@media (width<=700px){.connections-hero{flex-direction:column;align-items:stretch;padding:22px}.connections-hero>div:last-child{min-width:0}.connection-grid{grid-template-columns:1fr}.connections-toolbar{align-items:flex-start;gap:10px}.connections-toolbar button{min-height:36px;padding:0 11px}.attendance-history-head{flex-direction:column;align-items:stretch}.attendance-history-head>div:last-child{width:100%}.attendance-history-head input{flex:1}.attendance-history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-history-list>article>button{grid-template-columns:1fr 1fr auto;padding:12px}.attendance-history-date{grid-column:1/-1}.attendance-history-list>article>button>span:nth-of-type(3),.attendance-history-list>article>button>span:nth-of-type(4){display:none}.attendance-history-list>article>button>i{grid-area:2/2;justify-self:end}.attendance-history-list>article>button>svg{grid-area:2/3}.attendance-detail-metrics{grid-template-columns:repeat(2,1fr)}.attendance-detail-metrics>div:nth-child(2){border-right:0}.attendance-detail-metrics>div:nth-child(-n+2){border-bottom:1px solid #e7eaf1}.attendance-detail-events>div{grid-template-columns:12px 1fr auto}.attendance-detail-events small{display:none}.attendance-history-detail>.secondary-button{justify-content:center;width:100%}}body{background:#f4f6fa}.sidebar{background:linear-gradient(#111c45 0%,#0c1535 100%)}.sidebar nav button{color:#9ba7c9}.sidebar nav button.active{background:#9ab8ff24}.avatar{color:#172451;background:#dfe8ff}.card,.panel{box-shadow:0 4px 18px #111c450a}.clock-card{background:linear-gradient(145deg,#fff 55%,#f0f3fb)}.clock-card>button{box-shadow:0 9px 24px #111c453b}.dark-card{color:#f3f6ff}.request-icon,.doc-icon,.payslip-file{color:#294788;background:#edf2ff}.attendance-actions button{color:#293b69}.primary-button,.approval-actions button,.approval-tabs button.active{background:var(--green)}.approval-tabs button.active{box-shadow:0 3px 9px #111c452e}.modal input:focus,.modal textarea:focus,.login-card textarea:focus,.profile-form input:focus,.profile-form textarea:focus{border-color:#6d87c5;box-shadow:0 0 0 3px #e8edfa}.leave-kind-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.leave-kind-picker button{color:#55617c;text-align:left;background:#f8f9fc;border:1px solid #dce2ee;border-radius:11px;gap:3px;padding:13px 8px;display:grid}.leave-kind-picker button b{font-size:12px}.leave-kind-picker button small{color:#8b94aa;font-size:9px}.leave-calendar-panel{overflow:hidden}.calendar-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.calendar-toolbar h2{margin:3px 0 0;font-size:17px}.calendar-controls{align-items:center;gap:9px;display:flex}.calendar-controls input{border:1px solid var(--line);color:#25365e;background:#fff;border-radius:9px;min-height:37px;padding:0 10px}.calendar-connection{color:#75809a;background:#f1f3f8;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;display:flex}.calendar-connection svg{width:13px;height:13px}.calendar-connection.connected{color:#23498f;background:#e8efff}.calendar-sync-button{color:#23498f;cursor:pointer;background:#fff;border:1px solid #cbd8f2;border-radius:9px;align-items:center;gap:5px;min-height:37px;padding:0 10px;font-size:11px;display:flex}.calendar-sync-button:disabled{opacity:.55;cursor:wait}.calendar-sync-button svg{width:13px;height:13px}.calendar-sync-button .spinning{animation:.9s linear infinite spin}.calendar-sync-message{color:#23498f;background:#eef3ff;border-radius:8px;margin:10px 0;padding:9px 11px;font-size:12px}.leave-calendar-weekdays,.leave-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.leave-calendar-weekdays b{color:#8992a6;text-align:center;padding:8px 4px;font-size:9px}.leave-calendar-grid{border-top:1px solid #e4e8f0;border-left:1px solid #e4e8f0}.leave-calendar-day{background:#fff;border-bottom:1px solid #e4e8f0;border-right:1px solid #e4e8f0;min-height:108px;padding:7px}.leave-calendar-day:nth-child(7n),.leave-calendar-day:nth-child(7n-1){background:#fafbfe}.leave-calendar-day.blank{background:#f7f8fb}.leave-calendar-day time{color:#5f6a82;margin-bottom:5px;font:600 10px DM Sans;display:block}.calendar-leave{color:#294475;background:#eaf0fd;border-left:2px solid #5878bd;border-radius:4px;gap:1px;margin-top:4px;padding:5px 6px;display:grid;overflow:hidden}.calendar-leave b,.calendar-leave em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-leave b{font-size:9px}.calendar-leave em{color:#68799e;font-size:8px;font-style:normal}.calendar-leave.in_review,.calendar-leave.submitted{color:#70531c;background:#fff5de;border-color:#d3a242}.calendar-privacy{color:#7f899d;align-items:center;gap:6px;margin:12px 0 0;font-size:9px;display:flex}.calendar-privacy svg{width:13px}@media (width<=700px){.calendar-toolbar{flex-direction:column;align-items:flex-start}.calendar-controls{justify-content:space-between;width:100%}.leave-calendar-panel{padding-left:10px;padding-right:10px}.leave-calendar-day{min-height:78px;padding:4px}.calendar-leave{padding:4px}.calendar-leave em{display:none}.leave-kind-picker button{padding:11px 7px}.leave-ledger-list article{grid-template-columns:65px minmax(0,1fr)}.ledger-balance{grid-column:2}}.weekly-capacity{background:#f5f7fc;border-color:#d8e0f1}.weekly-capacity b{color:#23386f}.capacity-track>i{background:#496db5}.login-copy{background:radial-gradient(circle at 90% 15%,#8fb4ff2e,#0000 30%),linear-gradient(145deg,#0d1738,#1e326b)}.login-message .eyebrow{color:#aab9df}.login-message p{color:#b5c0dc}.login-foot{color:#8493bb}.login-icon{color:#294788;background:#e8efff}.hr-summary,.leave-banner{background:linear-gradient(115deg,#111c45,#243c7b);box-shadow:0 9px 28px #111c452b}.hr-summary p,.leave-banner p{color:#9faed3}.profile-hero,.connections-hero{background:linear-gradient(120deg,#111c45,#294686)}.payslip-hero{background:radial-gradient(circle at 88% 18%,#a9c7ff33,#0000 32%),linear-gradient(120deg,#111c45,#27437f);box-shadow:0 9px 28px #111c4526}.preliminary-export{background:linear-gradient(120deg,#fafbff,#eef2fb);border-color:#d7dff0}.connections-hero>div:last-child.ready{color:#b8ceff}.payroll-settlement-panel{gap:18px;display:grid}.settlement-filters{align-items:end;gap:10px;display:flex}.settlement-filters label{color:#74809d;gap:5px;font-size:9px;font-weight:700;display:grid}.settlement-filters input,.settlement-filters select{color:#1b2948;background:#fff;border:1px solid #d7deeb;border-radius:8px;min-width:150px;padding:9px 10px}.settlement-status{border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.settlement-status svg{flex:none;width:18px}.settlement-status b,.settlement-status p{margin:0}.settlement-status p{margin-top:3px;font-size:10px}.settlement-status.ready{color:#245e46;background:#ebf7f0}.settlement-status.warning{color:#805912;background:#fff3d9}@media (width<=1100px){.ai-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.home-work-progress{max-width:calc(100% - 6px);margin-top:13px}.ai-news-grid{scroll-snap-type:x mandatory;padding-bottom:5px;display:flex;overflow-x:auto}.ai-news-card{scroll-snap-align:start;flex:0 0 78%}.ai-news-panel,.meal-menu-panel{margin-top:12px}.meal-menu-heading{flex-direction:column;align-items:flex-start}.meal-menu-heading>a{align-self:flex-end}.meal-menu-image{margin:0 -8px}.meal-menu-image img{max-height:none}.home-leave-calendar{margin-top:12px;padding-left:10px;padding-right:10px}.home-leave-calendar-head{flex-direction:column;align-items:flex-start}.home-leave-calendar-head>div:last-child{justify-content:space-between;width:100%}.home-leave-calendar-head input{min-width:0}.home-leave-day{min-height:65px;padding:4px}.home-leave-day span{padding:3px}.home-leave-day span em{display:none}}.settlement-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.settlement-kpis>div{background:#fafbfe;border:1px solid #dfe5f0;border-radius:11px;padding:14px}.settlement-kpis span,.settlement-kpis b,.settlement-kpis small{display:block}.settlement-kpis span{color:#74809d;font-size:9px}.settlement-kpis b{color:#172451;margin-top:5px;font-size:15px}.settlement-kpis small{color:#8a95ad;margin-top:4px;font-size:8px}.allowance-breakdown{border:1px solid #d9e0ee;border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.allowance-breakdown>div{border-right:1px solid #e2e7f0;padding:14px}.allowance-breakdown>div:last-child{border-right:0}.allowance-breakdown span,.allowance-breakdown b{display:block}.allowance-breakdown span{color:#74809d;font-size:9px}.allowance-breakdown b{color:#21345b;margin-top:5px;font-size:15px}.allowance-breakdown .gross{background:#edf2ff}.allowance-breakdown .gross b{color:#142f6b}.payroll-contract-form{background:#f4f6fb;border-radius:12px;gap:12px;padding:16px;display:grid}.payroll-contract-form h3,.payroll-contract-form p{margin:0}.payroll-contract-form h3{color:#1d2d51;font-size:13px}.payroll-contract-form p{color:#74809d;margin-top:3px;font-size:9px}.contract-input-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.contract-input-grid label{color:#687590;gap:5px;font-size:9px;font-weight:700;display:grid;position:relative}.contract-input-grid input{background:#fff;border:1px solid #d5ddeb;border-radius:8px;min-width:0;padding:10px 36px 10px 10px}.contract-input-grid small{color:#929db2;position:absolute;bottom:11px;right:10px}.payroll-contract-form>button{justify-self:end}@media (width<=900px){.settlement-kpis,.allowance-breakdown,.contract-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settlement-filters{flex-wrap:wrap}}@media (width<=700px){body{background:#f4f6fa}.settlement-kpis,.allowance-breakdown,.contract-input-grid{grid-template-columns:1fr}.allowance-breakdown>div{border-bottom:1px solid #e2e7f0;border-right:0}.settlement-filters,.settlement-filters label,.settlement-filters input,.settlement-filters select{width:100%}}.documents-page{gap:16px;max-width:1120px;display:grid}.documents-hero{color:#fff;background:radial-gradient(circle at 88% 16%,#a9c7ff38,#0000 31%),linear-gradient(120deg,#111c45,#294686);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:27px 30px;display:flex;box-shadow:0 9px 28px #111c4526}.documents-hero h2{margin:5px 0 6px;font-size:23px}.documents-hero p{color:#b9c6e4;margin:0;font-size:10px}.documents-hero>div:last-child{background:#ffffff14;border:1px solid #ffffff29;border-radius:13px;grid-template-columns:30px 1fr;align-items:center;gap:2px 10px;min-width:188px;padding:15px 17px;display:grid}.documents-hero>div:last-child svg{color:#b8ceff;grid-row:1/3;width:25px}.documents-hero>div:last-child b{font-size:11px}.documents-hero>div:last-child span{color:#afbddf;font-size:8px}.documents-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:16px;display:grid}.documents-grid.employee-only{grid-template-columns:minmax(320px,560px)}.document-issue-card,.document-settings-card{gap:12px;display:grid}.document-issue-card>label,.document-settings-card>label{color:#65718b;gap:6px;font-size:9px;font-weight:700;display:grid}.document-issue-card input,.document-issue-card select,.document-settings-card input{color:#1d2946;background:#fff;border:1px solid #d7deeb;border-radius:9px;outline:none;width:100%;min-height:41px;padding:0 11px}.document-issue-card input:focus,.document-issue-card select:focus,.document-settings-card input:focus{border-color:#6d87c5;box-shadow:0 0 0 3px #e8edfa}.document-issue-card>.primary-button,.document-settings-card>.primary-button{justify-self:end}.document-warning{color:#77551a;background:#fff3d9;border-radius:9px;align-items:flex-start;gap:8px;padding:11px 12px;font-size:9px;line-height:1.5;display:flex}.document-warning svg{flex:none;width:16px}.document-error{margin:0}.document-settings-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.document-settings-head>span{color:#9a6a22;background:#fff3d9;border-radius:7px;padding:5px 8px;font-size:8px;font-weight:700}.document-settings-head>span.configured{color:#275d47;background:#e9f6ef}.document-business-no{color:#65718b;background:#f4f6fb;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;font-size:9px;display:flex}.document-business-no b{color:#23345d}.seal-upload{background:#fafbfe;border:1px dashed #cfd7e7;border-radius:10px;grid-template-columns:1fr minmax(150px,220px) auto;align-items:end;gap:9px;padding:12px;display:grid}.seal-upload>div{gap:3px;display:grid}.seal-upload b{color:#263655;font-size:10px}.seal-upload span{color:#8691a8;font-size:8px}.seal-upload input{min-height:36px;padding:7px;font-size:8px}.seal-upload button{min-height:36px;padding:0 11px}.document-history{gap:12px;display:grid}.document-history-list{gap:8px;display:grid}.document-history-list article{background:#fff;border:1px solid #e0e5ef;border-radius:11px;grid-template-columns:38px minmax(180px,1fr) auto auto;align-items:center;gap:11px;padding:12px 13px;display:grid}.document-file-icon{color:#294788;background:#edf2ff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.document-file-icon svg{width:17px}.document-history-list article>div:nth-child(2){min-width:0}.document-history-list b,.document-history-list p,.document-history-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.document-history-list b{color:#202c49;font-size:10px}.document-history-list p{color:#6f7b92;margin:3px 0;font-size:9px}.document-history-list small{color:#9aa3b5;font-size:8px}.document-row-actions{align-items:center;gap:5px;display:flex}.document-row-actions button{color:#294788;cursor:pointer;background:#fff;border:1px solid #d4ddec;border-radius:8px;align-items:center;gap:4px;min-height:32px;padding:0 9px;font-size:8px;font-weight:700;display:flex}.document-row-actions button svg{width:12px}.document-row-actions button.danger{color:#9a3d45;border-color:#eed2d6}.document-row-actions button:disabled{opacity:.45;cursor:not-allowed}@media (width<=850px){.documents-grid{grid-template-columns:1fr}.seal-upload{grid-template-columns:1fr auto}.seal-upload>div{grid-column:1/-1}.document-history-list article{grid-template-columns:38px 1fr auto}.document-row-actions{grid-column:2/-1;justify-content:flex-end}}@media (width<=600px){.documents-hero{flex-direction:column;align-items:stretch;padding:22px}.documents-hero>div:last-child{min-width:0}.seal-upload{grid-template-columns:1fr}.document-settings-card>.primary-button,.document-issue-card>.primary-button{justify-content:center;width:100%}.document-history-list article{grid-template-columns:34px 1fr}.document-history-list article>.status{grid-column:2}.document-row-actions{grid-column:1/-1;justify-content:stretch}.document-row-actions button{flex:1;justify-content:center}}:root{--works-violet:#7954e8;--works-indigo:#414b9e;--works-navy:#192343;--works-accent-gradient:linear-gradient(110deg,#7954e8 0%,#414b9e 100%);--green:#30386d;--green-2:#5146a2;--lime:#c8bdff;--line:#e4e7f2;--muted:#74809b}body{color:#202840;background:#f5f6fb}.app-shell,.app-shell .main{background:#f5f6fb}.works-mesh{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.login-page.works-login-page,.login-page.works-auth-page{isolation:isolate;color:#f7f8ff;background:radial-gradient(at 0 0,#783be0b3,#0000 51%),radial-gradient(at 100% 100%,#2a67c5a6,#0000 46%),linear-gradient(130deg,#11102c 0%,#080f23 55%,#0e1b38 100%);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100svh;padding:32px clamp(24px,4vw,64px);display:flex;position:relative;overflow:hidden}.works-login-page:before,.works-auth-page:before{content:none}.works-login-marker{z-index:1;color:#c2b9e8;letter-spacing:.17em;align-self:flex-start;font-size:11px;font-weight:700;line-height:1.6;position:relative}.works-login-layout{z-index:1;flex:1;grid-template-columns:minmax(0,1.12fr) minmax(320px,1fr);align-items:center;gap:clamp(36px,5.5vw,100px);width:100%;max-width:1280px;padding:64px 0;display:grid;position:relative}.works-login-brand{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.works-brand-logo{aspect-ratio:1444/166;width:min(100%,480px);position:relative;overflow:hidden}.works-brand-logo>img,.sidebar-brand>img{mix-blend-mode:normal;width:132.825%;max-width:none;height:493.976%;display:block;position:absolute;top:-204.217%;left:-17.59%;transform:none}.works-login-brand>p{color:#f1eeff;letter-spacing:.15em;margin:25px 0 0;font-size:clamp(17px,1.6vw,23px);font-weight:500;line-height:1.7}.works-login-brand>small{color:#b2a9d0;letter-spacing:.17em;margin-top:24px;font-size:10px;font-weight:600;line-height:1.7}.login-shell.works-login-card{color:#f9f9ff;background:linear-gradient(135deg,#1e2544f5,#141f38f5 58%,#1d3053f2);border:1px solid #a3acf194;border-radius:24px;justify-self:end;align-items:stretch;width:min(100%,480px);min-width:0;padding:46px 40px;display:flex;position:relative;box-shadow:0 20px 75px #04091c26,inset 0 1px #ffffff09}.works-login-kicker{color:#c6c0e2;letter-spacing:.17em;margin:0 0 20px;font-size:11px;font-weight:700;line-height:1.6}.works-login-card h1{color:#fff;letter-spacing:-1.5px;margin:0;font-size:clamp(30px,3vw,40px);line-height:1.3}.works-login-card .works-login-sub{color:#c6c9df;overflow-wrap:anywhere;margin:14px 0 0;font-size:15px;line-height:1.7}.works-login-card .login-button{color:#181f37;background:#fff;border:1px solid #fff;border-radius:12px;gap:9px;min-height:58px;margin-top:34px;padding:12px 16px;font-size:15px;font-weight:700;box-shadow:0 8px 25px #03081821}.works-login-card .login-button>span{width:auto;height:auto;color:inherit;font:inherit;border:0;border-radius:0;display:inline}.works-google-wordmark{flex:none;width:78px;max-width:27%;height:auto;display:block}.works-login-card .login-button:not(:disabled):hover{background:#f3f1ff;border-color:#e0d9ff;box-shadow:0 12px 32px #03081838}.works-login-card .works-login-help{color:#b9c1da;text-align:center;border-top:1px solid #c5cae538;justify-content:center;align-items:center;gap:8px;margin:28px 0 0;padding-top:22px;font-size:12px;line-height:1.7;display:flex}.works-login-help svg{flex:none;width:15px;height:15px}.works-login-card .login-error{overflow-wrap:anywhere;margin-bottom:0;font-size:12px}.works-login-card .developer-login{font-size:11px}.works-login-card .developer-login .secondary-button{color:#283459}.works-login-footer{z-index:1;color:#929dbe;justify-content:space-between;align-items:center;gap:16px;width:100%;font-size:11px;line-height:1.7;display:flex;position:relative}.works-login-footer p{margin:0}.works-auth-page .auth-check-message{justify-content:flex-start;margin:28px 0 0;font-size:13px;line-height:1.8}.works-auth-page .auth-check-message i{flex:none}.works-auth-page .works-login-card>[role=alert]{color:#ffd8d8;overflow-wrap:anywhere;background:#82243733;border:1px solid #ffaaaa4d;border-radius:10px;margin-top:24px;padding:14px;font-size:13px;line-height:1.7}.works-auth-page .works-login-card>.secondary-button{color:#30386d;margin-top:18px}.sidebar{isolation:isolate;color:#f1f0ff;background:linear-gradient(165deg,#252448 0%,#19213d 53%,#282347 100%);box-shadow:8px 0 32px #191d3d06}.sidebar:after{content:"";z-index:0;pointer-events:none;opacity:.75;background:conic-gradient(from 20deg at 66% 45%,transparent 0 22deg,#8367ea33 23deg 67deg,transparent 68deg 125deg,#9275f324 126deg 176deg,transparent 177deg 221deg,#8b6fec33 222deg 270deg,transparent 271deg);clip-path:polygon(0 28%,37% 12%,100% 0,100% 100%,52% 82%,43% 40%,8% 67%);width:190px;height:155px;position:absolute;bottom:100px;right:0}.sidebar>*{z-index:1;position:relative}.sidebar-brand{aspect-ratio:1444/166;flex-shrink:0;width:min(100%,186px);height:auto;margin:4px auto 9px}.sidebar nav{gap:7px}.sidebar nav button{color:#bfc7e2;border:1px solid #0000;border-radius:12px;transition:background .18s,color .18s,border-color .18s}.sidebar nav button:not(.active):hover{color:#fff;background:#9986e61a;border-color:#c4b5fd1f}.sidebar nav button.active{color:#fff;background:var(--works-accent-gradient);border-color:#ccbfff1f;box-shadow:0 5px 18px #3e2b8533}.sidebar nav button.active svg{color:#f3eaff}.sidebar-profile{border-top-color:#c4bce72e}.sidebar-profile span,.sidebar-profile button{color:#a5afd0}.sidebar-profile .avatar{color:#4f3e9b;background:#e9e3ff}.topbar{border-bottom-color:var(--line);background:#fff}.topbar h1{color:#20283f}.eyebrow{color:#7f83a2}.icon-button{color:#656583;border-color:#e0e3ef}.icon-button:not(:disabled):hover{color:#634bc0;background:#f5f2ff;border-color:#d7cef3}.card,.panel{border-color:#e3e6f2;border-radius:17px;box-shadow:0 4px 20px #302c6906}.primary-button,.approval-actions button:not(.reject),.approval-tabs button.active{background:var(--works-accent-gradient);box-shadow:0 4px 12px #6648b81a}.primary-button:not(:disabled):hover,.approval-actions button:not(.reject):not(:disabled):hover{background:linear-gradient(110deg,#7047df 0%,#37428f 100%)}.secondary-button{color:#565a79;background:#fff;border-color:#dfe2ee}.secondary-button:not(.danger):not(:disabled):hover{color:#6144b5;background:#f7f4ff;border-color:#cfc2f3}.secondary-button.danger{color:#9b4540;background:#fff8f7;border-color:#edcdca}.secondary-button.danger:not(:disabled):hover{background:#fff0ee;border-color:#dca6a0}.primary-button:focus-visible,.secondary-button:focus-visible,.icon-button:focus-visible,.sidebar nav button:focus-visible,.bottom-nav button:focus-visible,.approval-actions button:focus-visible,.approval-tabs button:focus-visible,.works-welcome-link:focus-visible,.clock-card>button:focus-visible{outline-offset:3px;outline:3px solid #a08ae2}.approval-tabs{background:#edeaf6}.approval-tabs button{color:#706c88}.approval-tabs button b{color:#726486;background:#e4dff1}.approval-tabs button.active b{color:#473282;background:#e5dbff}.approval-row{background:#fff;border-color:#e4e7f2}.approval-actions button.reject{color:#a04443;box-shadow:none;background:#fff0ef}.approval-actions button.reject:not(:disabled):hover{color:#8c3233;background:#ffe6e3}.completed-actions button:not(.reject){color:#5a469d;box-shadow:none;background:#f1ecfd}.request-icon,.doc-icon,.payslip-file,.document-file-icon{color:#7555c6;background:#f1edfc}.notification-list>button.unread{background:#f6f3fd}.notification-list>button:hover{background:#f0ebfb}.notification-mark{color:#7555c6;background:#eee8fc}.notification-list>button>i{background:#8a65d4}.notification-panel{box-shadow:0 18px 55px #231e462b}.modal-backdrop{background:#10132a8c}.modal>footer{background:#fafaff}.modal input:focus,.modal textarea:focus,.modal select:focus,.profile-form input:focus,.profile-form textarea:focus,.document-issue-card input:focus,.document-issue-card select:focus,.document-settings-card input:focus{border-color:#9b85d6;box-shadow:0 0 0 3px #f0eafb}.policy-name,.form-note,.preview-box,.correction-comparison,.accrual-summary,.connection-note{color:#4c4972;background:#f3f0fb}.policy-name>svg,.calculation-flow i{color:#7754bd}.calculation-flow i{background:#ece5fb}.leave-kind-picker button.active{color:#5b3e9c;background:#f3edff;border-color:#987ad5;box-shadow:0 0 0 2px #7954e812}.attendance-actions button{color:#4e4886;background:#fff;border-color:#e1dff0}.attendance-actions button svg{color:#7d5bc6}.attendance-actions button:not(:disabled):hover{background:#f7f4ff;border-color:#cdbfee}.attendance-actions button:focus-visible{outline-offset:3px;outline:3px solid #a08ae2}.works-welcome-banner{isolation:isolate;color:#fff;background:radial-gradient(at 100% 5%,#8753f3cc,#0000 60%),linear-gradient(110deg,#38427d 0%,#504a99 100%);border:1px solid #846ad926;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;min-height:170px;margin-bottom:22px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #4b38870f}.works-welcome-banner>div,.works-welcome-link{z-index:1;position:relative}.works-welcome-banner>div{min-width:0}.works-welcome-banner .eyebrow{color:#d2c8f2;font-size:10px;line-height:1.6}.works-welcome-banner h2{letter-spacing:-.7px;margin:12px 0 8px;font-size:25px;line-height:1.45}.works-welcome-banner p{color:#dedbf2;margin:0;font-size:12px;line-height:1.7}.works-welcome-link{color:#fff;background:#ffffff14;border:1px solid #e0d7ff59;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:12px;font-weight:600;display:inline-flex}.works-welcome-link:hover{background:#ffffff2b}.works-welcome-link svg{width:16px;height:16px}.clock-card{isolation:isolate;background:linear-gradient(120deg,#fff 35%,#f6f3fd);position:relative;overflow:hidden}.clock-card>.works-mesh{opacity:.55}.clock-card>div,.clock-card>button{z-index:1;position:relative}.clock-card strong{color:#242b44}.clock-card>button{flex-shrink:0;margin-left:14px}.clock-card.attendance-session-card .attendance-session-note{color:#6e7790}.clock-card.attendance-session-card .attendance-session-warning{color:#805711;overflow-wrap:anywhere;background:#fff6e4;border:1px solid #efdbb0;border-radius:8px;padding:9px 11px}.clock-card.attendance-session-card .attendance-session-warning[role=alert]{color:#9b4540;background:#fff1ef;border-color:#efceca}.clock-card.attendance-session-card .attendance-session-refresh{color:#66518e;opacity:1;background:#fff;border:1px solid #e1d9f2;border-radius:8px;min-height:34px;padding:6px 9px}.attendance-session-refresh:focus-visible{outline-offset:3px;outline:3px solid #a08ae2}.clock-card>button:not(.clock-out){background:var(--works-accent-gradient);box-shadow:0 9px 24px #6549a633}.clock-card>button.clock-out{background:#a94c43;box-shadow:0 9px 24px #8b3e3b30}.clock-card>button:not(:disabled):hover{filter:brightness(1.06)}.home-work-progress{border-top-color:#e6e2f2}.home-work-progress:not(.warning):not(.danger) .home-work-track>i{background:var(--works-accent-gradient)}.home-work-track{background:#e8e5f1}.dark-card{color:#fff;background:linear-gradient(130deg,#30366b,#4d3d85)}.leave-summary .card-kicker,.leave-summary>span:not(.card-kicker){color:#c6bfdd}.leave-summary:after{border-color:#cebcff11}.leave-summary button{color:#e5dff5}.progress i{background:#c8b6ff}.hr-summary,.leave-banner,.profile-hero,.connections-hero,.documents-hero,.payslip-hero{background:radial-gradient(at 100% 0,#804fde70,#0000 56%),linear-gradient(115deg,#2d366b,#4e418c);box-shadow:0 9px 28px #42317c21}.hr-summary span,.leave-banner span{color:#d2c9e5}.hr-summary p,.leave-banner p,.connections-hero p,.documents-hero p{color:#cbc5e0}.profile-avatar{color:#4f3e9b;background:#e3d7ff}.notice-panel{background:#fff}.meal-menu-panel{border-color:#e5dff4}.meal-menu-heading h2 svg,.home-leave-calendar-head h2 svg{color:#7a58c3}.meal-menu-empty{color:#86749e;background:#faf8ff;border-color:#dbd1f1}.ai-news-card{background:#fcfbff;border-color:#e5e3ef}.ai-news-card:hover{border-color:#cdc2e8;box-shadow:0 7px 20px #402d7312}.bottom-nav button.active{color:#7751ce}.bottom-nav button.active span{filter:drop-shadow(0 2px 3px #7954e826)}.toast{background:#25263e}@media (width<=1050px){.works-login-layout{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:38px}.login-shell.works-login-card{padding:38px 30px}.works-login-brand>small{letter-spacing:.13em;font-size:9px}.works-welcome-banner{gap:18px;padding:25px}.works-welcome-banner h2{font-size:23px}}@media (width<=760px){.login-page.works-login-page,.login-page.works-auth-page{padding:25px 24px}.works-login-marker{letter-spacing:.12em;font-size:9px}.works-login-layout{grid-template-columns:minmax(0,1fr);gap:38px;max-width:480px;padding:45px 0}.works-login-brand{padding:0 14px}.works-brand-logo{width:min(100%,330px)}.works-login-brand>p{letter-spacing:.12em;margin-top:19px;font-size:17px}.works-login-brand>small{letter-spacing:.13em;margin-top:14px;font-size:8px}.login-shell.works-login-card{border-radius:21px;justify-self:center;width:100%;padding:32px 28px}.works-login-card h1{font-size:30px}.works-login-kicker{margin-bottom:14px;font-size:10px}.works-login-card .works-login-sub{font-size:13px}.works-login-card .login-button{min-height:56px;margin-top:27px;font-size:14px}.works-google-wordmark{width:74px}.works-login-card .works-login-help{margin-top:25px;font-size:11px}.works-login-footer{flex-direction:column;align-items:flex-start;gap:7px;font-size:10px}}@media (width<=700px){.app-shell,.app-shell .main{background:#f5f6fb}.works-welcome-banner{border-radius:16px;flex-direction:column;align-items:flex-start;gap:17px;min-height:0;margin-bottom:15px;padding:24px 22px}.works-welcome-banner h2{font-size:23px}.works-welcome-banner p{font-size:11px}.works-welcome-link{background:0 0;border:0;min-height:40px;padding:0;font-size:11px}.works-welcome-link:hover{color:#e2d5ff;background:0 0}.card,.panel{border-radius:15px}}@media (width<=390px){.login-page.works-login-page,.login-page.works-auth-page{padding:22px 18px}.works-login-layout{gap:31px;padding:35px 0}.works-login-marker{letter-spacing:.1em;font-size:8px}.works-login-brand{padding:0}.works-login-brand>p{font-size:15px}.works-login-brand>small{letter-spacing:.07em;font-size:8px}.login-shell.works-login-card{padding:27px 22px}.works-login-card .works-login-sub{font-size:12px}.works-login-card .login-button{gap:7px;padding:11px 10px;font-size:13px}.works-google-wordmark{width:68px}.works-login-card .works-login-help{align-items:flex-start;font-size:10px}}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar nav button,.login-button,.home-work-track>i,.ai-news-card{transition:none}.login-button:not(:disabled):hover,.ai-news-card:hover{transform:none}.auth-check-message i{animation:none}}@media (forced-colors:active){.works-mesh,.sidebar:after{display:none}.sidebar nav button.active,.primary-button,.approval-tabs button.active,.works-welcome-link{border:1px solid buttontext}}