/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--navy:#0b1220;--navy2:#131d31;--paper:#f7f8fc;--white:#fff;--ink:#101828;--muted:#667085;--line:#e4e7ec;--teal:#14b8a6;--tealDark:#0f8f83;--blue:#3b82f6;--gold:#d4a72c;--red:#d92d20;--green:#16845b;--shadow:0 8px 28px #0f172a14}*{box-sizing:border-box}html,body{background:var(--paper);max-width:100%;min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #d0d5dd;border-radius:8px;outline:none;padding:10px 12px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #14b8a621}textarea{resize:vertical}.loadingScreen{background:var(--navy);color:#fff;letter-spacing:.02em;place-items:center;min-height:100vh;font-weight:800;display:grid}.loginShell{background:var(--navy);grid-template-columns:minmax(320px,.8fr) minmax(440px,1.2fr);min-height:100vh;display:grid}.loginBrand{color:#fff;background:radial-gradient(circle at 18% 16%, #3b82f629, transparent 38%), radial-gradient(circle at 85% 82%, #14b8a621, transparent 42%), var(--navy);flex-direction:column;justify-content:center;gap:26px;padding:clamp(38px,6vw,78px);display:flex}.brandMark{color:#75eadb;background:linear-gradient(145deg,#ffffff1c,#ffffff0a);border:1px solid #75eadb59;border-radius:16px;place-items:center;width:64px;height:64px;font-size:29px;font-weight:900;display:grid;box-shadow:0 15px 35px #0000002e}.loginBrandCopy p{color:#d8e1ef;letter-spacing:.18em;margin:0;font-size:13px;font-weight:900}.loginBrandCopy small{color:#75eadb;letter-spacing:.11em;margin-top:7px;font-size:11px;font-weight:800;display:block}.loginBrand h1{letter-spacing:-.045em;max-width:520px;margin:26px 0 0;font-size:clamp(34px,4vw,54px);line-height:1.05}.loginPanel{background:linear-gradient(145deg,#f4f6fb,#fff);place-items:center;padding:30px;display:grid}.loginCard{background:#fff;border:1px solid #eaecf0;border-radius:14px;width:min(100%,460px);padding:34px;box-shadow:0 20px 60px #0b12201f}.eyebrow{color:var(--tealDark);letter-spacing:.18em;font-size:11px;font-weight:900}.loginCard h2{letter-spacing:-.03em;margin:8px 0 6px;font-size:30px}.muted{color:var(--muted);margin:0 0 24px}.roleSwitch{background:#f2f4f7;border-radius:9px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:4px;display:grid}.roleSwitch button{min-height:46px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-weight:800}.roleSwitch button.active{background:var(--navy);color:#fff;box-shadow:0 4px 12px #0b122029}.fieldLabel{color:#344054;flex-direction:column;gap:7px;min-width:0;font-size:13px;font-weight:750;display:flex}.fieldLabel small{color:var(--muted);font-weight:500;line-height:1.3}.loginCard .fieldLabel{margin-bottom:15px}.loginButton{width:100%;margin-top:16px}.primaryButton,.secondaryButton,.paidButton,.dangerButton{border:0;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:850;transition:transform .15s,box-shadow .15s}.primaryButton{background:var(--tealDark);color:#fff;box-shadow:0 7px 18px #0f8f8333}.secondaryButton{color:var(--navy);background:#fff;border:1px solid #cbd5e1;box-shadow:0 4px 10px #10182814}.paidButton{background:var(--green);color:#fff}.dangerButton{background:var(--red);color:#fff}.primaryButton:hover{background:#0c7f75}.primaryButton:active,.secondaryButton:active,.paidButton:active,.dangerButton:active{transform:translateY(1px);box-shadow:0 2px 7px #1018281f}.small{min-height:38px;padding:7px 12px;font-size:13px}.fullWidth{grid-column:1/-1}.errorBanner,.successBanner{border-radius:8px;padding:12px 14px;font-size:13px;font-weight:700}.errorBanner{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.successBanner{color:#067647;background:#ecfdf3;border:1px solid #a6f4c5}.appShell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sideNav{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.logoBlock{flex-direction:column;padding:4px 10px 30px;display:flex}.logoBlock span{color:#66ddcf;letter-spacing:.2em;font-size:11px;font-weight:900}.logoBlock strong{margin-top:4px;font-size:25px;line-height:1.1}.logoBlock small{color:#8796ad;margin-top:4px}.sideNav nav{flex-direction:column;gap:5px;display:flex}.sideNav nav button,.mobileNav button{color:#9facbf;background:0 0;border:0;align-items:center;gap:11px;font-weight:750;display:flex}.sideNav nav button{text-align:left;border-radius:8px;min-height:46px;padding:8px 12px}.sideNav nav button span{color:#c6d1e0;text-align:center;width:22px;font-size:18px}.sideNav nav button:hover,.sideNav nav button.active{color:#fff;background:#ffffff17}.sideNav nav button.active{box-shadow:inset 3px 0 var(--teal)}.logoutButton{color:#d7deea;background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px;min-height:43px;margin-top:auto;font-weight:700}.mainArea{min-width:0}.topBar{z-index:15;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f8fcf0;justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:16px clamp(18px,3vw,42px);display:flex;position:sticky;top:0}.topBar h1{letter-spacing:-.03em;margin:3px 0 0;font-size:25px}.topBar .eyebrow{margin:0}.topActions{align-items:center;gap:10px;display:flex}.topLogoutButton{background:var(--navy);color:#fff;border:1px solid #cbd5e1;border-radius:9px;min-height:42px;padding:0 14px;font-size:12px;font-weight:800}.monthSelect{align-items:center;gap:9px;display:flex}.monthSelect span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.monthSelect select{width:175px;min-height:42px;font-size:14px}.iconButton{width:42px;height:42px;color:var(--navy);background:#fff;border:1px solid #d0d5dd;border-radius:9px;font-size:22px;font-weight:800}.roleBadge{text-transform:uppercase;letter-spacing:.1em;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:900}.roleBadge.owner{color:#08746b;background:#e9f8f6}.roleBadge.manager{color:#175cd3;background:#eaf2ff}.contentArea{width:100%;max-width:1450px;margin:0 auto;padding:28px clamp(16px,3vw,42px) 90px}.globalError{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:8px;justify-content:space-between;gap:16px;margin:16px clamp(18px,3vw,42px) 0;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.globalError button{color:#b42318;background:0 0;border:0;font-weight:900}.progressBar{z-index:30;height:3px;position:fixed;top:87px;left:238px;right:0;overflow:hidden}.progressBar i{background:var(--teal);width:35%;height:100%;animation:1.1s ease-in-out infinite loading;display:block}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(400%)}}.screenStack{flex-direction:column;gap:18px;display:flex}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 2px 6px #10182808}.panelHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;display:flex}.panelHeader h2{letter-spacing:-.015em;margin:0;font-size:17px}.panelHeader p{color:var(--muted);margin:4px 0 0;font-size:12px}.heroPanel{color:#fff;background:linear-gradient(128deg, var(--navy), #152541 66%, #103c4a);box-shadow:var(--shadow);border-radius:13px;justify-content:space-between;align-items:center;gap:22px;padding:25px 28px;display:flex}.heroPanel h2{margin:7px 0 6px;font-size:25px}.heroPanel p{color:#bac7d9;margin:0}.heroPanel .eyebrow{color:#67e0d1;margin:0}.heroPanel.compact{padding:20px 24px}.heroPanel.compact h2{font-size:18px}.statusPill,.paymentPill{text-transform:uppercase;letter-spacing:.08em;border-radius:99px;justify-content:center;align-items:center;width:max-content;font-size:10px;font-weight:900;display:inline-flex}.statusPill{padding:8px 11px}.statusPill.draft{color:#fff;background:#344054}.statusPill.submitted,.statusPill.reviewed{color:#175cd3;background:#dbeafe}.statusPill.approved,.statusPill.paid{color:#05603a;background:#d1fadf}.statusPill.closed{color:#344054;background:#f2f4f7}.statusControls{align-items:center;gap:10px;display:flex}.statusControls select{width:145px;min-height:40px;font-size:14px}.kpiGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.kpiCard{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:116px;padding:20px;position:relative;overflow:hidden;box-shadow:0 4px 18px #0f172a0b}.kpiCard:before{content:"";background:#98a2b3;width:4px;position:absolute;top:0;bottom:0;left:0}.kpiCard span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:850;display:block}.kpiCard strong{letter-spacing:-.04em;margin-top:17px;font-size:24px;display:block}.kpiCard.blue:before{background:var(--blue)}.kpiCard.teal:before{background:var(--teal)}.kpiCard.red:before{background:var(--red)}.kpiCard.gold:before{background:var(--gold)}.kpiCard.navy{background:var(--navy);color:#fff}.kpiCard.navy:before{background:var(--teal)}.kpiCard.navy span{color:#aebcd0}.miniStats{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(4,1fr);display:grid}.miniStats div{border-right:1px solid var(--line);align-items:baseline;gap:8px;padding:15px 18px;display:flex}.miniStats div:last-child{border:0}.miniStats strong{font-size:20px}.miniStats span{color:var(--muted);font-size:12px}.employeeList,.employeeDirectory,.payrollList,.transactionList,.auditList{flex-direction:column;display:flex}.employeeSummary,.employeeDirectory article{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(190px,1fr) repeat(2,minmax(90px,.35fr)) minmax(135px,.55fr) auto;align-items:center;gap:14px;padding:14px 20px;display:grid}.employeeSummary:last-child,.employeeDirectory article:last-child{border:0}.avatar{color:#08746b;text-transform:uppercase;background:#e9f8f6;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.employeeIdentity,.employeeDirectory article>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.employeeIdentity span,.employeeDirectory article>div:nth-child(2) span{color:var(--muted);white-space:normal;margin-top:3px;font-size:12px}.employeeSummary div small,.employeeDirectory article div small,.netFigure small{color:var(--muted);text-transform:uppercase;font-size:10px;display:block}.employeeSummary div b,.employeeDirectory article div b,.netFigure b{margin-top:3px;font-size:13px;display:block}.netFigure b{font-size:16px}.goldText{color:#9a7208!important}.redText{color:var(--red)!important}.paymentPill{padding:6px 9px}.paymentPill.paid{color:#067647;background:#d1fadf}.paymentPill.pending{color:#475467;background:#f2f4f7}.quickActions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.quickActions button,.reportGrid button{min-height:54px;color:var(--navy);background:#fff;border:1px solid #d0d5dd;border-radius:10px;font-weight:850;box-shadow:0 3px #dde1e7}.twoColumnLayout{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:start;gap:18px;display:grid}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;display:grid}.employeeDisplay{border:1px solid var(--line);background:#f8fafc;border-radius:8px;flex-direction:column;justify-content:center;padding:12px 14px;display:flex}.employeeDisplay span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.employeeDisplay strong{margin-top:4px}.employeeDisplay small{color:var(--muted);margin-top:2px}.typeSegments{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.typeSegments.entryModeSegments{grid-template-columns:repeat(2,minmax(0,180px));max-width:370px}.typeSegments button{color:#475467;background:#fff;border:1px solid #d0d5dd;border-radius:8px;min-height:48px;font-size:13px;font-weight:800}.typeSegments button.active{border-color:var(--teal);color:#08746b;box-shadow:inset 0 0 0 1px var(--teal);background:#e9f8f6}.typeSegments button.bonus.active{border-color:var(--gold);color:#7a5d09;background:#fffaeb}.typeSegments button.deduction.active,.typeSegments button.holdsalary.active{color:#b42318;background:#fef3f2;border-color:#f97066}.typeSegments button.releasesalary.active{color:#067647;background:#ecfdf3;border-color:#32d583}.moneyInput{background:#fff;border:1px solid #d0d5dd;border-radius:8px;align-items:center;display:flex}.moneyInput:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #14b8a621}.moneyInput span{padding-left:12px;font-weight:850}.moneyInput input{box-shadow:none;border:0}.buttonRow{gap:10px;display:flex}.toggleField{align-items:center;gap:10px;font-size:14px;font-weight:750;display:flex}.toggleField input{width:22px;min-height:22px}.emptyInline{text-align:center;color:var(--muted);padding:30px}.createMonthBar{grid-template-columns:1fr 190px auto;align-items:center;gap:15px;padding:16px 18px;display:grid}.createMonthBar div{flex-direction:column;display:flex}.createMonthBar span{color:var(--muted);margin-top:3px;font-size:12px}.payrollEmployee{border-bottom:1px solid var(--line)}.payrollEmployee:last-child{border:0}.payrollSummary{text-align:left;background:#fff;border:0;grid-template-columns:38px minmax(180px,1.2fr) repeat(5,minmax(72px,.5fr)) minmax(130px,.7fr) 25px;align-items:center;gap:11px;width:100%;padding:14px 18px;display:grid}.payrollSummary:hover{background:#fafbfc}.payrollSummary>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.payrollSummary>div:nth-child(2) span{color:var(--muted);margin-top:3px;font-size:11px}.payrollSummary div small{color:var(--muted);text-transform:uppercase;font-size:9px;display:block}.payrollSummary div b{margin-top:4px;font-size:12px;display:block}.payrollSummary .netFigure b{font-size:15px}.payrollDetails{border-top:1px solid var(--line);background:#f8fafc;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:18px;display:grid}.calculationStrip{background:var(--navy);color:#b7c4d7;border-radius:8px;flex-wrap:wrap;grid-column:1/-1;gap:18px;padding:12px 14px;font-size:12px;display:flex}.calculationStrip b{color:#fff;margin-left:4px}.settlementBox,.settlementComplete{background:#fff;border:1px solid #f0c9c4;border-radius:10px;grid-column:1/-1}.settlementBox{padding:14px}.settlementToggle{color:#9f2f24;border-color:#dc8e84}.settlementBody{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.settlementInputs{grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr) auto;align-items:end;gap:12px;display:grid}.settlementPreview{border:1px solid var(--line);background:var(--line);border-radius:9px;grid-template-columns:repeat(4,minmax(120px,1fr));gap:1px;margin-top:14px;display:grid;overflow:hidden}.settlementPreview>div{background:#f8fafc;padding:12px}.settlementPreview small,.settlementPreview strong{display:block}.settlementPreview small{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.settlementPreview strong{color:var(--navy);margin-top:5px;font-size:17px}.settlementPreview .settlementNet{background:var(--tealDark)}.settlementPreview .settlementNet small,.settlementPreview .settlementNet strong{color:#fff}.settlementWarning{color:var(--red);background:#fff1ef;grid-column:1/-1;margin:0;padding:12px 14px;font-weight:750}.settlementConfirm{grid-column:1/-1;margin:12px}.settlementComplete{color:#075e54;background:#ecfdf8;border-color:#a7dfd4;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.settlementComplete strong,.settlementComplete span{display:block}.settlementComplete span{color:#4f6f6a;margin-top:3px;font-size:11px}.settlementPayment{align-items:center;gap:12px;display:flex}.settlementPayment>b{font-size:20px}.filters{border-bottom:1px solid var(--line);gap:10px;padding:14px 20px;display:flex}.filters select{max-width:260px}.transactionList article{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(175px,1fr) minmax(150px,.8fr) minmax(120px,.6fr) auto auto;align-items:center;gap:14px;padding:14px 20px;display:grid}.transactionList article:last-child{border:0}.transactionList article.deleted{opacity:.55;background:#f9fafb}.typeIcon{color:#175cd3;background:#eef4ff;border-radius:9px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.typeIcon.bonus{color:#8a6707;background:#fffaeb}.typeIcon.deduction,.typeIcon.holdsalary{color:#b42318;background:#fef3f2}.typeIcon.releasesalary{color:#067647;background:#ecfdf3}.typeIcon.leave{color:#344054;background:#f2f4f7}.transactionIdentity{flex-direction:column;display:flex}.transactionIdentity span,.transactionIdentity small,.transactionMeta span,.transactionMeta small,.transactionList article>div:nth-child(3)>small,.transactionList article>div:nth-child(3)>span{color:var(--muted);font-size:10px}.transactionIdentity small{margin-top:3px}.transactionList article>div:nth-child(3){flex-direction:column;display:flex}.transactionList article>div:nth-child(3) b{margin:3px 0}.transactionMeta{flex-direction:column;display:flex}.tableAction{background:#fff;border:1px solid #d0d5dd;border-radius:7px;min-height:34px;padding:6px 10px;font-size:11px;font-weight:800}.tableAction.danger{color:var(--red)}.transactionList.compact article{grid-template-columns:36px minmax(130px,1fr) minmax(120px,.7fr);gap:10px;padding:12px 16px}.transactionList.compact .transactionMeta,.transactionList.compact .tableAction{display:none}.payslipLayout{grid-template-columns:minmax(300px,.7fr) minmax(440px,1.3fr)}.payslipPreview{box-shadow:var(--shadow);background:#fff;border:1px solid #d9dde5;padding:0 24px 24px}.payslipHeader{border-bottom:3px solid var(--navy);justify-content:space-between;padding:22px 0;display:flex}.payslipHeader div{flex-direction:column;display:flex}.payslipHeader span{color:var(--muted);margin-top:4px;font-size:11px}.payslipHeader>div:last-child{text-align:right}.payslipIdentity{grid-template-columns:1fr 1fr;gap:20px;padding:20px 0;display:grid}.payslipIdentity div{flex-direction:column;display:flex}.payslipIdentity small{color:var(--muted);text-transform:uppercase;font-size:9px}.payslipIdentity strong{margin-top:5px}.payslipIdentity span{color:var(--muted);margin-top:3px;font-size:11px}.payslipLines{border:1px solid var(--line)}.payslipLines div{justify-content:space-between;padding:8px 11px;font-size:12px;display:flex}.payslipLines div:nth-child(odd){background:#f8fafc}.netPayable{background:var(--teal);color:#fff;justify-content:space-between;align-items:center;margin-top:10px;padding:11px 13px;display:flex}.netPayable span{letter-spacing:.1em;font-size:11px;font-weight:900}.netPayable strong{font-size:18px}.bonusNote{color:#7a5d09;background:#fffaeb;padding:10px 12px;font-size:11px}.payslipPaymentDetails{color:var(--muted);gap:5px;margin-top:12px;display:grid}.payslipPaymentDetails strong{color:#475467;font-size:12px}.payslipPaymentDetails small{overflow-wrap:anywhere;font-size:10px;line-height:1.45}.payslipPaymentDetails small b{color:#475467}.payslipActions{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.reportGrid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.reportGrid article{border:1px solid var(--line);min-height:210px;box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-direction:column;padding:22px;display:flex}.reportGrid article>span{color:var(--tealDark);letter-spacing:.12em;font-size:10px;font-weight:900}.reportGrid strong{margin-top:14px;font-size:22px}.reportGrid p{color:var(--muted);font-size:13px;line-height:1.5}.reportGrid button{margin-top:auto}.dangerPanel{padding-bottom:20px}.dangerPanel input,.dangerPanel .dangerButton{width:calc(100% - 40px);margin:20px 20px 0}.auditList article{border-bottom:1px solid var(--line);grid-template-columns:110px minmax(170px,1fr) minmax(140px,.7fr) 1fr;align-items:center;gap:16px;padding:13px 20px;display:grid}.auditList article:last-child{border:0}.auditAction{color:#08746b;background:#e9f8f6;border-radius:6px;width:max-content;padding:5px 8px;font-size:9px;font-weight:900}.auditList article div{flex-direction:column;display:flex}.auditList small{color:var(--muted);margin-top:3px;font-size:10px}.auditList p{color:var(--muted);margin:0;font-size:12px}.moreGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.moreGrid button{border:1px solid var(--line);text-align:left;min-height:160px;box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;padding:22px;display:flex}.moreGrid button>span{color:var(--teal);margin-left:auto;font-size:20px}.moreGrid strong{margin-top:18px;font-size:18px}.moreGrid small{color:var(--muted);margin-top:6px;line-height:1.4}.letterWorkspace{gap:18px;display:grid}.letterSetup,.letterSectionsPanel,.generatedLetterPanel{overflow:hidden}.letterCoreFields{padding:20px}.letterCoreFields textarea,.letterSectionList textarea{resize:vertical}.letterSectionList{gap:12px;padding:0 20px 20px;display:grid}.letterSectionList article{border:1px solid var(--line);background:#fff;border-radius:12px;gap:10px;padding:14px;display:grid}.letterSectionList article.sectionDisabled{opacity:.65;background:#f7f8fa}.letterSectionHead{align-items:center;gap:12px;display:flex}.letterSectionHead>input{color:#b28a3a;text-transform:uppercase;border:0;flex:1;min-width:0;padding:0;font-size:13px;font-weight:900}.letterSectionHead>input:focus{box-shadow:none}.letterSectionHead label{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.letterSectionHead label input{width:18px;height:18px}.letterGenerateActions{flex-wrap:wrap;gap:10px;padding:0 20px 20px;display:flex}.letterPdfPreview{border:1px solid var(--line);background:#f4f6f8;border-radius:10px;width:calc(100% - 40px);height:min(76vh,820px);margin:0 20px 20px;display:block}.dangerButton{color:var(--red);background:#fff1f0;border-color:#f5b7b1}.emptyState{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:55vh;display:flex}.emptyState>span{background:var(--navy);color:#69dfd1;border-radius:18px;place-items:center;width:68px;height:68px;font-size:30px;font-weight:900;display:grid}.emptyState h2{margin:20px 0 7px}.emptyState p{max-width:460px;color:var(--muted);margin:0}.emptyState>div{gap:10px;margin-top:22px;display:flex}.toast{z-index:50;background:var(--navy);color:#fff;border-radius:9px;max-width:min(420px,100vw - 32px);padding:13px 17px;font-size:13px;font-weight:750;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 45px #0b122040}.mobileNav{display:none}@media (width<=1050px){.appShell{grid-template-columns:88px minmax(0,1fr)}.sideNav{padding:20px 10px}.logoBlock{align-items:center;padding:4px 0 24px}.logoBlock strong{font-size:15px}.logoBlock small{display:none}.sideNav nav button{justify-content:center;padding:8px;font-size:0}.sideNav nav button span{font-size:19px}.logoutButton{font-size:11px}.progressBar{left:88px}.kpiGrid{grid-template-columns:repeat(2,1fr)}.twoColumnLayout{grid-template-columns:1fr}.recentPanel{order:2}.payrollSummary{grid-template-columns:38px minmax(150px,1fr) repeat(3,minmax(75px,.45fr)) minmax(120px,.6fr) 25px}.payrollSummary>div:nth-child(4),.payrollSummary>div:nth-child(5){display:none}.payrollDetails{grid-template-columns:repeat(3,1fr)}}@media (width>=721px) and (width<=900px){.loginShell{grid-template-columns:minmax(280px,.75fr) minmax(390px,1.25fr)}.loginBrand{padding:40px 28px}.loginBrand h1{font-size:39px}.loginPanel{padding:24px}.loginCard{padding:30px}.contentArea,.topBar{padding-left:22px;padding-right:22px}.employeeSummary,.employeeDirectory article{grid-template-columns:38px minmax(0,1fr) minmax(120px,.55fr) auto}.employeeSummary>div:nth-child(3),.employeeSummary>div:nth-child(4),.employeeDirectory article>div:nth-child(3){display:none}.transactionList article{grid-template-columns:38px minmax(0,1fr) minmax(125px,.65fr);gap:10px}.transactionList .transactionMeta,.transactionList .tableAction{grid-column:2}.transactionList article>div:nth-child(3){text-align:right}.auditList article{grid-template-columns:100px minmax(0,1fr) minmax(130px,.7fr)}.auditList article p{grid-column:2/-1}.reportGrid,.moreGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){body{padding-bottom:70px}.loginShell{background:#f7f8fc;flex-direction:column;min-height:100vh;display:flex}.loginBrand{flex-direction:row;justify-content:flex-start;align-items:center;gap:18px;min-height:205px;padding:28px 24px 48px}.brandMark{border-radius:13px;flex:0 0 54px;width:54px;height:54px;font-size:25px}.loginBrandCopy p{letter-spacing:.14em;font-size:11px}.loginBrandCopy small{font-size:9px}.loginBrand h1{margin-top:13px;font-size:27px;line-height:1.08}.loginPanel{background:0 0;flex:1;align-items:start;margin-top:-24px;padding:0 14px 28px}.loginCard{border-radius:12px;padding:24px 20px}.loginCard h2{font-size:27px}.muted{margin-bottom:20px;font-size:14px;line-height:1.4}.appShell{display:block}.sideNav{display:none}.topBar{align-items:flex-start;min-height:78px;padding:13px 16px}.topBar h1{font-size:20px}.topActions{gap:6px}.topBar>div:first-child{min-width:74px}.monthSelect{display:block}.monthSelect span{display:none}.monthSelect select{width:112px;min-height:39px;padding:7px 8px;font-size:12px}.iconButton{width:39px;height:39px}.topLogoutButton{min-height:39px;padding:0 9px;font-size:10px}.roleBadge{display:none}.contentArea{padding:18px 12px 30px}.progressBar{top:77px;left:0}.globalError{margin:10px 12px 0}.mobileNav{z-index:40;padding:6px max(7px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left));background:var(--navy);border-top:1px solid #263147;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobileNav:has(button:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}.mobileNav button{border-radius:7px;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:50px;padding:4px;font-size:9px}.mobileNav button span{font-size:16px}.mobileNav button.active{color:#72e3d6;background:#14b8a624}.heroPanel{border-radius:11px;align-items:flex-start;padding:20px}.heroPanel h2{font-size:19px}.statusPill{padding:6px 8px}.kpiGrid{gap:9px}.kpiCard{min-height:100px;padding:15px}.kpiCard strong{margin-top:15px;font-size:18px}.miniStats{grid-template-columns:repeat(2,1fr)}.miniStats div:nth-child(2){border-right:0}.miniStats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.employeeSummary,.employeeDirectory article{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:13px}.employeeSummary>div:nth-child(3),.employeeSummary>div:nth-child(4),.employeeDirectory article>div:nth-child(3){display:none}.employeeSummary .netFigure{grid-column:2}.employeeSummary .paymentPill,.employeeDirectory article .secondaryButton{grid-area:1/3}.quickActions{grid-template-columns:1fr}.quickActions button{min-height:48px}.panelHeader{padding:15px}.formGrid{grid-template-columns:1fr;padding:15px}.fullWidth{grid-column:auto}.typeSegments{grid-template-columns:repeat(2,1fr)}.createMonthBar{grid-template-columns:1fr auto;padding:14px}.createMonthBar div{grid-column:1/-1}.createMonthBar input{width:100%}.heroPanel.compact{align-items:center}.statusControls{flex-direction:column;align-items:flex-end}.payrollSummary{grid-template-columns:34px minmax(0,1fr) minmax(104px,.55fr) 20px;padding:13px 11px}.payrollSummary>div:nth-child(3),.payrollSummary>div:nth-child(4),.payrollSummary>div:nth-child(5),.payrollSummary>div:nth-child(6),.payrollSummary>div:nth-child(7){display:none}.payrollDetails{grid-template-columns:1fr;padding:14px}.calculationStrip{flex-direction:column;grid-column:auto;gap:7px}.settlementBox,.settlementComplete{grid-column:auto}.settlementComplete{flex-direction:column;align-items:flex-start}.settlementPayment{justify-content:space-between;width:100%}.settlementInputs,.settlementPreview{grid-template-columns:1fr}.settlementWarning,.settlementConfirm{grid-column:auto}.filters{grid-template-columns:1fr 1fr;padding:11px;display:grid}.transactionList article,.transactionList.compact article{grid-template-columns:34px minmax(0,1fr) auto;gap:9px;padding:12px}.transactionList .transactionMeta,.transactionList .tableAction{grid-column:2}.transactionList article>div:nth-child(3){text-align:right}.transactionList.compact article>div:nth-child(3){display:flex}.payslipPreview{padding:0 14px 18px}.payslipIdentity{grid-template-columns:1fr}.payslipActions{display:grid}.reportGrid,.moreGrid{grid-template-columns:1fr}.letterCoreFields,.letterSectionList{padding-left:14px;padding-right:14px}.letterGenerateActions{padding-left:14px;padding-right:14px;display:grid}.letterPdfPreview{width:calc(100% - 28px);height:68vh;margin-left:14px;margin-right:14px}.reportGrid article{min-height:170px}.auditList article{grid-template-columns:auto 1fr;padding:12px}.auditList article>div:nth-child(3),.auditList article p{grid-column:2}.emptyState>div{flex-direction:column;width:100%}.toast{text-align:center;bottom:78px;left:16px;right:16px}.buttonRow{flex-direction:column}}.attendanceSummary{overflow:hidden}.attendanceSummaryHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.attendanceSummaryHead>div,.emptyAttendance>div{gap:4px;display:grid}.attendanceSummaryHead strong,.emptyAttendance strong{font-size:17px}.attendanceSummaryHead span,.emptyAttendance span{color:var(--muted);font-size:13px}.emptyAttendance{padding:18px 22px}.attendanceTableWrap{overflow-x:auto}.attendanceTable{border-bottom:1px solid var(--line);grid-template-columns:112px minmax(170px,1fr) 100px repeat(6,minmax(100px,1fr));align-items:center;min-width:1040px;padding:11px 22px;font-size:13px;display:grid}.attendanceTable:last-child{border-bottom:0}.attendanceTableHead{color:var(--muted);text-transform:uppercase;background:#f7f8fa;font-size:11px;font-weight:850}.attendanceTable span:nth-child(n+3){text-align:center}.redText{font-weight:850;color:var(--red)!important}@media (width<=390px){.loginBrand h1{font-size:32px}.topBar .eyebrow{font-size:9px}.monthSelect select{width:118px}.kpiCard strong{font-size:16px}.heroPanel{gap:10px}.heroPanel h2{font-size:17px}.filters{grid-template-columns:1fr}.payslipHeader strong{font-size:13px}}@media print{.sideNav,.topBar,.mobileNav,.payslipActions,.globalError,.toast{display:none!important}.appShell{display:block}.contentArea{padding:0}.payslipPreview{box-shadow:none;border:0}.panel{box-shadow:none}}.brandMark{overflow:hidden;background:#fff!important}.brandMark img{object-fit:contain;width:92%;height:92%}.logoBlock{background:url(/omrp-logo.png) top/150px no-repeat;padding-top:54px!important}.topBar{padding-left:clamp(84px,8vw,112px)!important}.topBar:before{content:"";background:#0b1220 url(/omrp-logo.png) 50%/48px no-repeat;border-radius:10px;width:54px;height:54px;position:absolute;left:clamp(18px,3vw,42px)}.payslipPreview:after{content:"This document is system generated. No signature is required";border-top:1px solid var(--line);color:var(--muted);text-align:center;margin-top:22px;padding-top:10px;font-size:10px;display:block}.payslipHeader{position:relative;padding-left:80px!important}.payslipHeader:before{content:"";background:url(/omrp-logo.png) 50%/contain no-repeat;width:68px;height:34px;position:absolute;top:14px;left:0}.employeeFilters{border-bottom:1px solid var(--line);gap:8px;padding:14px 20px;display:flex}.employeeFilters button{color:#475467;background:#fff;border:1px solid #d0d5dd;border-radius:7px;min-height:38px;padding:7px 14px;font-weight:800}.employeeFilters button.active{border-color:var(--teal);color:#08746b;background:#e9f8f6}@media (width<=720px){.logoBlock{background:0 0}.topBar{padding-left:78px!important}.topBar:before{width:50px;height:50px;left:14px}.payslipHeader{padding-left:66px!important}.payslipHeader:before{width:56px}.employeeFilters{padding:12px;overflow:auto}.employeeFilters button{flex:1}}.employeeTypeTabs{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:11px;grid-template-columns:1fr 1fr;gap:10px;padding:6px;display:grid}.employeeTypeTabs button{color:#667085;background:#f2f4f7;border:0;border-radius:7px;min-height:48px;font-weight:850}.employeeTypeTabs button.active{background:var(--navy);color:#fff;box-shadow:0 3px #344054}.employeeTypeCheck{border:1px solid var(--line);background:#f8fafc;border-radius:8px;align-self:end;min-height:48px;padding:0 12px}.scheduleGroup{border:1px solid var(--line);background:#f8fafc;border-radius:9px;padding:14px}.scheduleGroup>span{color:#344054;margin-bottom:10px;font-size:13px;font-weight:850;display:block}.weekdayChecks{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.shiftChecks{gap:10px;display:flex}.weekdayChecks label,.shiftChecks label{background:#fff;border:1px solid #d0d5dd;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:7px;font-size:12px;font-weight:800;display:flex}.weekdayChecks input,.shiftChecks input{width:18px;min-height:18px}@media (width<=720px){.employeeTypeTabs{gap:6px}.employeeTypeTabs button{min-height:44px;font-size:12px}.weekdayChecks{grid-template-columns:repeat(4,1fr)}.shiftChecks{grid-template-columns:1fr 1fr;display:grid}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}