:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d2a2f;background:#f4f8f7;font-weight:400;--app-page-gutter: clamp(18px, 3vw, 56px);--panel-padding: clamp(18px, 2vw, 26px)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-size:16px;overflow-x:hidden}button,input,select,textarea{font:inherit}button{font-family:inherit;max-width:100%}input,select,textarea{max-width:100%}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#065f63db,#187756b8),url(https://images.unsplash.com/photo-1538108149393-fbbd81895907?auto=format&fit=crop&w=1800&q=80) center/cover}.login-panel{width:min(100%,430px);padding:34px;border:1px solid rgba(255,255,255,.72);border-radius:8px;background:#fffffff0;box-shadow:0 22px 60px #0e272c3d}.brand-block{display:flex;align-items:center;gap:14px;margin-bottom:30px}.brand-mark{width:60px;height:60px;display:grid;place-items:center;border-radius:8px;overflow:hidden;border:1px solid #d8e4e2;background:#fff}.brand-mark img{width:100%;height:100%;object-fit:contain;padding:4px}.eyebrow{margin:0 0 4px;color:#5e6e72;font-size:.86rem;font-weight:600;text-transform:uppercase}h1{margin:0;font-size:2rem;font-weight:650;line-height:1.1}.login-form{display:grid;gap:18px}.login-form label{display:grid;gap:8px;color:#26393e;font-size:.94rem;font-weight:600}.input-wrap{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid #cbd9d8;border-radius:8px;background:#fff;color:#587174}.input-wrap:focus-within{border-color:#09746f;box-shadow:0 0 0 3px #09746f24}.input-wrap input{width:100%;min-width:0;border:0;outline:0;color:#1d2a2f;background:transparent;font-size:.96rem;font-weight:400}.input-wrap .password-toggle{width:34px;height:34px;min-height:34px;flex:0 0 auto;display:inline-grid;place-items:center;padding:0;border:0;border-radius:7px;color:#587174;background:transparent;cursor:pointer}.input-wrap .password-toggle:hover,.input-wrap .password-toggle:focus-visible{color:#0b746b;background:#e9f5f2}.login-form button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border:0;border-radius:8px;color:#fff;background:#0b746b;font-size:.96rem;font-weight:650;cursor:pointer}.login-form button:disabled{cursor:wait;opacity:.74}.login-form .forgot-password-link{min-height:38px;color:#0b746b;background:transparent;font-weight:600}.login-form .forgot-password-link:hover,.login-form .forgot-password-link:focus-visible{background:#e9f5f2}.status-message{margin:0;padding:12px;border-radius:8px;font-size:.94rem;font-weight:500;line-height:1.45}.status-message.success{color:#116039;background:#dcf7e9}.status-message.error{color:#a11d24;background:#fde4e7}.welcome-splash{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;padding:24px;color:#fff;background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.34),transparent 30%),linear-gradient(135deg,#0b746b,#123438 58%,#0d2d33)}.welcome-glow{position:absolute;width:min(62vw,520px);aspect-ratio:1;border-radius:50%;background:#54d6b042;filter:blur(38px);animation:welcomeGlow 1.9s ease-in-out both}.welcome-panel{position:relative;z-index:1;display:grid;justify-items:center;gap:12px;text-align:center;animation:welcomePanelIn 1.9s cubic-bezier(.16,1,.3,1) both}.welcome-logo-wrap{width:clamp(96px,18vw,136px);height:clamp(96px,18vw,136px);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:#fff;box-shadow:0 26px 70px #04161957;animation:welcomeLogoPop 1.15s cubic-bezier(.2,1.2,.28,1) both}.welcome-logo-wrap img{width:100%;height:100%;object-fit:contain;padding:8px}.welcome-panel p{margin:10px 0 0;font-size:.92rem;font-weight:800;letter-spacing:0;text-transform:uppercase;opacity:.86}.welcome-panel h1{max-width:min(680px,92vw);color:#fff;font-size:clamp(2.2rem,7vw,5rem);line-height:1;text-shadow:0 12px 34px rgba(5,23,27,.38)}.welcome-loader{display:flex;gap:8px;margin-top:10px}.welcome-loader span{width:9px;height:9px;border-radius:50%;background:#fff;animation:welcomeDot .85s ease-in-out infinite}.welcome-loader span:nth-child(2){animation-delay:.12s}.welcome-loader span:nth-child(3){animation-delay:.24s}.app-shell{min-height:100vh;display:grid;grid-template-columns:310px minmax(0,1fr);background:linear-gradient(180deg,#e8f4f1e0,#f8fbfa 260px),#f7fbfa}.sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;border-right:1px solid #d8e4e2;color:#f8fbfb;background:#11373a;box-shadow:12px 0 34px #11373a1f}.sidebar-brand{display:flex;align-items:center;gap:12px;min-height:82px;padding:18px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-brand p{margin:0 0 4px;color:#b8d0d0;font-size:.82rem;font-weight:650;text-transform:uppercase}.sidebar-brand strong{display:block;font-size:1.05rem;font-weight:650;line-height:1.25}.sidebar-logo{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.42);background:#fff}.sidebar-logo img{width:100%;height:100%;object-fit:contain;padding:3px}@keyframes welcomePanelIn{0%{opacity:0;transform:translateY(22px) scale(.96)}18%,78%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-18px) scale(.98)}}@keyframes welcomeLogoPop{0%{opacity:0;transform:scale(.62) rotate(-7deg)}62%{opacity:1;transform:scale(1.06) rotate(0)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes welcomeGlow{0%{opacity:0;transform:scale(.68)}45%{opacity:1;transform:scale(1)}to{opacity:.2;transform:scale(1.16)}}@keyframes welcomeDot{0%,to{opacity:.34;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}.sidebar-nav{flex:1;overflow-y:auto;padding:14px 12px}.nav-group{margin-bottom:5px}.nav-main,.nav-submenu button,.user-actions button{border:0;cursor:pointer}.nav-main{width:100%;min-height:44px;display:grid;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:0 11px;border-radius:8px;color:#e9f4f3;background:transparent;text-align:left;font-weight:600;font-size:.95rem}.nav-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-main:hover,.nav-main.active{background:#ffffff1c}.logout-nav{margin-top:6px}.logout-nav:hover{background:#ff7e7e2e}.nav-main .rotate{transform:rotate(180deg)}.nav-submenu{display:grid;gap:3px;padding:6px 0 6px 35px}.nav-submenu button{width:100%;min-height:36px;padding:7px 9px;border-radius:8px;color:#cde0df;background:transparent;text-align:left;font-size:.9rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-submenu button:hover,.nav-submenu button.active{color:#fff;background:#6fd9ba2e}.dashboard-main{min-width:0;width:100%;overflow-x:hidden;padding:26px var(--app-page-gutter) 44px}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:18px;align-items:center;margin:-26px calc(var(--app-page-gutter) * -1) 26px;padding:22px var(--app-page-gutter) 18px;border-bottom:1px solid rgba(199,219,216,.72);background:#f7fbfaeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar p,.workspace-panel p,.metric-card p{margin:0;color:#65777a;font-weight:600}.topbar p,.workspace-panel>div p{font-size:.82rem;text-transform:uppercase}.topbar h1{margin-top:4px;font-size:2rem}.user-actions{display:flex;align-items:center;gap:12px}.user-actions span{color:#24383d;font-weight:600}.user-actions button{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border-radius:8px;color:#fff;background:#0b746b;font-weight:600}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid #d8e4e2;border-radius:8px;background:linear-gradient(180deg,#fff,#fbfefe);box-shadow:0 12px 34px #1c3b3f14}.metric-card strong{display:block;margin-top:8px;color:#17383c;font-size:1.55rem}.metric-card svg{color:#0b746b}.dashboard-analytics{padding:var(--panel-padding);border:1px solid #d8e4e2;border-radius:8px;background:#fff;box-shadow:0 12px 34px #1c3b3f14}.analytics-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #dbe7e5}.analytics-title-row p,.chart-panel-head span{margin:0;color:#607478;font-size:.82rem;font-weight:650;text-transform:uppercase}.analytics-title-row h2,.chart-panel h3{margin:4px 0 0;color:#17383c}.analytics-title-row>span{padding:8px 10px;border-radius:8px;color:#0a665f;background:#e4f6f1;font-size:.86rem;font-weight:650}.analytics-layout{display:grid;grid-template-columns:minmax(320px,1.25fr) minmax(260px,.9fr) minmax(230px,.75fr);gap:14px}.chart-panel{min-height:260px;padding:16px;border:1px solid #d8e4e2;border-radius:8px;background:#f8fcfb}.chart-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:16px}.chart-panel h3{font-size:1rem}.bar-chart-list{display:grid;gap:13px}.bar-chart-row{display:grid;gap:7px}.bar-chart-row>div:first-child{display:flex;justify-content:space-between;gap:12px;color:#243f44;font-size:.9rem}.bar-chart-row strong{color:#0b746b}.bar-track{height:12px;overflow:hidden;border-radius:999px;background:#e3eeee}.bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b746b,#2dbd9c)}.mini-column-chart{min-height:190px;display:grid;grid-template-columns:repeat(6,minmax(34px,1fr));gap:10px;align-items:end}.mini-column{display:grid;gap:6px;justify-items:center;text-align:center}.mini-column>div{width:100%;height:140px;display:flex;align-items:flex-end;padding:0 6px;border-radius:8px;background:#e3eeee}.mini-column>div span{width:100%;min-height:10px;border-radius:7px 7px 0 0;background:#0b746b}.mini-column strong{color:#17383c}.mini-column p{width:100%;margin:0;color:#607478;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-wrap{min-height:180px;display:grid;place-items:center;gap:12px;text-align:center}.donut-chart{width:138px;height:138px;display:grid;place-items:center;border-radius:50%;position:relative}.donut-chart:after{content:"";position:absolute;inset:18px;border-radius:50%;background:#f8fcfb}.donut-chart span{position:relative;z-index:1;color:#17383c;font-size:1.35rem;font-weight:750}.donut-wrap strong{display:block;color:#0b746b;font-size:1.45rem}.donut-wrap p,.empty-chart-note{margin:0;color:#607478}.workspace-panel{min-height:280px;padding:var(--panel-padding);border:1px solid #d8e4e2;border-radius:8px;background:#fff;box-shadow:0 12px 34px #1c3b3f14}.workspace-panel h2{margin:5px 0 16px;color:#17383c;font-size:1.55rem}.workspace-panel>p{max-width:650px;color:#465b60;line-height:1.6}.employee-entry-panel{width:100%;min-width:0;max-width:100%;overflow:visible;padding:var(--panel-padding);border:1px solid #c8d8d5;border-radius:8px;background:#fff;box-shadow:0 12px 34px #1c3b3f14}.form-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #dbe7e5}.form-title-row p{margin:0 0 5px;color:#607478;font-size:.82rem;font-weight:600;text-transform:uppercase}.form-title-row h2{margin:0;color:#17383c;font-size:1.65rem}.form-title-row>span{padding:8px 10px;border-radius:8px;color:#0a665f;background:#e4f6f1;font-size:.86rem;font-weight:600}.title-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;align-items:center}.title-actions .bill-status-badge{padding:8px 10px;border-radius:8px;color:#0a665f;background:#e4f6f1;font-size:.86rem;font-weight:600;text-transform:capitalize}.title-actions button{min-height:38px;padding:0 14px;border:0;border-radius:8px;color:#17383c;background:#e3eeee;font-weight:700;cursor:pointer}.title-actions button.refresh-button{color:#fff;background:#0b746b}.refresh-button{min-height:38px;padding:0 14px;border:0;border-radius:8px;color:#fff;background:#0b746b;font-weight:600;cursor:pointer}.refresh-button:disabled{cursor:not-allowed;opacity:.55}.table-toolbar{display:grid;grid-template-columns:minmax(340px,1fr) minmax(220px,260px) auto;gap:12px;align-items:end;margin-bottom:14px}.table-toolbar label{display:grid;gap:7px}.table-toolbar span{color:#31474c;font-size:.92rem;font-weight:500}.table-toolbar input,.table-toolbar select{width:100%;min-height:44px;padding:9px 12px;border:1px solid #c6d8d6;border-radius:8px;color:#1f3034;background:#fff;outline:0}.table-toolbar input:focus,.table-toolbar select:focus{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1f}.print-button{min-height:44px;padding:0 14px;border:0;border-radius:8px;color:#fff;background:#0b746b;font-weight:600;cursor:pointer;white-space:nowrap}.employee-form{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.employee-form>.form-status,.employee-form>.form-actions{grid-column:1 / -1}.employee-form-section{grid-column:1 / -1;display:grid;gap:12px;margin:0;padding:16px;border:1px solid #d4e3e0;border-radius:12px;background:#f8fcfb}.employee-form-section legend{padding:0 8px;color:#17383c;font-size:1rem;font-weight:700}.employee-form-section-note{margin:-2px 0 0;color:#5e7074;font-size:.88rem}.employee-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.employee-form-grid .wide-field{grid-column:span 2}.employee-form label{display:grid;gap:7px;min-width:0}.employee-form label span{color:#31474c;font-size:.88rem;font-weight:500}.employee-form input,.employee-form select{width:100%;min-height:40px;padding:8px 10px;border:1px solid #c6d8d6;border-radius:7px;color:#1f3034;background:#fbfefe;outline:0}.employee-form input:focus,.employee-form select:focus{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1f}.employee-no-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.employee-no-row button{min-height:40px;padding:0 12px;border:0;border-radius:7px;color:#fff;background:#0b746b;font-weight:650;cursor:pointer;white-space:nowrap}.employee-no-row button:hover,.employee-no-row button:focus-visible{background:#075a54}.employee-form input[readonly]{color:#33494d;background:#eef6f4}.department-code-form{display:grid;grid-template-columns:minmax(150px,240px) minmax(260px,1fr) auto;gap:14px;align-items:end;margin-bottom:14px}.department-code-form label{display:grid;gap:7px}.department-code-form label span{color:#31474c;font-size:.88rem;font-weight:500}.department-code-form input{width:100%;min-height:42px;padding:8px 10px;border:1px solid #c6d8d6;border-radius:7px;color:#1f3034;background:#fbfefe;outline:0}.department-code-form input:focus{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1f}.department-form-actions{display:flex;gap:10px}.department-form-actions button{min-height:42px;padding:0 14px;border:0;border-radius:8px;font-weight:600;cursor:pointer;white-space:nowrap}.department-form-actions button:first-child{color:#17383c;background:#e3eeee}.department-form-actions button:last-child{color:#fff;background:#0b746b}.department-form-actions button:disabled{cursor:not-allowed;opacity:.55}.account-code-search-row{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end;margin-top:12px;margin-bottom:12px}.account-code-search-row label{display:grid;gap:6px}.account-code-search-row label span{color:#315257;font-size:.84rem;font-weight:700}.account-code-search-row input{width:100%;min-height:42px;padding:8px 10px;border:1px solid #c6d8d6;border-radius:7px;color:#1f3034;background:#fbfefe;outline:0}.account-code-search-row input:focus{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1f}.account-code-search-row>span{min-height:42px;display:inline-flex;align-items:center;padding:0 12px;border-radius:8px;color:#315257;background:#edf7f5;font-weight:700;white-space:nowrap}.toast-notice{position:fixed;right:24px;top:24px;z-index:120;max-width:min(380px,calc(100vw - 32px));padding:12px 14px;border-radius:8px;color:#fff;font-weight:700;box-shadow:0 14px 32px #0f2b2f33}.toast-notice.success{background:#0b746b}.toast-notice.error{background:#b4232a}.wage-master-panel{position:relative}.wage-range-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.wage-range-legend span{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid #cfe1de;border-radius:999px;color:#244247;background:#edf7f5;font-size:.82rem;font-weight:700}.wage-master-form{display:grid;grid-template-columns:minmax(130px,170px) minmax(260px,1fr) minmax(190px,260px) minmax(210px,280px);gap:14px;align-items:start;margin-bottom:16px}.wage-master-form label,.wage-filter-row label{display:grid;gap:7px}.wage-master-form label span,.wage-filter-row label span,.wage-category-preview span{color:#31474c;font-size:.88rem;font-weight:600}.wage-master-form input,.wage-filter-row input,.wage-filter-row select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #c6d8d6;border-radius:7px;color:#1f3034;background:#fbfefe;outline:0}.wage-master-form input:focus,.wage-filter-row input:focus,.wage-filter-row select:focus{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1f}.wage-master-form input:disabled{color:#506468;background:#eef4f3}.wage-master-form small{color:#b4232a;font-size:.78rem;font-weight:700}.wage-category-preview{display:grid;gap:7px}.wage-category-preview strong{min-height:42px;display:inline-flex;align-items:center;padding:0 11px;border-radius:8px;font-size:.9rem}.wage-category-preview strong.valid{color:#0b5f3c;background:#dcf7e9}.wage-category-preview strong.invalid{color:#9b1c24;background:#fde4e7}.wage-actions{grid-column:1 / -1;justify-content:flex-end}.wage-actions button:last-child{background:#b4232a}.wage-filter-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,320px);gap:12px;align-items:end;margin-bottom:12px}.wage-code-table{width:100%;min-width:980px;table-layout:fixed;border-collapse:collapse;background:#fff}.wage-code-table th,.wage-code-table td{padding:11px 10px;border-bottom:1px solid #e2ecea;border-right:1px solid #edf4f2;color:#20383d;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;line-height:1.35;white-space:nowrap}.wage-code-table th{color:#fff;background:#123438;font-size:.86rem;font-weight:600;text-transform:uppercase}.wage-code-table th button{width:100%;padding:0;border:0;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.wage-code-table th:first-child,.wage-code-table td:first-child{width:90px}.wage-code-table th:nth-child(3),.wage-code-table td:nth-child(3){width:230px}.wage-code-table th:nth-child(4),.wage-code-table td:nth-child(4){width:240px}.wage-code-table th:last-child,.wage-code-table td:last-child{width:125px;border-right:0;overflow:visible;text-align:center}.wage-action-select{width:104px;min-height:34px;padding:7px 28px 7px 10px;border:1px solid #bfd4d1;border-radius:7px;color:#123438;background:#fff;font:inherit;font-size:.88rem;cursor:pointer}.wage-action-select:focus{outline:2px solid rgba(11,116,107,.18);border-color:#0b746b}.reset-data-panel,.password-change-panel{max-width:760px}.reset-data-form,.password-change-form{display:grid;gap:16px}.reset-data-form>p{margin:0;padding:13px;border:1px solid #f2c8cc;border-radius:8px;color:#8a1f28;background:#fff4f4;line-height:1.5;font-weight:600}.reset-data-form label,.password-change-form label{display:grid;gap:7px}.reset-data-form label span,.password-change-form label span{color:#31474c;font-size:.9rem;font-weight:700}.reset-data-form input[type=password],.password-change-form input[type=password]{min-height:44px;padding:9px 12px;border:1px solid #c6d8d6;border-radius:8px;color:#1f3034;background:#fff;outline:0}.reset-data-form input[type=password]:focus,.password-change-form input[type=password]:focus{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1f}.reset-confirm-row{display:flex!important;grid-template-columns:none;flex-direction:row;align-items:center;gap:10px!important}.reset-confirm-row input{width:17px;height:17px;accent-color:#b4232a}.reset-data-form .form-actions button:last-child{background:#b4232a}.wide-field{grid-column:span 2}.form-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:6px}.form-actions button{min-height:42px;padding:0 16px;border:0;border-radius:8px;font-weight:600;cursor:pointer}.form-actions button:first-child{color:#17383c;background:#e3eeee}.form-actions button:last-child{color:#fff;background:#0b746b}.form-actions button:disabled{cursor:not-allowed;opacity:.55}.form-status{grid-column:1 / -1;margin:0;padding:12px;border-radius:8px;font-weight:500}.form-status.success{color:#116039;background:#dcf7e9}.form-status.error{color:#a11d24;background:#fde4e7}.form-status.neutral{color:#31474c;background:#edf5f4}.table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;margin-top:14px;border:1px solid #d8e4e2;border-radius:8px;scrollbar-width:thin}.employee-table{width:max-content;min-width:1300px;table-layout:fixed;border-collapse:collapse;background:#fff}.employee-table th,.employee-table td{padding:11px 10px;border-bottom:1px solid #e2ecea;border-right:1px solid #edf4f2;color:#20383d;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;line-height:1.35;white-space:nowrap}.employee-table th:last-child,.employee-table td:last-child{border-right:0}.employee-table th{color:#fff;background:#123438;font-size:.86rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.employee-table th:first-child{border-top-left-radius:7px}.employee-table th:last-child{border-top-right-radius:7px}.employee-table td:last-child,.employee-table th:last-child{overflow:visible;width:92px;min-width:92px}.employee-table th:first-child,.employee-table td:first-child{width:38px;min-width:38px;text-align:center}.employee-table th:nth-child(2),.employee-table td:nth-child(2){width:96px}.employee-table th:nth-child(3),.employee-table td:nth-child(3){width:150px}.employee-table th:nth-child(4),.employee-table td:nth-child(4){width:150px}.employee-table th:nth-child(5),.employee-table td:nth-child(5){width:210px}.employee-table th:nth-child(6),.employee-table td:nth-child(6){width:132px}.employee-table th:nth-child(7),.employee-table td:nth-child(7){width:140px}.employee-table th:nth-child(8),.employee-table td:nth-child(8){width:120px}.employee-table th:nth-child(9),.employee-table td:nth-child(9){width:128px}.employee-table th:nth-child(10),.employee-table td:nth-child(10){width:54px;text-align:center}.employee-table th:nth-child(11),.employee-table td:nth-child(11){width:128px}.employee-table th:nth-child(12),.employee-table td:nth-child(12){width:132px;text-align:center}.employee-table th:last-child,.employee-table td:last-child{width:125px;text-align:center;overflow:visible}.employee-status-pill{display:inline-flex;justify-content:center;align-items:center;min-width:76px;min-height:28px;padding:4px 9px;border-radius:999px;font-size:.78rem;font-weight:750;white-space:nowrap}.employee-status-pill.active{color:#08776e;background:#d9f6ea}.employee-status-pill.inactive{color:#8a5b00;background:#fff3cf}.employee-status-pill.stopped{color:#9b1c24;background:#ffe0e3}.employee-action-select{width:104px;min-height:34px;padding:7px 28px 7px 10px;border:1px solid #bfd4d1;border-radius:7px;color:#123438;background:#fff;font:inherit;font-size:.88rem;cursor:pointer}.employee-action-select:focus{outline:2px solid rgba(11,116,107,.18);border-color:#0b746b}.employee-table input[type=checkbox]{width:16px;height:16px;accent-color:#0b746b;cursor:pointer}.employee-table tbody tr:hover{background:#f3faf8}.employee-table td{font-size:.91rem;font-weight:400;white-space:nowrap}.department-table{width:100%;min-width:620px;table-layout:fixed;border-collapse:collapse;background:#fff}.department-table th,.department-table td{padding:11px 10px;border-bottom:1px solid #e2ecea;border-right:1px solid #edf4f2;color:#20383d;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;line-height:1.35;white-space:nowrap}.department-table th{color:#fff;background:#123438;font-size:.86rem;font-weight:600;text-transform:uppercase}.department-table th:last-child,.department-table td:last-child{width:125px;border-right:0;overflow:visible;text-align:center}.department-table th:first-child,.department-table td:first-child{width:180px}.account-action-select{width:104px;min-height:34px;padding:7px 28px 7px 10px;border:1px solid #bfd4d1;border-radius:7px;color:#123438;background:#fff;font:inherit;font-size:.88rem;cursor:pointer}.account-action-select:focus{outline:2px solid rgba(11,116,107,.18);border-color:#0b746b}.row-icon-actions{display:flex;gap:7px;justify-content:center}.row-icon-actions button{width:34px;height:34px;display:inline-grid;place-items:center;border:0;border-radius:7px;color:#fff;cursor:pointer}.row-icon-actions button:first-child{background:#0b746b}.row-icon-actions button:last-child{background:#b4232a}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0c21256b}.soft-modal-backdrop{background:#0c21257a;animation:modalBackdropIn .18s ease-out both}.delete-modal{width:min(100%,430px);display:grid;justify-items:center;gap:16px;padding:26px;border:1px solid #c8d8d5;border-radius:8px;background:#fff;box-shadow:0 22px 58px #08212547;text-align:center}.delete-modal img{width:72px;height:72px;object-fit:contain;padding:6px;border:1px solid #d8e4e2;border-radius:8px;background:#f7fbfa}.delete-modal p{margin:0 0 6px;color:#0b746b;font-size:.82rem;font-weight:700;text-transform:uppercase}.delete-modal h3{margin:0;color:#17383c;font-size:1.28rem}.delete-modal span{display:block;margin-top:8px;color:#5c6f73}.delete-modal-actions{width:100%;display:flex;justify-content:center;gap:10px}.delete-modal-actions button{min-height:42px;padding:0 16px;border:0;border-radius:8px;font-weight:700;cursor:pointer}.delete-modal-actions button:first-child{color:#17383c;background:#e3eeee}.delete-modal-actions button:last-child{color:#fff;background:#b4232a}.confirm-modal{width:min(100%,440px);display:grid;justify-items:center;gap:16px;padding:28px;border:1px solid #c8d8d5;border-radius:8px;background:#fff;box-shadow:0 24px 64px #0821254d;text-align:center;animation:modalCardIn .22s cubic-bezier(.16,1,.3,1) both}.confirm-modal img{width:70px;height:70px;object-fit:contain;padding:6px;border:1px solid #d8e4e2;border-radius:8px;background:#f7fbfa}.confirm-modal p{margin:0 0 6px;color:#0b746b;font-size:.82rem;font-weight:800;text-transform:uppercase}.confirm-modal h3{margin:0;color:#17383c;font-size:1.3rem}.confirm-modal span{display:block;margin-top:8px;color:#5c6f73;line-height:1.45}.confirm-modal-actions{width:100%;display:flex;justify-content:center;gap:10px}.confirm-modal-actions button{min-height:42px;padding:0 16px;border:0;border-radius:8px;font-weight:800;cursor:pointer}.confirm-modal-actions button:first-child{color:#17383c;background:#e3eeee}.confirm-modal-actions button:last-child{color:#fff;background:#0b746b}.confirm-modal.danger .confirm-modal-actions button:last-child{background:#b4232a}.confirm-modal.warning .confirm-modal-actions button:last-child{background:#b7791f}.salary-preview-modal{width:min(100%,1180px);max-height:calc(100vh - 40px);overflow:hidden;justify-items:stretch;text-align:left}.salary-preview-modal>div{width:100%}.salary-preview-wrap{display:grid;gap:12px;min-height:0}.salary-preview-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px;border:1px solid #d4e4e1;border-radius:10px;background:#f0faf7}.salary-preview-summary div{display:grid;gap:4px}.salary-preview-summary span{color:#4d6468;font-size:.8rem;font-weight:700;text-transform:uppercase}.salary-preview-summary strong{color:#17383c;font-size:1rem}.salary-preview-table-wrap{max-height:56vh;overflow:auto;border:1px solid #d4e4e1;border-radius:10px;background:#fff}.salary-preview-table{min-width:1020px}.salary-preview-table th,.salary-preview-table td{padding:11px 12px}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalCardIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.edit-form{margin:14px 0;padding:16px;border:1px solid #cfe0dd;border-radius:8px;background:#f7fcfb}.edit-form-title{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px;align-items:center}.edit-form-title h3{margin:0;color:#17383c;font-size:1.12rem}.edit-form-title button{min-height:34px;padding:0 11px;border:0;border-radius:7px;color:#17383c;background:#e3eeee;font-weight:600;cursor:pointer}.employee-form label.stop-date-pay-field{grid-column:span 2;display:grid;grid-template-columns:minmax(150px,1fr) minmax(170px,1fr);gap:7px 12px;align-items:end}.stop-date-pay-field>span{grid-column:1}.stop-date-pay-field>input{grid-column:1}.stop-date-pay-field>.pay-status-toggle{grid-column:2;grid-row:1 / span 2;align-self:end}.pay-status-toggle{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;min-width:0;margin:0;padding:7px 8px;border:1px solid #cfe0dd;border-radius:7px;background:#fff}.pay-status-toggle legend{padding:0 4px;color:#31474c;font-size:.78rem;font-weight:700}.pay-status-toggle label{display:inline-flex;grid-auto-flow:column;align-items:center;gap:6px;min-height:30px;padding:0 8px;border:1px solid #c8d8d5;border-radius:7px;background:#eef8f6;cursor:pointer}.pay-status-toggle input{width:15px;min-height:15px;padding:0;margin:0;accent-color:#0b746b}.pay-status-toggle label:has(input:checked){border-color:#0b746b;color:#063f3b;background:#d9f3ee}.pay-status-toggle span{color:inherit;font-size:.82rem;font-weight:700;white-space:nowrap}@media(max-width:720px){.employee-form label.stop-date-pay-field{grid-column:1 / -1;grid-template-columns:1fr}.stop-date-pay-field>span,.stop-date-pay-field>input,.stop-date-pay-field>.pay-status-toggle{grid-column:1;grid-row:auto}.pay-status-toggle{flex-wrap:wrap}}.allowance-entry-panel{max-width:100%;padding:var(--panel-padding);border:1px solid #c8d8d5;border-radius:8px;color:#20383d;background:#fff;box-shadow:0 14px 34px #1c3b3f1f}.allowance-title{margin-bottom:14px;color:#17383c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.35rem;font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase}.allowance-lookup{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end;margin-bottom:12px}.allowance-lookup label,.allowance-details label{display:grid;gap:4px;min-width:0}.allowance-lookup span,.allowance-details span{color:#31474c;font-size:.9rem;font-weight:600}.allowance-lookup input,.allowance-details input,.allowance-table input{width:100%;min-height:30px;padding:4px 7px;border:1px solid #c6d8d6;border-radius:7px;color:#1f3034;background:#fbfefe;outline:0}.allowance-lookup input:focus,.allowance-details input:focus,.allowance-table input:focus{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1f}.allowance-lookup button,.allowance-actions button{min-height:34px;padding:0 14px;border:0;border-radius:8px;color:#fff;background:#0b746b;font-weight:600;cursor:pointer}.allowance-lookup button:disabled,.allowance-actions button:disabled{cursor:wait;opacity:.72}.allowance-details{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;margin:12px 0 18px}.allowance-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px;padding:12px;border:1px solid #d8e4e2;border-radius:8px;background:#edf8f5}.allowance-summary span{display:block;color:#607478;font-size:.82rem;font-weight:700;text-transform:uppercase}.allowance-summary>div{min-width:170px}.allowance-summary strong{display:block;margin-top:4px;color:#0b746b;font-size:1.2rem}.allowance-summary p{margin:0;color:#465b60;font-size:.9rem}.allowance-code-search{display:grid;gap:10px;margin-bottom:14px;padding:12px;border:1px solid #d8e4e2;border-radius:8px;background:#f8fcfb}.allowance-code-search label{display:grid;gap:6px}.allowance-code-search span{color:#31474c;font-size:.9rem;font-weight:600}.allowance-code-search input{width:100%;min-height:34px;padding:6px 9px;border:1px solid #c6d8d6;border-radius:7px;color:#1f3034;background:#fff;outline:0}.allowance-code-search input:focus{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1f}.allowance-code-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;max-height:172px;overflow-y:auto;scrollbar-width:thin}.allowance-code-results button{display:grid;gap:3px;padding:8px 10px;border:1px solid #c6d8d6;border-radius:7px;color:#20383d;background:#fff;text-align:left;cursor:pointer}.allowance-code-results button:hover,.allowance-code-results button:focus-visible{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1a}.allowance-code-results strong{color:#0b746b;font-size:.88rem}.allowance-code-results span{color:#31474c;font-size:.78rem;font-weight:500}.allowance-code-results p{margin:0;color:#607478;font-size:.88rem}.allowance-table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid #d8e4e2;border-radius:8px;scrollbar-width:thin}.allowance-table{width:max-content;min-width:860px;border-collapse:collapse;table-layout:fixed}.allowance-table th,.allowance-table td{border-bottom:1px solid #e2ecea;color:#20383d;padding:7px;text-align:left}.allowance-table th{color:#fff;background:#123438;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.86rem;font-weight:600}.allowance-table th:first-child,.allowance-table td:first-child{width:58px;text-align:center}.allowance-table th:nth-child(2){width:96px}.allowance-table th:nth-child(4){width:130px}.allowance-table th:nth-child(5){width:150px}.allowance-table th:nth-child(6){width:120px}.allowance-table th:nth-child(7),.allowance-table td:nth-child(7){width:80px;text-align:center}.allowance-delete-button{width:34px;height:34px;display:inline-grid;place-items:center;border:0;border-radius:7px;color:#fff;background:#b4232a;cursor:pointer}.wage-code-lookup-modal{width:min(760px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 48px));display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;padding:18px;border-radius:8px;background:#fff;box-shadow:0 22px 70px #12343847}.wage-code-lookup-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.wage-code-lookup-head p{margin:0 0 3px;color:#607478;font-size:.82rem;font-weight:700;text-transform:uppercase}.wage-code-lookup-head h3{margin:0;color:#17383c;font-size:1.2rem}.wage-code-lookup-head button{min-height:34px;padding:0 12px;border:0;border-radius:7px;color:#fff;background:#0b746b;font-weight:650;cursor:pointer}.wage-code-lookup-modal>input{width:100%;min-height:38px;padding:7px 10px;border:1px solid #c6d8d6;border-radius:7px;color:#1f3034;background:#fbfefe;outline:0}.wage-code-lookup-modal>input:focus{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1f}.wage-code-lookup-table-wrap{min-height:260px;overflow:auto;border:1px solid #d8e4e2;border-radius:8px;scrollbar-width:thin}.wage-code-lookup-table{width:100%;border-collapse:collapse}.wage-code-lookup-table th,.wage-code-lookup-table td{padding:9px 10px;border-bottom:1px solid #e2ecea;color:#20383d;text-align:left}.wage-code-lookup-table th{position:sticky;top:0;z-index:1;color:#fff;background:#123438;font-size:.86rem;font-weight:650}.wage-code-lookup-table tbody tr{cursor:pointer}.wage-code-lookup-table tbody tr:hover,.wage-code-lookup-table tbody tr:focus-visible{background:#edf8f5;outline:0}.wage-code-lookup-table td:first-child{width:94px;color:#0b746b;font-weight:750}.allowance-save-toast{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:#0c222538;animation:allowanceToastBackdrop 2.2s ease both;pointer-events:none}.allowance-save-toast>div{min-width:min(360px,calc(100vw - 48px));display:grid;justify-items:center;gap:12px;padding:28px 30px;border:1px solid rgba(185,226,214,.95);border-radius:8px;color:#fff;background:linear-gradient(135deg,#08776e,#10a37f);box-shadow:0 22px 70px #12343847;animation:allowanceToastCard 2.2s cubic-bezier(.16,1,.3,1) both}.allowance-save-toast span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#08776e;background:#fff;font-size:.86rem;font-weight:850}.allowance-save-toast strong{font-size:1.35rem;letter-spacing:0}@keyframes allowanceToastBackdrop{0%,to{opacity:0}10%,86%{opacity:1}}@keyframes allowanceToastCard{0%{opacity:0;transform:translateY(18px) scale(.96)}14%,82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.98)}}.expired-allowance{background:#fff4f4}.expired-allowance input{color:#8a1f28}.allowance-status{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;font-size:.82rem;font-weight:700}.allowance-status.active{color:#116039;background:#dcf7e9}.allowance-status.expired{color:#a11d24;background:#fde4e7}.allowance-actions{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.arrear-entry-panel{display:grid;gap:14px}.arrear-header-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.arrear-header-grid label{display:grid;gap:7px}.arrear-header-grid label span{color:#31474c;font-size:.88rem;font-weight:600}.arrear-header-grid input,.arrear-header-grid select,.arrear-entry-table input,.arrear-entry-table select{width:100%;min-height:40px;padding:8px 10px;border:1px solid #c6d8d6;border-radius:7px;color:#1f3034;background:#fbfefe;outline:0}.arrear-header-grid input:focus,.arrear-header-grid select:focus,.arrear-entry-table input:focus,.arrear-entry-table select:focus{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1f}.inline-lookup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.inline-lookup button,.table-danger-button{min-height:40px;padding:0 12px;border:0;border-radius:7px;color:#fff;background:#0b746b;font-weight:650;cursor:pointer}.inline-lookup button:disabled,.table-danger-button:disabled{cursor:not-allowed;opacity:.55}.table-status-select{width:128px;min-height:38px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);font:inherit;padding:0 32px 0 12px}.bill-status-badge{text-transform:capitalize}.bill-status-badge.finalized{color:#fff;background:#0b746b}.bill-status-badge.cancelled{color:#fff;background:#8a1f28}.arrear-entry-table{width:100%;min-width:720px;table-layout:fixed;border-collapse:collapse;background:#fff}.arrear-entry-table th,.arrear-entry-table td{padding:9px;border-bottom:1px solid #e2ecea;border-right:1px solid #edf4f2;color:#20383d;text-align:left;vertical-align:middle}.arrear-entry-table th{color:#fff;background:#123438;font-size:.82rem;font-weight:650;text-transform:uppercase}.arrear-entry-table th:first-child,.arrear-entry-table td:first-child{width:56px;text-align:center}.arrear-entry-table th:nth-child(2),.arrear-entry-table td:nth-child(2){width:70px}.arrear-entry-table th:nth-child(3),.arrear-entry-table td:nth-child(3){width:116px}.arrear-entry-table th:nth-child(4),.arrear-entry-table td:nth-child(4){width:150px}.arrear-entry-table th:nth-child(6),.arrear-entry-table td:nth-child(6){width:105px}.arrear-entry-table th:last-child,.arrear-entry-table td:last-child{width:80px;border-right:0;text-align:center}.table-danger-button{background:#b4232a}.arrear-footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}.arrear-footer-row strong{color:#17383c;font-size:1.12rem}.arrear-list-section{margin-top:12px;padding-top:12px;border-top:1px solid #dbe7e5}.compact-title-row{margin-bottom:12px}.arrear-filter-toolbar{grid-template-columns:minmax(220px,420px) minmax(160px,220px)}.arrear-list-table{min-width:860px}.arrear-list-table th:last-child,.arrear-list-table td:last-child{width:210px}.arrear-list-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.arrear-list-actions .refresh-button,.arrear-list-actions .table-danger-button{min-height:36px;padding:0 12px}.budget-entry-panel{gap:16px}.budget-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.budget-summary-grid article{padding:14px;border:1px solid #d8e4e2;border-radius:8px;background:#f8fcfb}.budget-summary-grid article.positive{border-color:#9fd2bf;background:#edf9f3}.budget-summary-grid article.negative{border-color:#f0a7aa;background:#fff0f1}.budget-summary-grid span{display:block;color:#607478;font-size:.8rem;font-weight:700;text-transform:uppercase}.budget-summary-grid strong{display:block;margin-top:8px;color:#17383c;font-size:1.18rem}.budget-summary-grid article.negative strong{color:#a11d24}.budget-header-grid{grid-template-columns:minmax(150px,190px) minmax(120px,160px) minmax(150px,190px) minmax(260px,1fr)}.budget-entry-table{min-width:760px}.budget-filter-toolbar{grid-template-columns:minmax(220px,.75fr) minmax(170px,210px) auto;align-items:end}.quick-filter-dropdown{position:relative;display:grid;gap:7px;min-width:0;z-index:5}.quick-filter-dropdown>span{color:#31474c;font-size:.92rem;font-weight:500}.quick-filter-trigger{width:100%;min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border:1px solid #c6d8d6;border-radius:8px;color:#17383c;background:#fff;font-weight:700;cursor:pointer}.quick-filter-trigger:focus{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1f;outline:0}.quick-filter-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(290px,calc(100vw - 40px));display:grid;gap:8px;margin:0;padding:14px;border:1px solid #c6d8d6;border-radius:8px;background:#fff;box-shadow:0 18px 42px #08212529;animation:filterMenuIn .16s ease-out both}.quick-filter-menu legend{padding:0 5px;color:#31474c;font-size:.86rem;font-weight:750}.quick-filter-menu label{width:100%;display:flex;align-items:center;gap:8px;min-height:34px;margin:0;padding:7px 8px;border-radius:8px;color:#17383c;background:#f1f8f6;font-size:.9rem;font-weight:700;cursor:pointer}.quick-filter-menu input{width:15px;min-height:auto;height:15px;margin:0;accent-color:#0b746b}.budget-list-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.budget-list-actions button{min-height:42px;padding:0 14px;border:0;border-radius:8px;font-weight:800;cursor:pointer}.budget-list-actions button:not(.refresh-button){color:#17383c;background:#e3eeee}.budget-list-table{min-width:900px}.budget-list-table th,.budget-list-table td{padding:14px 12px;vertical-align:middle}.budget-list-table th:nth-child(1),.budget-list-table td:nth-child(1){min-width:120px}.budget-list-table th:nth-child(2),.budget-list-table td:nth-child(2),.budget-list-table th:nth-child(3),.budget-list-table td:nth-child(3),.budget-list-table th:nth-child(5),.budget-list-table td:nth-child(5),.budget-list-table th:nth-child(6),.budget-list-table td:nth-child(6){min-width:110px}.budget-list-table th:nth-child(4),.budget-list-table td:nth-child(4){min-width:190px}.salary-calculation-panel{gap:16px}.salary-period-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.75fr) minmax(180px,.85fr) auto;gap:12px;align-items:end;padding:14px;border:1px solid #d8e4e2;border-radius:8px;background:#f8fcfb}.salary-period-form label{display:grid;gap:7px}.salary-period-form span{color:#31474c;font-size:.9rem;font-weight:650}.salary-period-form input,.salary-period-form select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #c6d8d6;border-radius:8px;color:#1f3034;background:#fff;outline:0}.salary-period-form input:focus,.salary-period-form select:focus{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1f}.salary-period-form .report-filter-actions{flex-wrap:nowrap}.salary-run-actions{display:flex;justify-content:flex-end}.salary-calculation-results{margin-top:4px}.salary-calculation-table{min-width:820px}.mprocess-panel{gap:16px}.mprocess-form{display:grid;grid-template-columns:minmax(150px,1fr) minmax(130px,.7fr) minmax(150px,1fr) minmax(120px,.6fr) minmax(140px,.75fr) minmax(150px,.85fr) auto;gap:12px;align-items:end;padding:14px;border:1px solid #d8e4e2;border-radius:8px;background:#f8fcfb}.fixed-allowance-form{grid-template-columns:minmax(140px,.75fr) minmax(170px,1fr) minmax(140px,.75fr) minmax(160px,.9fr) minmax(150px,.85fr) auto}.annual-increment-form{grid-template-columns:minmax(170px,.9fr) minmax(170px,1fr) minmax(150px,.85fr) auto}.mprocess-form label{display:grid;gap:7px;min-width:0}.mprocess-form span{color:#31474c;font-size:.9rem;font-weight:650}.mprocess-form input,.mprocess-form select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #c6d8d6;border-radius:8px;color:#1f3034;background:#fff;outline:0}.mprocess-form input:focus,.mprocess-form select:focus{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1f}.mprocess-preview-wrap{display:grid;gap:10px}.mprocess-preview-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #d4e4e1;border-radius:8px;color:#17383c;background:#edf8f5;font-weight:750}.mprocess-preview-table{min-width:820px}.mprocess-preview-table th,.mprocess-preview-table td{padding:12px}@keyframes filterMenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.inline-print-panel{display:grid;grid-template-columns:minmax(150px,1fr) minmax(190px,1.2fr) minmax(145px,.85fr) minmax(145px,.85fr);gap:12px;align-items:end;margin-bottom:12px;padding:14px;border:1px solid #d8e4e2;border-radius:8px;background:#f8fcfb}.inline-print-panel .report-filter-actions{grid-column:1 / -1;justify-content:flex-end;flex-wrap:wrap}.special-print-panel{grid-template-columns:minmax(150px,220px) minmax(150px,180px) minmax(150px,180px) auto}.special-print-panel .report-filter-actions{grid-column:auto}.inline-print-panel label{display:grid;gap:6px}.inline-print-panel span{color:#31474c;font-size:.88rem;font-weight:650}.inline-print-panel input,.inline-print-panel select{width:100%;min-width:0;min-height:40px;padding:8px 10px;border:1px solid #c6d8d6;border-radius:7px;color:#1f3034;background:#fff;outline:0}.arrear-report-panel{gap:16px}.report-filter-panel{display:grid;grid-template-columns:minmax(160px,1fr) minmax(150px,190px) minmax(150px,190px) minmax(180px,auto) auto;gap:12px;align-items:end;padding:14px;border:1px solid #d8e4e2;border-radius:8px;background:#f8fcfb}.report-filter-panel label{display:grid;gap:7px}.report-filter-panel span,.report-filter-panel legend{color:#31474c;font-size:.88rem;font-weight:650}.report-filter-panel input,.report-filter-panel select{min-height:40px;padding:8px 10px;border:1px solid #c6d8d6;border-radius:7px;color:#1f3034;background:#fff;outline:0}.report-filter-panel input:focus,.report-filter-panel select:focus{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1f}.report-filter-panel fieldset{display:flex;flex-wrap:wrap;gap:12px;align-items:center;min-height:40px;margin:0;padding:6px 10px;border:1px solid #c6d8d6;border-radius:7px}.report-filter-panel fieldset label{display:inline-flex;grid-template-columns:none;gap:6px;align-items:center;color:#20383d;font-weight:600}.report-filter-panel fieldset input{min-height:auto;padding:0}.report-filter-actions{display:flex;flex-wrap:wrap;gap:8px}.report-filter-actions button{min-height:40px;padding:0 14px;border:0;border-radius:7px;color:#fff;background:#0b746b;font-weight:700;cursor:pointer}.report-filter-actions button:last-child{color:#17383c;background:#e5efed}.arrear-print-page{min-height:calc(100vh - 180px)}.legacy-print-shell{display:grid;place-items:center;min-height:360px;border:1px solid #17383c;background:#fff}.legacy-print-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px 20px;width:min(100%,280px);padding:18px 20px;border:2px outset #d8d8d8;color:#000;background:#a8a8a8;font-family:Times New Roman,Times,serif;font-weight:700}.legacy-print-card h3{grid-column:1 / -1;margin:0;font-size:1.05rem;text-align:center;text-decoration:underline}.legacy-doc-input{grid-column:1 / -1;display:grid;justify-items:center;gap:3px}.legacy-doc-input span{font-size:.95rem}.legacy-doc-input input{width:56px;min-height:22px;border:1px solid #d0d0d0;background:#fff;color:#000;text-align:right}.legacy-print-card fieldset{display:grid;gap:10px;margin:6px 0 0;padding:7px 12px;border:1px solid #000000}.legacy-print-card legend{padding:0 6px;font-size:1rem;text-align:center}.legacy-print-card fieldset label{display:flex;gap:5px;align-items:center}.legacy-print-actions{display:grid;gap:10px;align-self:end;margin-top:42px}.legacy-print-actions button{min-width:70px;min-height:26px;border:2px outset #eeeeee;color:#000;background:#eee;font:700 .82rem Arial,sans-serif;cursor:pointer}.legacy-print-actions button:disabled{cursor:not-allowed;opacity:.65}.arrear-report-print-area{max-width:100%;overflow-x:auto;padding:18px;border:1px solid #d8e4e2;border-radius:8px;background:#fff}.report-letterhead{display:grid;grid-template-columns:72px 1fr 72px;gap:12px;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #17383c;text-align:center}.report-letterhead img{width:64px;height:64px;object-fit:contain;padding:5px;border:1px solid #d8e4e2;border-radius:8px;background:#fff}.report-letterhead>div{min-width:0;grid-column:2}.report-letterhead h2,.report-letterhead h3,.report-letterhead p{margin:0}.report-letterhead h2{color:#17383c;font-size:1.35rem}.report-letterhead p{margin-top:4px;color:#607478;font-weight:650}.report-letterhead h3{margin-top:10px;color:#0d2d33;font-size:1.1rem}.report-letterhead span{display:block;margin-top:6px;color:#31474c;font-size:.9rem}.print-bill-section,.print-employee-section{margin-top:14px;padding:12px;border:1px solid #d8e4e2;border-radius:8px;page-break-inside:avoid;break-inside:avoid}.nested-print-section{border-style:dashed}.print-section-head,.print-employee-head{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-bottom:10px;color:#17383c}.print-section-head strong,.print-employee-head strong{color:#0d2d33}.payslip-section{padding:16px 18px;border-color:#cfdedb;background:linear-gradient(180deg,#fff,#f8fcfb);box-shadow:0 10px 28px #112c3014}.payslip-topline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;margin-bottom:12px;padding:2px 0 8px;border-bottom:1px solid #dbe8e5}.payslip-topline div{display:grid;gap:4px}.payslip-topline span,.payslip-summary-card span{color:#607478;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.payslip-topline strong{color:#0d2d33;font-size:.95rem}.payslip-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.payslip-summary-card{display:grid;gap:7px;padding:12px 14px;border:1px solid #d5e3e0;border-radius:10px;background:#eef7f6}.payslip-summary-card strong{color:#0d2d33;font-size:1.08rem}.payslip-details-table{min-width:0;margin-top:8px}.payslip-footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed #c7d7d4;color:#17383c;font-weight:700}.slip-history-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start}.slip-history-table-card{display:grid;gap:12px}.slip-history-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 4px;color:#17383c}.slip-history-head strong{font-size:1rem}.slip-history-head span{color:#607478;font-size:.9rem;font-weight:600}.row-action-group{display:flex;flex-wrap:wrap;gap:8px}.row-action-group button{min-height:32px;padding:0 10px;border:0;border-radius:6px;color:#fff;background:#0b746b;font-weight:600;cursor:pointer}.row-action-group button:last-child{color:#17383c;background:#e3eeee}.selected-row{background:#eef7f6}.history-action-row{justify-content:flex-start}.payroll-correction-modal{width:min(760px,96vw)}.correction-impact-text{margin:10px 0 0;color:#42595d;font-size:.94rem;line-height:1.5}.correction-impact-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:12px}.correction-impact-summary article{display:grid;gap:6px;padding:10px 12px;border:1px solid #d5e3e0;border-radius:10px;background:#f6fbfa}.correction-impact-summary span{color:#607478;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.correction-impact-summary strong{color:#0d2d33;font-size:.95rem}.print-report-table{width:100%;min-width:760px;border-collapse:collapse;font-size:.9rem}.print-report-table th,.print-report-table td{padding:7px 8px;border:1px solid #cfdedb;color:#1f3034;text-align:left}.print-report-table th{color:#fff;background:#123438;font-weight:700}.amount-cell{text-align:right;white-space:nowrap}.print-total-row,.print-subtotal-row,.print-grand-total-row{display:flex;justify-content:flex-end;gap:16px;padding-top:10px;color:#17383c}.print-subtotal-row{border-top:1px solid #d8e4e2}.print-grand-total-row{margin-top:16px;padding:12px;border-top:2px solid #17383c;font-size:1.08rem}.empty-report-note{margin:14px 0;color:#607478;text-align:center}.allowance-inquiry-search{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end;margin-bottom:14px}.allowance-inquiry-search label{display:grid;gap:7px}.allowance-inquiry-search span{color:#31474c;font-size:.92rem;font-weight:600}.allowance-inquiry-search input{min-height:44px;padding:9px 12px;border:1px solid #c6d8d6;border-radius:8px;color:#1f3034;background:#fff;outline:0}.allowance-inquiry-search input:focus{border-color:#0b746b;box-shadow:0 0 0 3px #0b746b1f}.allowance-inquiry-search button{min-height:44px;padding:0 16px;border:0;border-radius:8px;color:#fff;background:#0b746b;font-weight:700;cursor:pointer}.employee-search-results{overflow-x:auto;margin:-2px 0 14px;border:1px solid #d8e4e2;border-radius:8px;background:#fff}.employee-search-results table{width:100%;min-width:720px;border-collapse:collapse}.employee-search-results th,.employee-search-results td{padding:10px 12px;border-bottom:1px solid #e2ecea;color:#20383d;text-align:left;white-space:nowrap}.employee-search-results th{color:#fff;background:#123438;font-size:.82rem;font-weight:700;text-transform:uppercase}.employee-search-results tr:last-child td{border-bottom:0}.employee-search-results button{min-height:34px;padding:0 12px;border:0;border-radius:7px;color:#fff;background:#0b746b;font-weight:700;cursor:pointer}.inquiry-result-actions{display:flex;justify-content:flex-end;margin:10px 0 -4px}.inquiry-result-actions button{min-height:36px;padding:0 14px;border:0;border-radius:8px;color:#17383c;background:#e3eeee;font-weight:700;cursor:pointer}.inquiry-result-actions button:hover{color:#fff;background:#0b746b}.inquiry-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.inquiry-summary-grid article{min-height:108px;padding:14px;border:1px solid #d8e4e2;border-radius:8px;background:#f8fcfb}.inquiry-summary-grid span{display:block;color:#607478;font-size:.8rem;font-weight:700;text-transform:uppercase}.inquiry-summary-grid strong{display:block;margin-top:7px;color:#17383c;font-size:1.12rem}.inquiry-summary-grid p{margin:7px 0 0;color:#607478}.inquiry-table-wrap{margin-top:14px}@media(max-width:1100px){:root{--app-page-gutter: clamp(18px, 4vw, 40px);--panel-padding: 18px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-layout{grid-template-columns:1fr 1fr}.payroll-health-panel{grid-column:1 / -1}.employee-form{grid-template-columns:repeat(2,minmax(0,1fr))}.table-toolbar{grid-template-columns:1fr 1fr}.inline-print-panel,.special-print-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.special-print-panel .report-filter-actions{grid-column:1 / -1}.department-code-form,.wage-master-form,.wage-filter-row{grid-template-columns:1fr 1fr}.account-code-search-row{grid-template-columns:1fr}.arrear-header-grid,.budget-header-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-summary-grid{grid-template-columns:1fr 1fr}.print-button{grid-column:1 / -1}.department-form-actions{grid-column:1 / -1;justify-content:flex-end}}@media(max-width:820px){:root{--app-page-gutter: 14px;--panel-padding: 14px}.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;max-height:52vh}.sidebar-brand{min-height:auto}.topbar,.user-actions{align-items:flex-start}.topbar{flex-direction:column}.topbar h1{font-size:1.72rem}.dashboard-grid{grid-template-columns:1fr}.analytics-title-row{flex-direction:column}.analytics-layout{grid-template-columns:1fr}.payroll-health-panel{grid-column:auto}.employee-form,.table-toolbar,.inline-print-panel{grid-template-columns:1fr}.inline-print-panel .report-filter-actions{justify-content:stretch}.inline-print-panel .report-filter-actions button{flex:1 1 120px}.department-code-form,.wage-master-form,.wage-filter-row,.arrear-header-grid,.budget-header-grid,.arrear-filter-toolbar,.budget-filter-toolbar,.salary-period-form,.mprocess-form,.fixed-allowance-form,.annual-increment-form,.report-filter-panel,.budget-summary-grid{grid-template-columns:1fr}.quick-filter-menu{left:0;right:auto;width:min(290px,100%)}.department-form-actions{grid-column:auto;justify-content:flex-start}.allowance-lookup,.allowance-details,.allowance-inquiry-search,.inquiry-summary-grid{grid-template-columns:1fr}.wide-field{grid-column:span 1}.form-title-row,.form-actions{flex-direction:column}}@media(max-width:520px){:root{--app-page-gutter: 10px;--panel-padding: 12px}.login-page{padding:16px}.login-panel{padding:24px}h1{font-size:1.72rem}.dashboard-main{padding-top:18px;padding-bottom:26px}.topbar{margin-top:-18px}.user-actions{width:100%}.user-actions button{width:100%;justify-content:center}}@media(max-width:1100px){.slip-history-layout{grid-template-columns:1fr}.payslip-topline,.payslip-summary-grid,.employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{body{background:#fff}.sidebar,.topbar,.no-print{display:none!important}.app-shell{display:block}.dashboard-main{padding:0;background:#fff}.employee-entry-panel,.arrear-report-panel,.arrear-report-print-area{padding:0;border:0;box-shadow:none;background:#fff}.arrear-report-print-area{overflow:visible}.print-report-table{min-width:0}.arrear-report-panel>.form-title-row{display:none}.arrear-report-print-area{color:#000}.report-letterhead{border-bottom-color:#000}.report-letterhead h2,.report-letterhead h3,.report-letterhead p,.report-letterhead span,.print-section-head,.print-section-head strong,.print-employee-head,.print-employee-head strong,.print-total-row,.print-subtotal-row,.print-grand-total-row{color:#000}.print-bill-section,.print-employee-section{border-color:#777;break-inside:avoid;page-break-inside:avoid}.payslip-section{background:#fff;box-shadow:none}.print-report-table th{color:#000;background:#eee}.print-report-table th,.print-report-table td{border-color:#777}}