:root{--navy:#062b50;--navy-2:#0b3b68;--teal:#06a8a3;--teal-soft:#e4f8f6;--orange:#ed5a35;--orange-soft:#fff0ea;--bg:#eef4f6;--line:#cbd7dc;--ink:#102f4d;--muted:#647789;--success:#087a43;--danger:#b42318;--warning:#9a6700;--white:#fff;--shadow:0 12px 30px rgba(6,43,80,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.48 Inter,Arial,sans-serif;display:grid;grid-template-columns:275px minmax(0,1fr);min-height:100vh}button,input,select,textarea{font:inherit}button,summary{transition:.18s ease}aside{background:linear-gradient(180deg,#052847,#07345c);color:#fff;padding:22px 15px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:900;margin-bottom:25px}.brand>b,.logo{display:grid;place-items:center;background:var(--teal);color:#fff;width:48px;height:48px;font-size:29px}.brand span small,.who small{display:block;font-size:10px;letter-spacing:.18em;color:#8fe6e1}.who{border:1px solid #376182;background:rgba(255,255,255,.03);padding:13px;margin-bottom:15px}.who small{margin-top:5px}nav{display:grid;gap:3px}nav button{border:0;background:transparent;color:#dce9f4;text-align:left;padding:11px 14px;font-weight:750;cursor:pointer;border-left:3px solid transparent}nav button:hover,nav button.active{background:#0aa7a1;color:#fff;border-left-color:#8af0eb}.logout{margin-top:auto;color:#bfe8e5;padding:12px;text-decoration:none}main{min-width:0}main>header{min-height:94px;background:#fff;border-bottom:4px solid var(--teal);display:flex;align-items:center;justify-content:space-between;padding:15px 30px;position:sticky;top:0;z-index:5}header small,.eyebrow{letter-spacing:.15em;color:var(--teal);font-weight:850;font-size:11px}h1,h2,h3{margin:4px 0;color:var(--navy);line-height:1.18}h1{font-size:35px}h2{font-size:30px}h3{font-size:20px}.content{padding:28px;max-width:1650px;margin:0 auto}.tab{display:none}.tab.active{display:block}.head,.panel-head,.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:18px}.head p,.panel-head p,.dashboard-hero p{margin:.35rem 0 0;color:var(--muted)}.dashboard-hero{background:linear-gradient(115deg,var(--navy),#0a416f);padding:28px;color:#fff;box-shadow:8px 8px 0 #b8c9d2;border-left:6px solid var(--teal);margin-bottom:20px}.dashboard-hero h2,.dashboard-hero p{color:#fff}.dashboard-hero.compact{padding:22px 26px}.live-dot{background:#fff;color:var(--navy);padding:9px 13px;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.live-dot:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--teal);margin-right:8px;box-shadow:0 0 0 5px rgba(6,168,163,.18)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.kpis.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpis article,.panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:21px}.kpis article{border-top:4px solid var(--teal);position:relative;overflow:hidden}.kpis article:after{content:"";position:absolute;width:55px;height:55px;border:12px solid var(--teal-soft);right:-20px;bottom:-26px;transform:rotate(45deg)}.kpis article.accent-card{border-top-color:var(--orange);background:var(--navy);color:#fff}.kpis article.accent-card span,.kpis article.accent-card small{color:#bde7e4}.kpis span{display:block;text-transform:uppercase;font-size:11px;font-weight:850;letter-spacing:.07em;color:var(--muted)}.kpis b{display:block;margin:13px 0 3px;font-size:24px}.kpis small,.cell-note{color:var(--muted)}.panel{margin:20px 0}.panel>h3:first-child{margin-bottom:12px}.primary,.secondary,.small-action{display:inline-flex;align-items:center;justify-content:center;border:0;font-weight:850;text-decoration:none;cursor:pointer}.primary,.secondary{padding:12px 18px}.primary{background:var(--orange);color:#fff}.secondary{background:var(--navy);color:#fff}.small-action{background:var(--teal);color:#fff;padding:8px 11px;white-space:nowrap}.primary:hover,.secondary:hover,.small-action:hover{filter:brightness(.94);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.status-pill,.role-tag,.badge{display:inline-block;border:1px solid var(--teal);background:var(--teal-soft);color:#056b67;padding:6px 10px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge{padding:4px 8px;border-color:#a9c9c7}.badge.pending-approval,.badge.draft,.badge.in-review{background:#fff7df;color:var(--warning);border-color:#efd58b}.badge.approved,.badge.paid,.badge.published,.badge.active{background:#e9f8ef;color:var(--success);border-color:#9bd0ae}.badge.rejected,.badge.closed{background:#fff0f0;color:var(--danger);border-color:#ebb0ac}.badge.warning{background:#fff4de;color:#915d00;border-color:#e6c175}.badge.archived{background:#edf0f2;color:#5d6870;border-color:#cfd7dc}table{width:100%;border-collapse:collapse}th{background:var(--navy);color:#fff;text-align:left;padding:12px;white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.04em}td{padding:11px 12px;border-bottom:1px solid #d7e0e4;vertical-align:top}tbody tr:hover{background:#f5fafb}.scroll{overflow:auto}.profit,.due{font-weight:850;color:var(--success)}.loss{font-weight:850;color:var(--danger)}.cell-note{display:block;font-size:11px;line-height:1.35;margin-top:4px;max-width:260px}.empty{color:var(--muted);text-align:center;padding:30px}.muted{color:var(--muted)}.form-status{min-height:1.3em;color:#05756f;font-weight:750;font-size:12px}.error{color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:end}.form-grid h3,.form-grid .form-status{grid-column:1/-1}.form-grid input,.form-grid select,.editor-grid input,.editor-grid select,.inline-form select,.user-card input,.user-card select{width:100%;min-height:42px;border:1px solid #adbec7;background:#fff;color:var(--ink);padding:9px 11px}.form-grid input:focus,.form-grid select:focus,.editor-grid input:focus,.editor-grid select:focus,.user-card select:focus{outline:3px solid rgba(6,168,163,.18);border-color:var(--teal)}.form-grid .check{align-self:center}.form-grid button{justify-self:start}.check{display:flex!important;align-items:center;gap:8px}.check input{width:17px!important;height:17px!important;min-height:0!important;flex:0 0 auto}.trend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:15px}.trend-item{background:#f7fafb;border:1px solid #d8e2e6;padding:13px}.trend-item>div:first-child{display:flex;justify-content:space-between;gap:10px}.trend-item span{color:var(--muted);font-size:12px}.trend-item strong{display:block;margin-top:8px}.bar{height:7px;background:#dce7e9;margin-top:12px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--orange))}.create-panel>summary,.record-editor>summary{cursor:pointer;list-style:none;font-weight:850;color:var(--navy)}.create-panel>summary:before,.record-editor>summary:before{content:"＋";margin-right:7px;color:var(--teal)}.create-panel[open]>summary{margin-bottom:18px}.record-editor>summary{display:inline-flex;background:var(--navy);color:#fff;padding:7px 10px;font-size:12px;white-space:nowrap}.record-editor>summary:before{content:"✎";color:#fff}.editor-grid{position:fixed;z-index:40;left:50%;top:50%;transform:translate(-50%,-50%);width:min(800px,calc(100vw - 34px));max-height:82vh;overflow:auto;background:#fff;border-top:7px solid var(--teal);box-shadow:0 30px 90px rgba(0,0,0,.35);padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.editor-grid label{display:grid;gap:5px;font-weight:750;font-size:12px}.editor-grid .span-2,.editor-grid .form-status{grid-column:1/-1}.inline-form{display:flex;align-items:center;gap:7px;min-width:210px}.inline-form .form-status{display:none}.employee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:20px}.employee-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:20px}.employee-top{display:flex;align-items:center;gap:12px}.employee-top>span{margin-left:auto}.employee-top p{margin:4px 0;color:var(--muted)}.avatar{display:grid;place-items:center;flex:0 0 48px;height:48px;background:var(--navy);color:#fff;font-size:22px;font-weight:900;border-bottom:5px solid var(--teal)}.employee-card dl{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:18px 0}.employee-card dl div{border-top:1px solid #dbe4e7;padding-top:9px}.employee-card dt{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:850}.employee-card dd{margin:3px 0 0;font-weight:700}.user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:16px}.user-card{border:1px solid var(--line);border-left:5px solid var(--teal);background:#f8fbfc;padding:18px;display:grid;gap:14px}.user-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.user-card-head strong,.user-card-head small{display:block}.user-card-head strong{font-size:17px}.user-card-head small{color:var(--muted);margin-top:3px}.user-card>label:not(.check){display:grid;gap:6px;font-weight:700}.user-card fieldset{border:1px solid var(--line);margin:0;padding:13px}.user-card legend{font-weight:850;color:var(--navy);padding:0 5px}.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.login{display:grid;place-items:center;grid-template-columns:1fr;background:linear-gradient(135deg,#edf3f5,#d8ecee)}.login-card{width:min(460px,calc(100% - 35px));background:#fff;border-top:8px solid var(--teal);box-shadow:10px 10px 0 var(--navy);padding:34px}.login-card input,.login-card button{display:block;width:100%;padding:13px;margin:10px 0;border:1px solid var(--line)}
.close-editor{grid-column:1/-1;justify-self:end;border:1px solid var(--line);background:#eef3f5;color:var(--navy);padding:7px 12px;font-weight:800;cursor:pointer}
.brand-logo{background:#fff;padding:10px 12px;margin-bottom:22px;border-bottom:5px solid var(--teal);text-align:center}.brand-logo img{display:block;width:100%;height:94px;object-fit:contain}.brand-logo small{display:block;color:var(--navy);font-size:11px;font-weight:900;letter-spacing:.18em;margin-top:2px}.login-logo{display:block;width:min(320px,100%);height:180px;object-fit:contain;margin:0 auto 10px}.login-card h1{text-align:center}.payroll-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;background:linear-gradient(120deg,#052847 0%,#0b3f6c 67%,#087f7c 100%);color:#fff;padding:28px;border-left:7px solid var(--orange);box-shadow:8px 8px 0 #c1d0d6}.payroll-hero h2,.payroll-hero p{color:#fff}.payroll-hero p{margin:7px 0 0;color:#d8e8f1}.payroll-hero-total{min-width:260px;border-left:1px solid rgba(255,255,255,.35);padding-left:24px}.payroll-hero-total span,.payroll-hero-total small{display:block;color:#bde9e6}.payroll-hero-total strong{display:block;font-size:30px;margin:6px 0}.payroll-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.payroll-kpi{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:18px;display:flex;align-items:center;gap:14px;border-top:4px solid var(--teal)}.payroll-kpi.pending{border-top-color:#e1a100}.payroll-kpi.approved{border-top-color:#0a8b64}.payroll-kpi.paid{border-top-color:#0d66b2}.payroll-kpi.cycle{border-top-color:var(--orange)}.kpi-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;background:var(--navy);color:#fff;font-size:18px;font-weight:900}.payroll-kpi span,.payroll-kpi small{display:block;color:var(--muted)}.payroll-kpi span{font-size:12px;text-transform:uppercase;font-weight:850;letter-spacing:.05em}.payroll-kpi b{display:block;font-size:21px;margin:3px 0}.section-label{display:flex;justify-content:space-between;align-items:center;margin:23px 0 10px}.section-label span{color:var(--muted)}.payroll-person-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.payroll-person-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:17px}.person-heading,.payroll-employee{display:flex;align-items:center;gap:10px}.person-heading small,.payroll-employee small{display:block;color:var(--muted)}.person-avatar{display:grid;place-items:center;flex:0 0 42px;height:42px;background:var(--teal);color:#fff;font-weight:900;border-bottom:4px solid var(--navy)}.person-avatar.small{flex-basis:34px;height:34px;font-size:13px;border-bottom-width:3px}.person-total{display:flex;justify-content:space-between;align-items:center;margin:15px 0 10px;padding:10px;background:#eff7f8}.person-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.person-breakdown span{font-size:11px;color:var(--muted)}.person-breakdown b{display:block;color:var(--ink);margin-top:2px}.payroll-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 190px 175px auto;gap:12px;align-items:end;margin:18px 0}.payroll-toolbar label,.settings-grid label,.payrun-form label{display:grid;gap:5px;font-size:13px;font-weight:750}.payroll-toolbar input,.payroll-toolbar select,.settings-grid input,.settings-grid select,.payrun-form input,.payrun-form select,.payroll-action-form select{width:100%;min-height:42px;border:1px solid #aebdc5;background:#fff;padding:9px 11px;color:var(--ink)}.toolbar-button{min-height:42px;border:1px solid var(--navy);background:#fff;color:var(--navy);font-weight:800;padding:8px 13px;cursor:pointer}.commission-amount{font-size:17px;color:var(--success);white-space:nowrap}.metric-line{display:block;white-space:nowrap}.payroll-action-form{display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:7px;min-width:265px}.payroll-action-form .form-status{grid-column:1/-1;margin:0}.salary-register>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.salary-register>summary strong,.salary-register>summary small{display:block}.salary-register>summary small{color:var(--muted);margin-top:4px}.salary-count{background:var(--teal-soft);color:#056b67;padding:6px 10px;font-weight:800}.compliance-note,.statutory-note{background:#fff8e1!important;border-left:5px solid #dda000!important;color:#654b00}.payroll-module-nav{display:flex;gap:7px;flex-wrap:wrap;position:sticky;top:98px;z-index:4;background:rgba(238,244,246,.95);backdrop-filter:blur(8px);padding:13px 0;margin-top:24px}.payroll-module-nav a{background:#fff;border:1px solid var(--line);color:var(--navy);padding:9px 13px;text-decoration:none;font-weight:800}.payroll-module-nav a:hover{background:var(--navy);color:#fff}.payroll-department-section{scroll-margin-top:160px;margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.section-heading p{color:var(--muted);margin:5px 0 0}.create-payroll-run{position:relative}.create-payroll-run>summary{list-style:none;background:var(--orange);color:#fff;padding:11px 16px;font-weight:850;cursor:pointer}.create-payroll-run[open] .payrun-form{display:grid}.payrun-form{display:none;position:absolute;z-index:30;right:0;top:48px;width:min(700px,calc(100vw - 50px));grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#fff;border-top:6px solid var(--teal);box-shadow:0 25px 70px rgba(0,0,0,.28);padding:20px}.payrun-form .form-status{grid-column:1/-1}.readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:17px 0}.readiness-grid article{background:#fff;border:1px solid var(--line);padding:15px}.readiness-grid article.needs-attention{border-left:5px solid var(--orange);background:#fff8f5}.readiness-grid span,.readiness-grid small{display:block;color:var(--muted)}.readiness-grid b{display:block;font-size:22px;margin-top:4px}.selected-row{background:#e8f7f6!important;box-shadow:inset 5px 0 0 var(--teal)}.run-actions,.document-actions{display:flex;gap:7px;align-items:center}.active-payrun{border-top:6px solid var(--teal)}.payrun-totals{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:18px 0}.payrun-totals span{background:#eef5f7;padding:10px;color:var(--muted);font-size:12px}.payrun-totals b{display:block;color:var(--ink);font-size:15px;margin-top:4px}.report-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.report-card-grid article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--teal);box-shadow:var(--shadow);padding:18px}.report-card-grid span,.report-card-grid small{display:block;color:var(--muted)}.report-card-grid b{display:block;font-size:23px;margin:7px 0}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:end}.settings-grid .form-status{grid-column:1/-1}
.danger-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid #a52828;background:#fff;color:#a52828;font-weight:850;padding:9px 12px;cursor:pointer}.danger-action:hover{background:#a52828;color:#fff}.employee-delete-form{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.employee-delete-form input{min-height:40px;border:1px solid #c4d0d5;padding:8px 10px}.employee-delete-form .form-status{grid-column:1/-1;margin:0}.danger-panel{border-left:6px solid var(--danger);background:#fff1f1}.module-form-grid>.api-form p{max-width:660px}
@media(max-width:1150px){.kpis,.payroll-kpis{grid-template-columns:1fr 1fr}.trend-grid{grid-template-columns:1fr 1fr}.employee-grid,.user-grid{grid-template-columns:1fr}.form-grid,.settings-grid{grid-template-columns:1fr 1fr}.payroll-person-grid,.report-card-grid{grid-template-columns:1fr 1fr}.payrun-totals{grid-template-columns:repeat(3,1fr)}.payroll-toolbar{grid-template-columns:1fr 1fr}}
@media(max-width:860px){body{grid-template-columns:1fr}aside{position:relative;height:auto;min-height:auto}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.logout{margin-top:12px}main>header{position:relative;padding:12px 18px}.content{padding:18px}.dashboard-hero,.head,.panel-head,.payroll-hero,.section-heading{align-items:flex-start;flex-direction:column}.payroll-hero-total{border-left:0;border-top:1px solid rgba(255,255,255,.35);padding:16px 0 0;width:100%}.payroll-module-nav{top:0}.create-payroll-run{width:100%}.create-payroll-run>summary{text-align:center}.payrun-form{left:0;right:auto}}
@media(max-width:600px){nav,.kpis,.kpis.three,.payroll-kpis,.payroll-person-grid,.report-card-grid,.readiness-grid,.trend-grid,.form-grid,.settings-grid,.payrun-form,.access-grid,.editor-grid,.employee-card dl,.payroll-toolbar,.payrun-totals{grid-template-columns:1fr}.user-card-head{align-items:flex-start;flex-direction:column}h1{font-size:29px}h2{font-size:25px}.panel,.kpis article,.employee-card{padding:15px}.content{padding:13px}main>header strong{display:none}.dashboard-hero,.payroll-hero{padding:19px}.live-dot{white-space:normal}.editor-grid .span-2,.editor-grid .form-status,.payrun-form .form-status,.settings-grid .form-status{grid-column:auto}.payroll-module-nav{overflow:auto;flex-wrap:nowrap}.payroll-module-nav a{white-space:nowrap}.person-breakdown{grid-template-columns:1fr}.brand-logo img{height:120px}}
.payroll-export-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.payroll-export-actions a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.operations-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.operations-kpis .alert-card{border-top:5px solid #c43d32;background:#fff4f2}.operations-overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:18px}.workflow-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.workflow-list li{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding:12px 0}.workflow-list li>b{display:grid;place-items:center;flex:0 0 32px;height:32px;background:var(--navy);color:#fff}.workflow-list span,.workflow-list strong,.workflow-list small{display:block}.workflow-list small{color:var(--muted);margin-top:4px;line-height:1.45}.module-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compact-form{grid-template-columns:1fr 1fr}.project-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.project-card{background:#fff;border:1px solid var(--line);border-top:5px solid var(--teal);box-shadow:var(--shadow);padding:20px}.project-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.project-card-head strong,.project-card-head small{display:block}.project-card-head small{color:var(--muted);margin-top:4px}.progress-track{height:10px;background:#dce8eb;margin:18px 0;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--navy),var(--teal))}.project-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-stats span{font-size:12px;color:var(--muted);background:#f1f6f7;padding:9px}.project-stats b{display:block;color:var(--ink);font-size:14px;margin-top:3px}.editor-grid textarea,.form-grid textarea{width:100%;min-height:90px;border:1px solid #aebdc5;background:#fff;padding:9px 11px;color:var(--ink);resize:vertical}.badge.critical,.badge.high{background:#ffe4df;color:#9b241a}.badge.medium{background:#fff1c9;color:#775000}.badge.low{background:#e5f3fa;color:#125d80}.badge.in-progress,.badge.active,.badge.current,.badge.compliant,.badge.in-service,.badge.completed,.badge.received{background:#dff5ec;color:#087052}.badge.blocked,.badge.overdue,.badge.expired,.badge.damaged,.badge.lost{background:#ffe4df;color:#9b241a}.badge.planned,.badge.prospect,.badge.draft,.badge.new{background:#e5f3fa;color:#125d80}aside nav{overflow-y:auto;max-height:calc(100vh - 290px);padding-right:3px}
@media(max-width:1150px){.operations-kpis{grid-template-columns:1fr 1fr}.operations-overview-grid{grid-template-columns:1fr}.module-form-grid,.project-card-grid{grid-template-columns:1fr}}
@media(max-width:600px){.operations-kpis,.compact-form,.project-stats{grid-template-columns:1fr}.module-form-grid{display:block}.module-form-grid>.panel{margin-bottom:14px}}
.audit-notice{border-left:6px solid #e2a024;background:#fff8e8}.audit-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.audit-category-grid article{border:1px solid var(--line);border-left:5px solid var(--teal);background:#f7fbfc;padding:14px}.audit-category-grid span,.audit-category-grid strong,.audit-category-grid small{display:block}.audit-category-grid span{color:var(--teal);font-size:10px;font-weight:900;letter-spacing:.09em}.audit-category-grid strong{margin:6px 0;color:var(--navy)}.audit-category-grid small{color:var(--muted);line-height:1.45}.payrun-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.payrun-header-actions form{margin:0}.document-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.document-actions form{margin:0}.badge.sent{background:#dff5ec;color:#087052}.badge.pending-approval{background:#fff1c9;color:#775000}.module-form-grid label{display:grid;gap:6px;margin:10px 0}.module-form-grid input,.module-form-grid select,.module-form-grid textarea{width:100%;border:1px solid #aebdc5;background:#fff;padding:10px;color:var(--ink)}
@media(max-width:1050px){.audit-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.audit-category-grid{grid-template-columns:1fr}.payrun-header-actions{justify-content:flex-start}}
.workspace-site-link{margin-top:14px;border:1px solid #5c7f98;color:#fff;padding:11px 13px;text-decoration:none;font-weight:800;text-align:center}.workspace-site-link:hover{background:#fff;color:var(--navy)}
.nested-nav-trigger{display:none!important}
.hr-module-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.module-link{border:1px solid var(--line);border-left:5px solid var(--teal);background:#fff;color:var(--navy);padding:16px;text-align:left;text-decoration:none;cursor:pointer;box-shadow:var(--shadow)}.module-link strong,.module-link small{display:block}.module-link small{color:var(--muted);margin-top:5px}.module-link:hover{transform:translateY(-2px);border-left-color:var(--orange)}
.audit-category-grid .audit-category-card{border:1px solid var(--line);border-left:5px solid var(--teal);background:#f7fbfc;padding:14px;text-decoration:none;color:inherit;transition:.18s ease}.audit-category-grid .audit-category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-left-color:var(--orange)}.audit-category-grid .audit-category-card em{display:block;margin-top:12px;color:var(--navy);font-size:12px;font-style:normal;font-weight:900}
.leave-balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.leave-balance-grid article{background:#f3f8fa;border-top:4px solid var(--teal);padding:15px}.leave-balance-grid span,.leave-balance-grid small{display:block;color:var(--muted)}.leave-balance-grid b{display:block;font-size:21px;margin:5px 0;color:var(--navy)}
@media(max-width:1050px){.hr-module-links,.leave-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hr-module-links,.leave-balance-grid{grid-template-columns:1fr}}