:root{--ink:#202724;--muted:#65716c;--green:#146b58;--nav:#1e2d29;--paper:#f7f7f4;--line:#e4e5e0;--card:#fff;--red:#a73f36;--amber:#98610a}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:14px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.auth{background:var(--nav);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border-radius:14px;width:min(420px,100%);padding:34px;box-shadow:0 20px 70px #0004}.brand{color:#fff;font:700 21px Georgia,serif;position:absolute;top:34px;left:38px}.brand i{opacity:.65;margin-top:4px;font:600 11px system-ui;display:block}.auth h1{margin:0 0 8px;font:600 27px Georgia,serif}.auth p{color:var(--muted);line-height:1.5}.form{gap:14px;margin-top:25px;display:grid}.form label,.filters label{gap:6px;font-size:12px;font-weight:650;display:grid}.input{background:#fff;border:1px solid #d9ddd7;border-radius:7px;width:100%;padding:10px}.primary,.secondary{cursor:pointer;white-space:nowrap;border:0;border-radius:7px;padding:10px 13px;font-weight:650}.primary{background:var(--green);color:#fff}.secondary{background:#fff;border:1px solid #d9ddd7}.notice{color:var(--red);background:#f9e9e7;border-radius:7px;padding:10px;font-size:13px}.shell{min-height:100vh;display:flex}.sidebar{background:var(--nav);color:#d4ddd8;width:245px;padding:28px 16px;position:fixed;inset:0 auto 0 0}.sidebar .brand{margin:0 9px 35px;position:static}.nav{gap:3px;display:grid}.nav a{border-radius:7px;padding:11px 12px;font-size:14px}.nav a:hover,.nav a.active{color:#fff;background:#354742}.user{color:#b9c6c1;font-size:12px;position:absolute;bottom:25px;left:26px;right:26px}.user form{margin-top:7px}.signout{color:#dce5e1;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.main{width:calc(100% - 245px);max-width:1500px;margin-left:245px;padding:36px 46px 70px}.header,.section-head,.topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{letter-spacing:1.1px;color:var(--green);margin:0 0 5px;font-size:11px;font-weight:750}h1{margin:0;font:600 28px Georgia,serif}h2{margin:0 0 7px;font-size:22px}h3{margin:0;font-size:15px}p{color:var(--muted);margin:0;line-height:1.5}.metrics{grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0;display:grid}.metric,.card{background:var(--card);border:1px solid var(--line);border-radius:10px}.metric{padding:19px}.metric b{margin:8px 0;font-size:27px;display:block}.metric span{color:var(--muted);font-size:12px}.grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.card{padding:20px}.table-card{padding:0;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:13px 16px}th{letter-spacing:.3px;color:var(--muted);background:#fafaf8;font-size:11px}td{font-size:13px}.badge{white-space:nowrap;border-radius:11px;padding:4px 7px;font-size:11px;font-weight:700}.approved{color:#11634f;background:#e4f2ec}.pending{color:var(--amber);background:#fff1dc}.rejected{color:var(--red);background:#f9e8e6}.filters{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.filters select,.filters input{width:100%}.profile{grid-template-columns:320px 1fr;gap:18px;display:grid}.employee-list{gap:3px;display:grid}.employee-row{border-radius:7px;padding:11px}.employee-row:hover{background:#edf4f0}.muted{color:var(--muted);font-size:12px}.form-card{max-width:590px}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.empty{text-align:center;color:var(--muted);padding:35px}.bulk-card{margin:20px 0}.bulk-form{grid-template-columns:1.5fr repeat(4,minmax(120px,1fr));align-items:end;gap:12px;display:grid}.bulk-form label,.calendar-filters label{gap:6px;font-size:12px;font-weight:650;display:grid}.bulk-form input,.bulk-form select,.calendar-filters input{background:#fff;border:1px solid #d9ddd7;border-radius:7px;width:100%;padding:9px}.bulk-buttons{flex-wrap:wrap;gap:7px;display:flex}.row-actions{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.row-actions .primary,.row-actions .secondary{padding:7px 9px;font-size:12px}.row-actions details{position:relative}.row-actions summary{cursor:pointer;color:var(--green);padding:7px 2px;font-size:12px;text-decoration:underline}.inline-form{border:1px solid var(--line);background:#fff;border-radius:8px;gap:7px;min-width:230px;margin-top:6px;padding:12px;display:grid;box-shadow:0 8px 24px #19261f18}.inline-form label{gap:3px;font-size:11px;font-weight:650;display:grid}.inline-form input,.inline-form select{border:1px solid #d9ddd7;border-radius:5px;padding:7px}.inline-form .primary{padding:8px}.calendar-filters{align-items:end;gap:12px;margin:20px 0;display:flex}.calendar-filters label{min-width:170px}.calendar-card{overflow:auto}.legend{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.legend-dot.approved{background:#279274}.legend-dot.pending{background:#dfa12a}.legend-dot.rejected{background:#d66156}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(90px,1fr));min-width:700px;display:grid}.calendar-weekdays{margin-top:19px}.calendar-weekdays span{color:var(--muted);border-bottom:1px solid var(--line);padding:7px 9px;font-size:11px;font-weight:700}.calendar-day{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-content:flex-start;gap:4px;min-height:102px;padding:8px;display:flex}.calendar-day time{width:100%;color:var(--muted);font-size:12px;font-weight:700}.calendar-leave{border-radius:5px;padding:3px 5px;font-size:10px;font-weight:800}.calendar-empty{padding-top:15px}.balance-card,.upcoming-card{margin-top:18px}.employee-summary{margin-top:20px}.settings-grid{align-items:start}.unit-row,.staff-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:7px 0;display:grid}.staff-row{grid-template-columns:1fr 110px auto}.check-label{white-space:nowrap;font-size:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1100px){.bulk-form{grid-template-columns:repeat(3,1fr)}.bulk-form>div:first-child{grid-column:span 3}}@media (max-width:850px){.sidebar{width:66px;padding:20px 8px}.sidebar .brand{margin-bottom:30px;font-size:0}.sidebar .brand i,.nav span,.user{display:none}.nav a{text-align:center;font-size:0}.nav a:first-letter{font-size:17px}.main{width:calc(100% - 66px);margin-left:66px;padding:27px 20px}.metrics,.grid2,.profile,.filters,.bulk-form{grid-template-columns:1fr 1fr}.bulk-form>div:first-child{grid-column:span 2}}@media (max-width:580px){.main{padding:22px 13px}.header,.section-head{flex-direction:column;align-items:flex-start}.metrics,.grid2,.profile,.two,.filters,.bulk-form{grid-template-columns:1fr}.bulk-form>div:first-child{grid-column:auto}.metrics{gap:9px}.calendar-filters{flex-direction:column;align-items:stretch}.calendar-filters label{min-width:0}.unit-row,.staff-row{grid-template-columns:1fr}.calendar-weekdays,.calendar-grid{min-width:630px}}
.password-field{display:block;position:relative}.password-field .input{padding-right:44px}.password-toggle{width:34px;height:32px;color:var(--green);cursor:pointer;background:0 0;border:0;font-size:17px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.danger{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:9px 12px;font-weight:650}.audit-list{gap:8px;margin-top:12px;display:grid}.audit-item{border-left:3px solid var(--green);background:#fafbf9;padding:8px 11px}.balance-adjust{grid-template-columns:130px 130px 1fr auto;align-items:end;gap:10px;margin-top:14px;display:grid}.balance-adjust label{gap:6px;font-size:12px;font-weight:650;display:grid}.staff-actions{gap:7px;display:flex}.detail-actions{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:850px){.balance-adjust{grid-template-columns:1fr 1fr}}@media (max-width:580px){.balance-adjust{grid-template-columns:1fr}}.notice.success{color:#11634f;background:#e4f2ec}.account-card{margin-top:22px}.account-card .notice{margin-top:16px}.account-card .primary{justify-self:start}.auth-help{color:var(--green);margin-top:18px;font-weight:700;text-decoration:underline;display:inline-block}.auth-note{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;font-size:12px}.employee-search{margin-bottom:18px}.employee-search label{margin-bottom:8px;font-weight:700;display:block}.search-row{grid-template-columns:minmax(220px,1fr) auto auto;gap:9px;display:grid}.directory-card{min-width:0}.simple-directory{margin-top:14px}.directory-head,.directory-row{grid-template-columns:minmax(190px,1.25fr) minmax(150px,1fr) minmax(170px,1fr);align-items:center;gap:24px;display:grid}.directory-head{color:var(--muted);letter-spacing:.45px;text-transform:uppercase;background:#f4f7f5;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:800}.simple-directory .employee-row{border-bottom:1px solid #e6eae6;padding:15px 14px;font-size:14px}.simple-directory .employee-row:hover{background:#f6f9f6}.employee-name-link{color:var(--green);flex-direction:column;align-items:flex-start;gap:3px;font-size:16px;display:flex}.employee-name-link:hover{text-decoration:underline}.employee-name-link small{color:var(--muted);font-size:11px;font-weight:600;text-decoration:none}.directory-value{color:#45514c;line-height:1.4}.balance-dashboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}.balance-tile{background:linear-gradient(145deg,#fff,#f2f7f3);border:1px solid #dfe7e1;border-radius:14px;padding:20px}.balance-tile .balance-number{color:var(--green);margin:6px 0 10px;font-size:34px;font-weight:800;line-height:1.1}.balance-split{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.balance-split div{background:#fff;border:1px solid #dfe7e1;border-radius:11px;padding:12px}.balance-split span{color:var(--muted);font-size:11px;font-weight:750;line-height:1.25;display:block}.balance-split strong{color:var(--green);margin-top:5px;font-size:28px;line-height:1;display:block}.balance-split div:last-child strong{color:#1e2d29}.balance-meta{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.upcoming-list{gap:10px;margin-top:14px;display:grid}.upcoming-item{border-left:4px solid var(--green);background:#f6f8f6;border-radius:10px;justify-content:space-between;gap:16px;padding:13px 15px;display:flex}@media (max-width:700px){.search-row,.balance-dashboard,.balance-split{grid-template-columns:1fr}.upcoming-item{display:block}.directory-head{display:none}.directory-row{grid-template-columns:1fr;gap:10px}.directory-value{grid-template-columns:105px 1fr;gap:8px;display:grid}.directory-value:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:750}}.login-admin-panel{background:#f7faf8;border:1px solid #dfe7e1;border-radius:8px;gap:12px;margin-top:4px;padding:14px;display:grid}.login-admin-panel h4{color:var(--green);margin:0;font-size:13px}.page-notice{margin:18px 0}.friendly-error{background:var(--paper);place-items:center;min-height:100vh;padding:28px;display:grid}.inline-friendly-error{min-height:55vh}.friendly-error-card{border:1px solid var(--line);background:#fff;border-radius:10px;width:min(560px,100%);padding:28px;box-shadow:0 16px 50px #1b342b14}.friendly-error-card h1{margin-bottom:10px}.friendly-error-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.action-feedback{z-index:9999;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:progress;background:#f7f9f794;place-items:center;display:grid;position:fixed;inset:0}.action-feedback-box{color:var(--green);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:16px 22px;font-weight:750;display:flex;box-shadow:0 12px 40px #14372933}.loading-spinner{border:3px solid #d9e7df;border-top-color:var(--green);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite leavewise-spin;display:inline-block}.page-loading{min-height:45vh;color:var(--green);justify-content:center;align-items:center;gap:12px;display:flex}button:active,a:active{transform:scale(.98)}button:disabled{opacity:.72;cursor:wait}@keyframes leavewise-spin{to{transform:rotate(360deg)}}.rh-calendar{grid-column:1/-1}.year-picker,.rh-add,.rh-row{align-items:end;gap:10px;display:grid}.year-picker{grid-template-columns:180px auto;justify-content:start;margin:16px 0}.rh-add{grid-template-columns:1fr 220px auto;margin-bottom:20px}.rh-row{border-bottom:1px solid #e5e9e6;grid-template-columns:1fr 180px 120px 90px auto;padding:10px 0}.rh-add label,.year-picker label{gap:6px;font-weight:650;display:grid}@media (max-width:800px){.rh-add,.rh-row,.year-picker{grid-template-columns:1fr}}.report-filters{margin:22px 0 18px;padding:0;overflow:hidden;box-shadow:0 8px 28px #1b342b0f}.filter-heading{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f3f8f5,#fff);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.filter-heading h3{margin-bottom:3px;font-size:16px}.filter-heading>span{color:var(--green);background:#e6f2ec;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.filter-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding:20px;display:grid}.filter-grid label{color:#43504b;grid-column:span 3;gap:7px;min-width:0;font-size:12px;font-weight:750;display:grid}.filter-grid .filter-report,.filter-grid label:nth-child(2),.filter-grid label:nth-child(3){grid-column:span 4}.filter-grid select,.filter-grid input{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #d8ded9;border-radius:8px;outline:none;padding:9px 11px;transition:border-color .15s,box-shadow .15s}.filter-grid select:focus,.filter-grid input:focus{border-color:var(--green);box-shadow:0 0 0 3px #146b581f}.filter-grid small{color:var(--muted);margin-left:4px;font-weight:500}.filter-actions{align-items:center;gap:10px;padding:0 20px 20px;display:flex}.filter-actions .secondary{justify-content:center;align-items:center;display:inline-flex}.report-run{justify-content:center;align-items:center;gap:8px;min-width:126px;display:inline-flex}.button-spinner{border:2px solid #ffffff70;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite leavewise-spin}.dashboard-skeleton{padding-top:4px}.skeleton-line,.skeleton-panel,.skeleton-table>div{background:linear-gradient(90deg,#e9eeeb 25%,#f7f9f7 50%,#e9eeeb 75%) 0 0/200% 100%;border-radius:8px;animation:1.2s ease-in-out infinite skeleton-wave}.skeleton-line{height:13px;margin-bottom:10px}.skeleton-line.short{width:90px}.skeleton-line.title{width:260px;height:34px}.skeleton-line.subtitle{width:min(480px,80%)}.skeleton-panel{height:190px;margin:28px 0 18px}.skeleton-table{gap:10px;display:grid}.skeleton-table>div{height:54px}@keyframes skeleton-wave{to{background-position:-200% 0}}@media (max-width:1000px){.filter-grid label,.filter-grid .filter-report,.filter-grid label:nth-child(2),.filter-grid label:nth-child(3){grid-column:span 6}}@media (max-width:620px){.filter-heading{align-items:flex-start}.filter-grid{padding:16px}.filter-grid label,.filter-grid .filter-report,.filter-grid label:nth-child(2),.filter-grid label:nth-child(3){grid-column:1/-1}.filter-actions{padding:0 16px 16px}.filter-actions>*{flex:1}}.attendance-card{padding:0;overflow:hidden}.attendance-card>.topline{border-bottom:1px solid var(--line);padding:20px}.attendance-employee-filter{border-bottom:1px solid var(--line);background:#fbfdfb;grid-template-columns:minmax(280px,520px) auto;align-items:end;gap:12px;padding:16px 20px;display:grid}.attendance-employee-filter label{color:#43504b;gap:7px;font-size:12px;font-weight:750;display:grid}.attendance-employee-filter .secondary{justify-content:center;align-items:center;min-height:42px;display:inline-flex}.attendance-summary{border-bottom:1px solid var(--line);background:#f7faf8;flex-wrap:wrap;gap:12px;padding:16px 20px;display:flex}.attendance-summary span{color:var(--muted);background:#fff;border:1px solid #dfe7e1;border-radius:8px;padding:8px 10px}.attendance-summary b{color:var(--green);margin-left:5px}.attendance-table-wrap{overflow:auto}.attendance-table{min-width:1460px}.attendance-table th,.attendance-table td{padding:10px 11px}.attendance-input{background:#fff;border:1px solid #d8ded9;border-radius:7px;width:74px;padding:8px}.amount-input{width:104px}.attendance-actions{padding-top:16px}.attendance-month-form .filter-grid label{grid-column:span 4}@media (max-width:700px){.attendance-month-form .filter-grid label{grid-column:1/-1}.attendance-employee-filter{grid-template-columns:1fr}.attendance-employee-filter .secondary{width:100%}}.searchable-select{position:relative}.searchable-select input,.searchable-select select{background:#fff;border:1px solid #d8ded9;border-radius:8px;width:100%;min-width:0;padding:9px 11px}.employee-picker{gap:7px;display:grid}.employee-picker-input-wrap{position:relative}.employee-picker-input{padding-right:42px!important}.employee-picker-clear{width:28px;height:28px;color:var(--green);cursor:pointer;background:#eef4f1;border:0;border-radius:999px;font-size:18px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.employee-picker-results{z-index:50;background:#1f1f1f;border:0;border-radius:13px;max-height:280px;padding:12px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 18px 42px #00000057}.employee-picker-results:before{content:"";background:#1f1f1f;width:18px;height:18px;position:absolute;top:-9px;left:28px;transform:rotate(45deg);box-shadow:-2px -2px 2px #0000000a}.employee-picker-results button{z-index:1;text-align:left;color:#efefef;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:13px 12px;font-weight:800;display:block;position:relative}.employee-picker-results button:hover,.employee-picker-results button.selected{color:#fff;background:#2f2f2f}.employee-picker-empty{z-index:1;color:#c9c9c9;padding:12px;font-size:13px;position:relative}.employee-picker-hint{font-size:11px}.withdrawn{color:#65716c;background:#eef1ef}.danger-lite{color:var(--red);border-color:#e4b6af!important}.advance-salary-layout{grid-template-columns:minmax(360px,440px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.dashboard-advance-card{margin-top:18px}.dashboard-advance-card table{margin-top:14px}.advance-salary-form-card{min-width:0;overflow:visible}.advance-salary-form-card .primary{white-space:normal;width:100%}.advance-salary-tabs{margin-top:12px}.advance-salary-new-tab{max-width:900px}.advance-salary-new-tab .form{max-width:720px}.advance-requests-card{min-width:0;padding:0;overflow:hidden}.advance-requests-card>.topline{border-bottom:1px solid var(--line);align-items:flex-start;padding:20px}.advance-requests-card>.topline h3{margin-bottom:4px}.advance-requests-card>.topline p{margin:0}.advance-status-filter{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.advance-status-filter .input{min-width:180px}.advance-request-list{gap:10px;padding:18px 20px;display:grid}.advance-request-item{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.advance-request-item>summary{cursor:pointer;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(110px,.7fr)) 32px;align-items:center;gap:14px;padding:16px 18px;list-style:none;display:grid}.advance-request-item>summary::-webkit-details-marker{display:none}.advance-request-item>summary:after{content:"⌄";width:30px;height:30px;color:var(--green);background:#edf5f1;border-radius:999px;grid-area:1/5;justify-self:end;place-items:center;font-weight:900;transition:transform .18s;display:grid}.advance-request-item[open]>summary:after{transform:rotate(180deg)}.advance-request-item>summary>span{gap:4px;min-width:0;display:grid}.advance-request-item>summary small{color:var(--muted);font-size:11px;font-weight:750}.advance-request-item>summary b{overflow-wrap:anywhere}.advance-request-item>summary .advance-request-employee small{font-weight:600}.advance-request-item>summary .badge{font-style:normal;display:inline-block}.advance-request-details{border-top:1px solid var(--line);background:#fbfcfb;padding:16px 18px 18px}.advance-request-details dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px;display:grid}.advance-request-details dl>div{min-width:0}.advance-request-details dt{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:800}.advance-request-details dd{overflow-wrap:anywhere;margin:5px 0 0}.advance-request-details .advance-request-reason{grid-column:1/-1}.advance-request-details .inline-advance-form{border-top:1px solid var(--line);min-width:0;padding-top:16px}.advance-request-details .inline-advance-form label{gap:6px;font-size:12px;font-weight:750;display:grid}.advance-request-details .inline-advance-form .attendance-input,.advance-request-details .inline-advance-form .amount-input{min-height:40px}.advance-request-details .inline-advance-form .attendance-remarks{background:#fff;border:1px solid #d8ded9;border-radius:7px;width:100%;padding:9px}.advance-request-details .inline-advance-form .advance-request-reason{grid-column:1/-1}.advance-request-details .inline-advance-form button{justify-self:start}.advance-request-empty{text-align:center;margin:0;padding:22px}.inline-advance-form{grid-template-columns:repeat(2,minmax(110px,1fr));gap:8px;min-width:280px;display:grid}.inline-advance-form textarea,.inline-advance-form button{grid-column:1/-1}.inline-advance-form .attendance-input,.inline-advance-form .amount-input{width:100%}.manager-advance-actions{gap:8px;min-width:280px;display:grid}@media (max-width:900px){.advance-request-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.advance-status-filter,.advance-status-filter .input,.advance-status-filter button{width:100%}.advance-requests-card>.topline{display:grid}.advance-request-list{padding:14px}.advance-request-item>summary{grid-template-columns:minmax(0,1fr) auto;gap:10px}.advance-request-item>summary:after{grid-area:1/2}.advance-request-item>summary>span:nth-child(2),.advance-request-item>summary>span:nth-child(3){grid-row:2}.advance-request-item>summary>span:nth-child(4){grid-area:3/1}.advance-request-item>summary>span:nth-child(4) b{justify-self:start}.advance-request-details{padding:14px}.advance-request-details dl{grid-template-columns:1fr 1fr}.advance-request-details .inline-advance-form{grid-template-columns:1fr}.advance-request-details .inline-advance-form>*{grid-column:1/-1}.manager-advance-actions{min-width:0}}.access-control-preview{margin-top:22px}.access-toolbar{background:linear-gradient(135deg,#fff,#f4faf7);justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.access-toolbar-actions{flex-wrap:wrap;gap:10px;display:flex}.access-grid{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:18px;display:grid}.role-list-card{position:sticky;top:22px}.role-list-card p{margin:6px 0 16px}.role-list{gap:9px;display:grid}.role-pill{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;width:100%;padding:12px;transition:border-color .15s,box-shadow .15s,background .15s}.role-pill:hover,.role-pill.active{border-color:var(--green);background:#f5fbf8;box-shadow:0 8px 22px #146b581a}.role-pill b{color:var(--ink);margin-bottom:4px;display:block}.role-pill span{color:var(--muted);font-size:12px;display:block}.access-note{color:#6b4a16;background:#f6f1e7;border-radius:10px;margin-top:16px;padding:12px;font-size:12px;line-height:1.45}.role-editor-card{overflow:hidden}.role-editor-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:18px;display:flex}.role-risk-card{background:#f4faf7;border:1px solid #dcebe4;border-radius:12px;min-width:170px;padding:14px}.role-risk-card span,.role-risk-card small{color:var(--muted);font-size:12px;display:block}.role-risk-card b{color:var(--green);margin:3px 0;font-size:24px;display:block}.role-meta-grid{grid-template-columns:220px 1fr 300px;gap:12px;margin-bottom:18px;display:grid}.role-meta-grid label{color:#43504b;gap:7px;font-size:12px;font-weight:750;display:grid}.permission-groups{gap:16px;display:grid}.permission-group{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.permission-group-head{border-bottom:1px solid var(--line);background:#fbfcfa;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.permission-group-head span{color:var(--muted);font-size:12px;font-weight:750}.permission-list{display:grid}.permission-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:auto minmax(0,1fr) 82px;align-items:flex-start;gap:12px;padding:13px 16px;display:grid}.permission-row:last-child{border-bottom:0}.permission-row.enabled{background:#f8fcfa}.permission-row input{accent-color:var(--green);margin-top:4px}.permission-row b{margin-bottom:3px;display:block}.permission-row small,.permission-row em{color:var(--muted);font-size:12px;line-height:1.4;display:block}.permission-row em{color:#7f6a2f;margin-top:5px;font-style:normal}.permission-row i{text-align:center;text-transform:uppercase;border-radius:999px;justify-self:end;min-width:70px;padding:4px 8px;font-size:10px;font-style:normal;font-weight:800}.risk-low{color:#53635e;background:#eef4f1}.risk-medium{color:#8a5708;background:#fff1dc}.risk-high{color:#a34e20;background:#fbe8df}.risk-critical{color:var(--red);background:#f7dfdc}.access-save-bar{border:1px solid var(--line);background:#f5f7f4;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:16px;display:flex}.access-save-bar p{margin-top:3px;font-size:12px}@media (max-width:1120px){.access-grid{grid-template-columns:1fr}.role-list-card{position:static}.role-meta-grid{grid-template-columns:1fr}}@media (max-width:720px){.access-toolbar,.role-editor-head,.access-save-bar{flex-direction:column;align-items:stretch}.access-toolbar-actions{width:100%}.access-toolbar-actions button{flex:1}.permission-row{grid-template-columns:auto 1fr}.permission-row i{grid-column:2;justify-self:start}.role-risk-card{min-width:0}}.service-charge-form{padding:0;overflow:hidden}.sc-calculation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7faf8;padding:20px}.sc-calculation h2{margin-bottom:16px}.sc-calc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.sc-calc-grid label{gap:7px;font-size:12px;font-weight:750;display:grid}.sc-calc-grid input{border:1px solid #d8ded9;border-radius:8px;min-height:42px;padding:9px 11px}.sc-output{color:var(--muted);background:#fff;border:1px solid #dfe7e1;border-radius:10px;align-content:center;padding:10px 14px;display:grid}.sc-output b{color:var(--green);margin-top:5px;font-size:23px}.service-charge-table{min-width:1000px}.service-charge-form>.table-title{padding:20px}.service-charge-form>.filter-actions{padding-top:16px}@media (max-width:800px){.sc-calc-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.sc-calc-grid{grid-template-columns:1fr}}.service-charge-sync-card{margin-top:18px}.service-charge-sync-card>div,.service-charge-sync-card form{justify-content:space-between;align-items:center;gap:18px;display:flex}.service-charge-sync-card h3{margin-bottom:4px}.service-charge-sync-card p{margin:0}@media (max-width:700px){.service-charge-sync-card>div,.service-charge-sync-card form{display:grid}.service-charge-sync-card button{width:100%}}.offer-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.offer-menu-card{align-content:start;gap:9px;min-height:145px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.offer-menu-card:hover{border-color:#cbd8cf;transform:translateY(-2px);box-shadow:0 10px 28px #1b342b14}.offer-menu-card span{color:var(--green);font-size:19px;font-weight:800}.offer-form-card{margin-top:22px}.offer-letter-form{gap:22px}.offer-form-section{border-bottom:1px solid var(--line);gap:14px;padding-bottom:18px;display:grid}.offer-form-section:last-of-type{border-bottom:0}.offer-grid{gap:14px;display:grid}.offer-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.offer-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.computed-total{background:#f7faf8;border:1px solid #dfe7e1;border-radius:8px;align-content:center;gap:4px;min-height:64px;padding:11px 14px;display:grid}.computed-total span{color:var(--muted);font-size:12px;font-weight:750}.computed-total b{color:var(--green);font-size:20px}.offer-actions{padding:0}.offer-status-filter .filter-grid label{grid-column:span 4}.offer-status-card table{min-width:1120px}.offer-status-row{grid-template-columns:minmax(130px,1fr) auto;align-items:center;gap:8px;display:grid}.offer-actions-cell{flex-wrap:wrap;gap:8px;display:flex}.create-from-offer{grid-template-columns:120px minmax(180px,1fr);align-items:end;gap:8px;min-width:330px;display:grid}.create-from-offer .check-label,.create-from-offer button{grid-column:1/-1}.create-from-offer label{gap:5px;font-size:11px;font-weight:750;display:grid}.employee-documents-card{margin-top:18px}.document-upload-form{grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:12px;margin:16px 0;display:grid}.document-upload-form label{gap:6px;font-size:12px;font-weight:750;display:grid}.document-list{gap:10px;display:grid}.document-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}@media (max-width:980px){.offer-grid.four,.offer-grid.three{grid-template-columns:1fr 1fr}.offer-menu,.create-from-offer{grid-template-columns:1fr}}@media (max-width:620px){.offer-grid.four,.offer-grid.three,.document-upload-form{grid-template-columns:1fr}.document-row{display:grid}.offer-status-row{grid-template-columns:1fr}.offer-status-filter .filter-grid label{grid-column:1/-1}}.business-unit-list{margin-top:20px}.business-unit-card{border:1px solid var(--line);background:linear-gradient(135deg,#fff,#f8faf9);border-radius:14px;padding:0;overflow:hidden;box-shadow:0 8px 24px #1b342b0d}.business-unit-card>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:20px;list-style:none;display:flex}.business-unit-card>summary::-webkit-details-marker{display:none}.business-unit-card>summary:after{content:"⌄";width:30px;height:30px;color:var(--green);background:#edf5f1;border-radius:999px;place-items:center;font-weight:900;transition:transform .18s;display:grid}.business-unit-card[open]>summary:after{transform:rotate(180deg)}.business-unit-card>summary span{gap:4px;display:grid}.business-unit-card>summary b{font-size:18px}.business-unit-card>summary small{color:var(--muted);font-weight:600}.business-unit-card>summary em{color:var(--green);white-space:nowrap;background:#e6f2ec;border-radius:999px;margin-left:auto;padding:7px 10px;font-size:12px;font-style:normal;font-weight:900}.business-unit-row{border-top:1px solid var(--line);gap:12px;padding:20px;display:grid}.business-unit-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.business-unit-fields label{color:#43504b;gap:5px;font-size:11px;font-weight:750;display:grid}.business-unit-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (max-width:700px){.business-unit-card>summary{align-items:flex-start;padding:17px 16px}.business-unit-card>summary em{margin-left:0}.business-unit-row{padding:16px}.business-unit-fields{grid-template-columns:1fr}.business-unit-actions{justify-content:flex-start}}.offer-template-card{margin-top:18px}.rich-editor-wrap{gap:8px;display:grid}.rich-editor-wrap>label{color:#43504b;font-size:12px;font-weight:750}.rich-toolbar{flex-wrap:wrap;gap:6px;display:flex}.rich-toolbar button{cursor:pointer;background:#fff;border:1px solid #d8ded9;border-radius:7px;padding:7px 9px;font-weight:750}.rich-toolbar button:hover{border-color:var(--green);color:var(--green)}.rich-editor{background:#fff;border:1px solid #d8ded9;border-radius:8px;outline:none;min-height:190px;padding:14px;line-height:1.55;overflow:auto}.rich-editor:focus{border-color:var(--green);box-shadow:0 0 0 3px #146b581f}.rich-editor.single-line{min-height:52px}.rich-editor p{color:inherit;margin:0 0 10px}.placeholder-box{background:#f7faf8;border:1px solid #dfe7e1;border-radius:8px;padding:13px 15px}.placeholder-box p{word-break:break-word;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.pagination-bar{border-top:1px solid var(--line);color:var(--muted);background:#fbfcfb;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;font-size:12px;display:flex}.pagination-bar>div{align-items:center;gap:8px;display:flex}.pagination-bar .secondary{padding:8px 12px}.disabled-link{opacity:.45;pointer-events:none}@media (max-width:640px){.pagination-bar{display:grid}.pagination-bar>div{grid-template-columns:1fr 1fr;display:grid}.pagination-bar .secondary{text-align:center;justify-content:center}}.sort-column{width:100%;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:750;display:inline-flex}.sort-column span{color:#8b9691;font-size:12px}.sort-column.active,.sort-column.active span{color:var(--green)}.leave-request-filter-card{z-index:5;margin-bottom:18px;padding:0;position:relative;overflow:visible}.leave-request-filter-card .attendance-employee-filter{border-bottom:0}.settings-dashboard{gap:16px;margin-top:22px;display:grid}.settings-panel{padding:0;transition:border-color .18s,box-shadow .18s;overflow:visible;box-shadow:0 10px 32px #1b342b0d}.settings-panel[open]{border-color:#d5e2da;box-shadow:0 14px 40px #1b342b14}.settings-panel>summary{cursor:pointer;background:linear-gradient(135deg,#fff,#f5faf7);border-radius:10px;justify-content:space-between;align-items:center;gap:18px;padding:19px 22px;list-style:none;display:flex}.settings-panel>summary::-webkit-details-marker{display:none}.settings-panel>summary:after{content:"⌄";width:30px;height:30px;color:var(--green);background:#edf5f1;border-radius:999px;place-items:center;font-weight:900;transition:transform .18s;display:grid}.settings-panel[open]>summary:after{transform:rotate(180deg)}.settings-panel>summary span{gap:4px;display:grid}.settings-panel>summary b{font-size:17px}.settings-panel>summary small{color:var(--muted);font-weight:600;line-height:1.35}.settings-panel>summary em{color:var(--green);white-space:nowrap;background:#e6f2ec;border-radius:999px;margin-left:auto;padding:7px 10px;font-size:12px;font-style:normal;font-weight:900}.settings-panel-body{gap:18px;padding:0 22px 22px;animation:.18s ease-out settings-reveal;display:grid}.settings-card-form{max-width:760px}.settings-inline-add{grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:12px;max-width:720px;display:grid}.settings-inline-add label,.settings-list-form label{color:#43504b;gap:6px;font-size:12px;font-weight:750;display:grid}.settings-list{gap:10px;margin-top:4px;display:grid}.settings-list-row{background:#fbfcfb;border:1px solid #edf0ec;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.settings-list-form{grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:10px;display:grid}.master-data-section{gap:18px;display:grid}.empty.compact{padding:18px}.staff-list{margin-top:18px}.settings-panel .staff-row{border:1px solid #edf0ec;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;padding:12px}.settings-panel .staff-actions{grid-template-columns:minmax(200px,1fr) minmax(170px,240px) auto;gap:8px;display:grid}.settings-panel .section-divider{border:0;border-top:1px solid var(--line);width:100%;margin:4px 0}.settings-panel .action-feedback{border-radius:10px;position:absolute;inset:0}.settings-panel form{position:relative}.settings-panel .action-feedback-box{padding:12px 16px}.danger-lite{color:var(--red);cursor:pointer;background:#fff;border:1px solid #e4b6af;border-radius:7px;padding:10px 13px;font-weight:750}@keyframes settings-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.settings-panel>summary{align-items:flex-start}.settings-inline-add,.settings-list-row,.settings-list-form,.settings-panel .staff-actions{grid-template-columns:1fr}.settings-panel>summary em{margin-left:0}.settings-panel .staff-row{grid-template-columns:1fr}.settings-panel-body{padding:0 16px 16px}.settings-panel>summary{padding:17px 16px}}.payroll-component-row{grid-template-columns:minmax(220px,1fr) 150px auto auto}.payrun-tabs{gap:10px;margin:18px 0;display:flex}.payrun-empty{gap:14px;max-width:720px;display:grid}.payrun-summary{background:linear-gradient(135deg,#fff,#f6faf8);grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.payrun-summary div{background:#fff;border:1px solid #dfe7e1;border-radius:12px;padding:14px}.payrun-summary span,.payrun-summary small{color:var(--muted);font-size:12px;font-weight:750;display:block}.payrun-summary b{color:var(--ink);margin:6px 0;font-size:20px;display:block}.payrun-actions{flex-wrap:wrap;align-items:end;gap:14px;margin-bottom:18px;display:flex}.payrun-actions form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.payrun-actions label{gap:6px;font-size:12px;font-weight:750;display:grid}.payrun-actions .inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.payrun-table table{min-width:1180px}.payrun-edit{position:relative}.payrun-edit summary{display:inline-flex}.payrun-edit .inline-form{z-index:20;grid-template-columns:repeat(2,minmax(130px,1fr));min-width:420px;position:absolute;right:0}.payrun-edit .inline-form label:last-of-type,.payrun-edit .inline-form button{grid-column:1/-1}.payslip-list{gap:10px;margin-top:14px;display:grid}.payslip-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}@media (max-width:920px){.payrun-summary{grid-template-columns:1fr 1fr}.payroll-component-row{grid-template-columns:1fr}.payrun-edit .inline-form{grid-template-columns:1fr;min-width:0;position:static}}@media (max-width:620px){.payrun-summary{grid-template-columns:1fr}.payrun-actions,.payrun-actions form,.payrun-actions .inline-actions{width:100%;display:grid}.payslip-row{display:grid}}.employee-profile-tabs{border-bottom:1px solid var(--line);gap:6px;margin:20px 0;display:flex}.employee-profile-tabs a{color:var(--muted);border-bottom:3px solid #0000;padding:11px 15px;font-weight:750}.employee-profile-tabs a.active{color:var(--green);border-color:var(--green)}.employee-payslips-page{gap:22px;display:grid}.payslip-year{gap:10px;display:grid}.payslip-year h3{font-size:18px}.payslip-actions{flex-wrap:wrap;gap:14px;display:flex}.payslip-actions a{color:var(--green);font-weight:750;text-decoration:underline}.payslip-template-units{gap:12px;margin-top:18px;display:grid}.payslip-template-form{border-top:1px solid var(--line);margin:0;padding:20px}.payslip-template-form textarea{resize:vertical}.payslip-component-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.payslip-component-groups section{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px}.payslip-component-groups h4{margin:0 0 10px}.payslip-component-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:8px;display:grid}.payslip-component-row .input{padding:8px}.table-wrap{overflow:auto}@media (max-width:900px){.payslip-component-groups{grid-template-columns:1fr}.employee-payslips-page table{min-width:620px}}.payrun-unit-create{background:linear-gradient(135deg,#fff,#f5faf7);grid-template-columns:minmax(0,1fr) minmax(300px,460px);align-items:end;gap:28px;margin-top:20px;display:grid}.payrun-unit-create form{grid-template-columns:minmax(210px,1fr) auto;align-items:end;gap:12px;display:grid}.payrun-unit-create label{gap:6px;font-size:12px;font-weight:750;display:grid}.payrun-drafts{margin-top:18px}.payrun-unit-list{gap:10px;margin-top:16px;display:grid}.payrun-unit-link{text-align:left;justify-content:space-between;align-items:center;display:flex}.payrun-unit-link span:first-child{gap:3px;display:grid}.payrun-unit-link small{color:var(--muted)}.professional-tax-units{gap:18px;display:grid}.professional-tax-form{border-top:1px solid var(--line);gap:16px;padding:20px;display:grid}.professional-tax-unit{border:1px solid var(--line);background:linear-gradient(135deg,#fff,#f8faf9);border-radius:14px;padding:0;overflow:hidden;box-shadow:0 8px 24px #1b342b0d}.professional-tax-unit>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:20px;list-style:none;display:flex}.professional-tax-unit>summary::-webkit-details-marker{display:none}.professional-tax-unit>summary:after{content:"⌄";width:30px;height:30px;color:var(--green);background:#edf5f1;border-radius:999px;place-items:center;font-weight:900;transition:transform .18s;display:grid}.professional-tax-unit[open]>summary:after{transform:rotate(180deg)}.professional-tax-unit>summary span{gap:4px;display:grid}.professional-tax-unit>summary b{font-size:19px}.professional-tax-unit>summary small{color:var(--muted);font-weight:600}.professional-tax-unit>summary em{color:var(--green);white-space:nowrap;background:#e6f2ec;border-radius:999px;margin-left:auto;padding:7px 10px;font-size:12px;font-style:normal;font-weight:900}.professional-tax-unit-head{grid-template-columns:minmax(0,1fr) minmax(220px,340px);align-items:end;gap:20px;display:grid}.professional-tax-unit-head h3{margin-bottom:4px;font-size:20px}.professional-tax-form label{gap:6px;font-weight:700;display:grid}.tax-slab-head,.tax-slab-row{grid-template-columns:1fr 1fr 1.3fr 42px;align-items:center;gap:12px;display:grid}.tax-slab-head{color:var(--muted);text-transform:uppercase;padding:0 10px;font-size:11px;font-weight:800}.tax-remove{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:28px}.tax-remove:disabled{opacity:.25;cursor:not-allowed}.link-button{color:#176bd1;cursor:pointer;background:0 0;border:0;justify-self:start;padding:4px 0;font-weight:750}.tax-effective{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:18px;padding-top:16px;display:flex}.tax-effective label{min-width:230px}@media (max-width:760px){.payrun-unit-create,.payrun-unit-create form,.professional-tax-unit-head{grid-template-columns:1fr}.professional-tax-unit>summary{align-items:flex-start;padding:17px 16px}.professional-tax-unit>summary em{margin-left:0}.professional-tax-form{padding:16px}.tax-slab-head{display:none}.tax-slab-row{grid-template-columns:1fr 1fr}.tax-slab-row input:nth-child(3){grid-column:1/-1}.tax-effective{display:grid}.tax-effective label{min-width:0}}.payrun-workflow{gap:16px;margin-bottom:18px;display:grid}.payrun-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.payrun-steps span{color:var(--muted);text-align:center;background:#f8faf8;border:1px solid #dfe7e1;border-radius:999px;padding:10px 12px;font-size:12px;font-weight:850}.payrun-steps span.active{color:var(--green);background:#e8f5ef;border-color:#c8dfd3}.payrun-workflow-actions{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.record-payment-form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.record-payment-form label{gap:6px;font-size:12px;font-weight:750;display:grid}.delete-payrun-form{border-left:1px solid var(--line);padding-left:14px}.payroll-sync-box{background:#fbfcfb;border:1px solid #dfe7e1;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin:14px 0;padding:14px;display:flex}.payroll-sync-box p{margin:0}@media (max-width:900px){.payrun-steps{grid-template-columns:1fr 1fr 1fr}.payrun-workflow-actions,.record-payment-form,.payroll-sync-box{display:grid}.delete-payrun-form{border-left:0;border-top:1px solid var(--line);padding-top:12px;padding-left:0}}@media (max-width:560px){.payrun-steps{grid-template-columns:1fr}}.payrun-command-stack{justify-items:start;gap:10px;margin:16px 0 4px;display:grid}.payrun-navigation,.payrun-current-actions,.payrun-current-actions form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.payrun-current-actions .notice{margin:0}.payrun-financial-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 18px;display:grid}.payrun-financial-summary article{background:#fff;border:1px solid #dfe7e1;border-radius:12px;min-width:0;padding:16px;box-shadow:0 8px 24px #1a43350b}.payrun-financial-summary span,.payrun-financial-summary small{color:var(--muted);font-size:12px;font-weight:750;display:block}.payrun-financial-summary b{color:var(--ink);margin:7px 0;font-size:20px;display:block}.payrun-financial-summary dl{gap:5px;margin:8px 0;display:grid}.payrun-financial-summary dl div{justify-content:space-between;gap:8px;display:flex}.payrun-financial-summary dt,.payrun-financial-summary dd{margin:0;font-size:12px}.payrun-financial-summary dd{color:var(--ink);text-align:right;font-weight:850}.destructive-confirmation{gap:16px;max-width:720px;margin:24px auto;padding:28px;display:grid}.destructive-confirmation h1,.destructive-confirmation p{margin:0}.destructive-confirmation-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.destructive-confirmation-actions form{margin:0}@media (max-width:1100px){.payrun-financial-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.payrun-financial-summary{grid-template-columns:1fr}.payrun-navigation,.payrun-current-actions,.payrun-current-actions form{width:100%;display:grid}.destructive-confirmation-actions{display:grid}.destructive-confirmation-actions>*{text-align:center;width:100%}}.employee-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.employee-card-head h3{margin:0}.employee-card-head .secondary{text-align:center;min-width:76px;padding:7px 16px}.employee-section-tabs{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.employee-section-form>h3{margin:0 0 6px}.employee-section-actions{border-top:1px solid var(--line);justify-content:flex-end;margin-top:24px;padding-top:18px;display:flex}.employee-calculated-field{border:1px solid var(--line);background:#f7faf8;border-radius:10px;align-content:end;gap:7px;padding:12px 14px;display:grid}.employee-calculated-field span{color:var(--muted);font-size:12px;font-weight:800}.employee-calculated-field b{font-size:18px}.employee-payment-edit{border:1px solid var(--line);background:#fbfcfa;border-radius:14px;margin-top:18px;padding:16px}.employee-payment-edit>label{max-width:360px;font-weight:800;display:block}@media (max-width:620px){.employee-card-head{align-items:flex-start}.employee-section-tabs{display:grid}.employee-section-actions,.employee-section-actions button{width:100%}}.employee-login-card{margin-top:18px}.credential-details{margin-top:14px}.credential-details>summary{list-style:none;display:inline-block}.credential-details>summary::-webkit-details-marker{display:none}.employee-password-reset{max-width:520px}.employee-password-reset button{justify-self:start}.statutory-selectors{border:1px solid var(--line);background:#f8faf8;border-radius:12px;padding:14px}.statutory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.statutory-grid label{gap:6px;font-weight:700;display:grid}.statutory-note{color:#69502b;background:#fff7e8;border-radius:10px;padding:14px 16px;line-height:1.55}.statutory-unit summary em{color:#315b91;background:#eef3fb}@media (max-width:700px){.statutory-grid{grid-template-columns:1fr}}.payrun-row-saved{color:var(--green);font-size:12px;font-weight:800}.employee-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.salary-locked-panel{border:1px solid var(--line);background:#f7faf8;border-radius:14px;gap:14px;margin:16px 0;padding:16px;display:grid}.salary-locked-panel .primary{justify-self:start}.salary-revision-form-card{gap:18px;display:grid}.salary-current-strip{flex-wrap:wrap;gap:10px;display:flex}.salary-current-strip span{border:1px solid var(--line);color:var(--muted);background:#f7faf8;border-radius:10px;padding:10px 12px;font-size:12px}.salary-current-strip b{color:var(--ink);margin-top:3px;font-size:15px;display:block}.salary-revision-history table{min-width:860px}.revision-change{margin-left:8px;font-size:11px;font-weight:850;display:inline-block}.revision-change.up{color:#17865f}.revision-change.down{color:#b64a3f}.status.pending,.badge.pending{color:#8a5d11;background:#fff1d7}.status.approved,.badge.approved{color:#11634f;background:#e4f2ec}.status.rejected,.badge.rejected{color:#a03931;background:#f7dfdc}.revision-details>summary{color:var(--green);cursor:pointer;white-space:nowrap;font-weight:800}.revision-detail-panel{border:1px solid var(--line);background:#fbfcfb;border-radius:12px;gap:16px;min-width:720px;max-width:900px;margin-top:9px;padding:18px;display:grid}.revision-detail-panel p{margin:0}.revision-detail-summary{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;padding-bottom:14px;display:grid}.revision-detail-summary span{color:var(--muted);font-size:12px}.revision-detail-summary b{color:var(--ink);margin-top:5px;font-size:15px;display:block}.revision-salary-structure{gap:0;display:grid}.revision-salary-structure h4{margin:0 0 10px}.revision-component-head,.revision-component-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(230px,1.4fr) 1fr 1fr;align-items:center;gap:16px;padding:11px 8px;display:grid}.revision-component-head{color:var(--muted);text-transform:uppercase;background:#f5f7f6;font-size:11px;font-weight:850}.revision-component-row>span:not(:first-child){text-align:right}.revision-component-row small{color:var(--muted);margin-top:3px;display:block}.revision-component-row.total{background:#f7faf8;font-size:15px}.revision-pdf-actions{align-items:center;gap:10px;display:flex}.revision-pdf-actions a{font-weight:800}.revision-timeline{border-left:3px solid #cfe2d8;gap:7px;padding-left:13px;display:grid}.revision-timeline span{color:var(--muted);font-size:12px}.revision-email-form,.revision-decision-form{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.revision-email-form button,.revision-decision-form button{justify-self:start;width:auto}.revision-decision-form>div{gap:8px;display:flex}@media (max-width:900px){.revision-detail-panel{min-width:600px}.revision-detail-summary{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (max-width:720px){.employee-card-head{display:grid}.employee-card-actions{justify-content:flex-start}.revision-detail-panel{min-width:280px;max-width:calc(100vw - 52px)}.salary-current-strip{display:grid}.salary-current-strip span{width:100%}.revision-detail-summary{grid-template-columns:1fr}.revision-component-head,.revision-component-row{grid-template-columns:minmax(140px,1.4fr) 1fr 1fr;gap:8px;font-size:12px}}
.global-employee-search{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;margin:-12px 0 24px;padding:10px 14px;display:flex;box-shadow:0 5px 18px #1b342b0d}.global-employee-search span{color:var(--green);font-size:21px}.global-employee-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:6px}.global-employee-search button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:8px 14px;font-weight:700}.metric-link{transition:transform .15s,box-shadow .15s;display:block}.metric-link:hover{transform:translateY(-2px);box-shadow:0 9px 24px #1b342b1a}.quick-actions{gap:6px;display:flex}.quick-actions .primary,.quick-actions .secondary{padding:6px 8px;font-size:11px}.searchable-select{gap:6px;display:grid}.searchable-select input[type=search]{background:#f7faf8!important;min-height:34px!important}.password-required{color:var(--amber);background:#fff1dc;margin-top:16px}.section-divider{border:0;border-top:1px solid var(--line);margin:24px 0}@media (max-width:580px){.global-employee-search{margin-top:-4px}.global-employee-search button{padding-inline:10px}}
.salary-revision-comparison{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.salary-compare-column{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0;padding:20px}.salary-compare-column.revised{background:linear-gradient(160deg,#fff,#f8fbf9);border-color:#bad6c9}.salary-compare-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.salary-compare-heading .eyebrow{margin-bottom:4px}.salary-compare-heading h2{margin:0;font-size:20px}.salary-live-badge{color:var(--green);white-space:nowrap;background:#e5f3ed;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:750}.salary-total-card{background:#f2f6f3;border-radius:11px;gap:4px;margin-bottom:16px;padding:15px 16px;display:grid}.revised .salary-total-card{background:#e8f4ed}.salary-total-card>span{color:var(--muted);font-size:12px;font-weight:700}.salary-total-card>strong{color:var(--green);font-size:27px;line-height:1.15}.salary-total-card>small{color:var(--muted);font-size:12px}.salary-revision-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.salary-revision-input-grid label,.salary-revision-meta-grid label,.salary-revision-reason{color:#43504a;gap:6px;font-size:12px;font-weight:700;display:grid}.salary-revision-input-grid .input,.salary-revision-meta-grid .input,.salary-revision-reason .input{width:100%;min-width:0}.salary-compare-lines{display:grid}.salary-compare-line{border-bottom:1px solid #edf0ed;grid-template-columns:1fr auto;align-items:baseline;gap:3px 12px;padding:11px 2px;display:grid}.salary-compare-line>span{font-size:13px;font-weight:700}.salary-compare-line>strong{white-space:nowrap;font-size:15px}.salary-compare-line>small{color:var(--muted);grid-column:1/-1;font-size:11px}.salary-component-total{background:#f4f6f4;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;display:flex}.salary-component-total span{color:var(--muted);font-size:11px;font-weight:750}.salary-component-total strong{white-space:nowrap;font-size:15px}.salary-allocation-warning{color:#81550e;background:#fff0dc;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:12px}.salary-revision-meta-grid{grid-template-columns:1fr 1.4fr;gap:14px;display:grid}@media (max-width:850px){.salary-revision-comparison,.salary-revision-meta-grid{grid-template-columns:1fr}}@media (max-width:520px){.salary-compare-column{padding:15px}.salary-revision-input-grid{grid-template-columns:1fr}.salary-compare-heading{flex-direction:column;align-items:flex-start}.salary-live-badge{align-self:flex-start}}