:root{font-family:Vazirmatn,"Segoe UI",Tahoma,Arial,sans-serif;color-scheme:dark;--bg:#071321;--panel:#0d1c2e;--panel2:#10243a;--panel3:#15304b;--line:#27425f;--soft:#1d334d;--text:#eef6ff;--muted:#96a9bf;--accent:#88b7ff;--good:#48d39b;--warn:#edc66d;--bad:#ff7f8c;--shadow:0 24px 70px #02081266}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% -15%,#214c69 0,#0c2237 28%,#071321 58%,#050d16 100%);color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,#fff04 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#0008,transparent 70%)}button,input,select{font:inherit}button,.button-link{border:0;border-radius:12px;background:linear-gradient(180deg,#9bc3ff,#78a6ed);color:#06101c;padding:11px 15px;font-weight:900;cursor:pointer;text-decoration:none;transition:.16s;box-shadow:0 9px 25px #4f82cc24}.button-link{display:inline-flex;align-items:center;justify-content:center}button:hover,.button-link:hover{transform:translateY(-1px);filter:brightness(1.04)}button.secondary{background:#203852;color:var(--text);box-shadow:none}button:disabled{opacity:.45;cursor:not-allowed;transform:none}input,select{width:100%;background:#081728;border:1px solid var(--line);border-radius:11px;color:var(--text);padding:11px 12px;outline:none}input:focus,select:focus{border-color:#79aaf0;box-shadow:0 0 0 3px #669deb22}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:19px clamp(15px,4vw,48px);background:#071320eb;border-bottom:1px solid #2a435daa;backdrop-filter:blur(18px)}.topbar small{color:#86a1bd;letter-spacing:.05em}.topbar h1{font-size:clamp(27px,4vw,40px);margin:4px 0}.topbar p{margin:0;color:var(--muted)}.back{display:inline-block;color:var(--accent);text-decoration:none;font-size:12px;margin-bottom:10px}.header-actions{display:flex;align-items:center;gap:9px}.chip,.state-pill,.preview-badge{border:1px solid #375b7b;background:#102943;color:#bcd4ef;border-radius:999px;padding:7px 10px;font-size:11px;white-space:nowrap}.state-pill.good{border-color:#34785e;background:#113429;color:#a8ebcb}.preview-badge{border-color:#765d2c;background:#302711;color:#f1d486;letter-spacing:.08em}main{position:relative;z-index:1;max-width:1480px;margin:auto;padding:25px clamp(12px,4vw,46px) 100px}.notice{border:1px solid #3d6183;background:#102940;border-radius:15px;padding:13px 16px;margin-bottom:15px}.notice.good{border-color:#33735a;background:#103025}.notice.bad{border-color:#82414a;background:#34191f}.context-bar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,.45fr) minmax(150px,.35fr);gap:11px;align-items:end;background:#0d1d30;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:14px;box-shadow:var(--shadow)}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#b8c8da}.context-status{border:1px solid var(--soft);background:#09192a;border-radius:12px;padding:10px 12px}.context-status small,.context-status b{display:block}.context-status small{color:var(--muted);font-size:10px}.context-status b{margin-top:3px}.readiness{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.readiness article{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:linear-gradient(180deg,#10233a,#0d1b2e);border:1px solid var(--line);border-radius:17px;padding:13px;overflow:hidden}.readiness article>span{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#173452;color:#b9d6f7;font-weight:900}.readiness small,.readiness b,.readiness p{display:block}.readiness small{color:#7f99b4;font-size:10px}.readiness b{margin-top:1px;font-size:13px}.readiness p{margin:3px 0 0;color:#71879e;font-size:10px}.readiness i{font-style:normal;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid #425d79;color:#879db5}.readiness article.ready{border-color:#326b56;background:linear-gradient(180deg,#103329,#0c231d)}.readiness article.ready>span{background:#174b39;color:#b7efd3}.readiness article.ready i{background:#174b39;border-color:#347b5e;color:#b9f2d5}.blocker{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #785e2d;background:linear-gradient(135deg,#302712,#251e11);border-radius:17px;padding:15px;margin-bottom:16px}.blocker small{color:#c5a85d}.blocker h2{margin:3px 0;font-size:18px}.blocker p{margin:0;color:#cbb77c;font-size:11px}.flow-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:7px;background:#081727;border:1px solid var(--soft);border-radius:17px;margin-bottom:16px}.flow-nav button{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;text-align:right;background:transparent;color:#8ea2b9;border:1px solid transparent;box-shadow:none}.flow-nav button>b{width:31px;height:31px;display:grid;place-items:center;background:#152a43;border-radius:10px}.flow-nav button span,.flow-nav button small{display:block}.flow-nav button small{font-size:9px;color:#6f839a;margin-top:2px}.flow-nav button.active{background:#16314e;border-color:#315a80;color:#eff6ff}.flow-nav button.active b{background:#225080}.flow-nav button.complete b{background:#18513c;color:#baf0d5}.step-panel{background:linear-gradient(180deg,#0e1e32,#0b192b);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.section-head small{color:#7d97b3}.section-head h2{margin:3px 0 4px;font-size:21px}.section-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.85;max-width:780px}.text-link{color:#9ec6ff;text-decoration:none;font-size:11px}.model-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:13px}.form-card{border:1px solid var(--soft);background:#091829;border-radius:16px;padding:14px}.form-card.compact{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.form-title{display:flex;gap:10px;align-items:center;margin-bottom:13px}.form-title>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#183a5e;color:#c4ddff;font-size:19px}.form-title b,.form-title small{display:block}.form-title small{color:var(--muted);margin-top:2px;font-size:10px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.grid .wide{grid-column:1/-1}.safe-note{margin-top:12px;border:1px solid #315675;background:#0e2540;border-radius:13px;padding:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}.safe-note b{font-size:11px;color:#c8ddf7}.safe-note span{color:#8ea8c3;font-size:10px}.actions{display:flex;align-items:center;gap:11px;margin-top:13px}.inline-status{color:#8ea8c3;font-size:11px}.micro-hint{color:#8298ae;font-size:10px;margin:10px 0 0}.record-list{display:grid;gap:8px;margin-top:13px}.record{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--soft);background:#0b1b2d;border-radius:13px;padding:11px}.record b,.record small{display:block}.record small{color:var(--muted);font-size:10px;margin-top:3px}.record .tag{border:1px solid #355678;border-radius:999px;padding:5px 8px;color:#a9c3df;font-size:10px}.result-card{margin-top:14px;border:1px solid #2e6a54;background:linear-gradient(180deg,#0e2b23,#0a1d19);border-radius:18px;padding:15px}.result-head{display:flex;justify-content:space-between;align-items:center}.result-head small{color:#86b9a2}.result-head h3{margin:3px 0}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.result-metrics article{border:1px solid #28533f;background:#0a211a;border-radius:12px;padding:10px}.result-metrics small,.result-metrics b{display:block}.result-metrics small{color:#7daa96;font-size:9px}.result-metrics b{margin-top:3px;overflow:hidden;text-overflow:ellipsis}.employee-results{display:grid;gap:9px}.employee-result{border:1px solid #28503f;background:#0a1e19;border-radius:13px;overflow:hidden}.employee-result>header{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:#102a22}.employee-result h4{margin:0}.employee-result header small{color:#8caf9f}.line-table{width:100%;border-collapse:collapse;font-size:11px}.line-table th,.line-table td{text-align:right;padding:9px;border-top:1px solid #1f4234}.line-table th{color:#89ad9c;font-weight:500}.amount{font-variant-numeric:tabular-nums;direction:ltr;text-align:left!important;font-weight:800}.approval-zone{margin-top:13px;border-top:1px solid #28503f;padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:14px}.approval-zone b,.approval-zone p{display:block;margin:0}.approval-zone p{color:#88aa9a;font-size:10px;max-width:760px;margin-top:3px;line-height:1.7}.toast{position:fixed;z-index:100;left:18px;bottom:22px;max-width:min(480px,calc(100vw - 36px));border:1px solid #34785d;background:#123529;color:#eafff4;border-radius:13px;padding:11px 14px;box-shadow:0 16px 45px #0009}.toast.bad{border-color:#91434e;background:#401c23}.hidden{display:none!important}@media(max-width:1050px){.readiness{grid-template-columns:repeat(2,1fr)}.flow-nav{grid-template-columns:repeat(4,minmax(155px,1fr));overflow-x:auto}.model-overview{grid-template-columns:1fr}.form-card.compact{grid-template-columns:1fr 1fr}}@media(max-width:760px){.topbar{position:static;align-items:stretch;flex-direction:column}.header-actions{justify-content:space-between}.context-bar{grid-template-columns:1fr}.readiness{grid-template-columns:1fr}.blocker{align-items:stretch;flex-direction:column}.grid{grid-template-columns:1fr}.grid .wide{grid-column:auto}.form-card.compact{grid-template-columns:1fr}.section-head{flex-direction:column}.result-metrics{grid-template-columns:1fr}.approval-zone{align-items:stretch;flex-direction:column}.approval-zone button{width:100%}}@media(max-width:520px){main{padding-left:9px;padding-right:9px}.topbar{padding:15px 12px}.header-actions{flex-direction:column;align-items:stretch}.chip{text-align:center}.step-panel{padding:13px;border-radius:17px}.actions{align-items:stretch;flex-direction:column}.actions button{width:100%}.flow-nav{grid-template-columns:repeat(4,minmax(145px,1fr))}}

.lifecycle-card{margin-top:14px;background:linear-gradient(180deg,#101f34,#0a1829);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.lifecycle-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.lifecycle-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--soft);background:#091829;border-radius:14px;padding:12px}.lifecycle-grid article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#173452;color:#bdd8f8;font-weight:900}.lifecycle-grid b,.lifecycle-grid small{display:block}.lifecycle-grid small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.6}.lifecycle-grid i{font-style:normal;color:#8ea4bc}.lifecycle-grid article.done{border-color:#326a55;background:#0e2b23}.lifecycle-grid article.done>span{background:#174b39;color:#baf0d5}.lifecycle-grid article.done i{color:#75d9aa}.output-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.output-actions .button-link{min-height:42px}.output-detail{margin-top:12px;border:1px solid #6d582d;background:#2b2414;border-radius:12px;padding:10px;color:#d2bb7c;font-size:10px;line-height:1.8}@media(max-width:760px){.lifecycle-grid{grid-template-columns:1fr}.output-actions{display:grid}.output-actions>*{width:100%}}

.payslip-output{margin-top:14px;border:1px solid var(--soft);background:#091829;border-radius:15px;padding:13px}.payslip-output-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.payslip-output-head b,.payslip-output-head small{display:block}.payslip-output-head small{margin-top:4px;color:var(--muted);font-size:10px}.payslip-results{display:grid;gap:8px;margin-top:11px}.payslip-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid #17324a;border-radius:12px;padding:10px;background:#0b1d30}.payslip-row b,.payslip-row small{display:block}.payslip-row small{margin-top:3px;color:var(--muted);font-size:9px}.payslip-row button{min-height:36px;padding:7px 12px;font-size:10px}.payslip-empty{padding:12px;border:1px dashed #274764;border-radius:12px;color:var(--muted);font-size:10px;line-height:1.8}@media(max-width:760px){.payslip-row{grid-template-columns:1fr}.payslip-row button{width:100%}.payslip-output-head{align-items:flex-start}}

.statutory-card{margin-top:14px;border:1px solid #365875;background:linear-gradient(145deg,#0c2237,#0a1b2d);border-radius:17px;padding:14px}.statutory-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.statutory-head small{color:#83a6c4}.statutory-head h3{margin:4px 0 5px;font-size:17px}.statutory-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.8;max-width:820px}.statutory-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.statutory-metrics article{border:1px solid #27445e;background:#081828;border-radius:12px;padding:10px}.statutory-metrics small,.statutory-metrics b{display:block}.statutory-metrics small{color:#7895b0;font-size:9px}.statutory-metrics b{margin-top:4px;font-size:13px;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}.statutory-sources{display:grid;gap:6px;margin-top:10px}.statutory-source{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #203c55;background:#091a2b;border-radius:11px;padding:8px 10px}.statutory-source b,.statutory-source small{display:block}.statutory-source b{font-size:10px}.statutory-source small{color:#7e98b2;font-size:9px;margin-top:2px}.statutory-source a{font-size:9px;color:#9bc4ff;text-decoration:none}.statutory-card.applied{border-color:#32735a;background:linear-gradient(145deg,#0d3025,#0a201a)}.statutory-card.conflict{border-color:#84525a;background:linear-gradient(145deg,#321b22,#20151a)}@media(max-width:760px){.statutory-head{flex-direction:column}.statutory-metrics{grid-template-columns:repeat(2,1fr)}.statutory-source{grid-template-columns:1fr}}@media(max-width:520px){.statutory-metrics{grid-template-columns:1fr}}
.statutory-activation{display:grid;grid-template-columns:minmax(220px,.45fr) auto 1fr;gap:10px;align-items:end;margin-top:11px;padding-top:11px;border-top:1px solid #29465e}.statutory-activation small{color:var(--muted);font-size:9px;line-height:1.7;align-self:center}.statutory-activation button{min-height:42px}@media(max-width:760px){.statutory-activation{grid-template-columns:1fr}.statutory-activation button{width:100%}}
.insurance-readiness{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline;margin-top:10px;border:1px solid #6d582d;background:#2b2414;border-radius:12px;padding:9px 10px}.insurance-readiness b{font-size:10px;color:#e2c982}.insurance-readiness span{font-size:9px;color:#bda96e;line-height:1.7}
.run-input-card{margin-bottom:13px;border:1px solid #496a3d;background:linear-gradient(145deg,#142819,#0b1d15);border-radius:16px;padding:14px}.run-input-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.run-input-head small{color:#8eb485}.run-input-head h3{margin:3px 0 4px;font-size:17px}.run-input-head p{margin:0;color:#92aa8e;font-size:10px;line-height:1.8}.run-input-list{display:grid;gap:8px;margin-top:12px}.run-input-row{display:grid;grid-template-columns:minmax(190px,1.3fr) minmax(120px,.55fr) minmax(190px,.8fr) auto;gap:9px;align-items:end;border:1px solid #294a31;background:#0b1e13;border-radius:13px;padding:10px}.run-input-person b,.run-input-person small{display:block}.run-input-person small{margin-top:3px;color:#789879;font-size:9px}.run-input-row label{font-size:10px;color:#a6bda1}.run-input-row input{background:#08170e;border-color:#31583a}.run-input-actions{display:flex;gap:7px;align-items:center}.run-input-actions button{min-width:92px}.revision-badge{border:1px solid #3a6744;background:#112c19;color:#a9d6af;border-radius:999px;padding:5px 8px;font-size:9px;white-space:nowrap}.run-input-history{grid-column:1/-1;border-top:1px dashed #284b31;padding-top:7px;color:#789478;font-size:9px;line-height:1.8}.run-input-detail{margin-top:10px;color:#87a484;font-size:10px}.run-input-card.complete{border-color:#32735a;background:linear-gradient(145deg,#0d3025,#0a201a)}.run-input-card.locked{border-color:#665638;background:linear-gradient(145deg,#292313,#171710)}@media(max-width:900px){.run-input-row{grid-template-columns:1fr 1fr}.run-input-person,.run-input-history{grid-column:1/-1}.run-input-actions{justify-content:flex-end}}@media(max-width:620px){.run-input-head{flex-direction:column}.run-input-row{grid-template-columns:1fr}.run-input-person,.run-input-history{grid-column:auto}.run-input-actions{justify-content:stretch}.run-input-actions button{width:100%}}

.run-input-row{grid-template-columns:minmax(190px,.8fr) minmax(0,2fr) auto}.run-input-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px}.run-input-fields label{min-width:0}@media(max-width:900px){.run-input-row{grid-template-columns:1fr}.run-input-person,.run-input-history{grid-column:auto}.run-input-actions{justify-content:flex-end}}@media(max-width:620px){.run-input-fields{grid-template-columns:1fr}}
.run-input-row>*{min-width:0}.run-input-actions{min-width:0;flex-wrap:wrap}.revision-badge{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.6}@media(max-width:620px){.run-input-actions{flex-direction:column;align-items:stretch}.run-input-actions .revision-badge{text-align:center}.run-input-actions button{min-width:0}}

textarea{width:100%;resize:vertical;background:#081728;border:1px solid var(--line);border-radius:11px;color:var(--text);padding:11px 12px;outline:none;font:inherit}textarea:focus{border-color:#79aaf0;box-shadow:0 0 0 3px #669deb22}select[multiple]{min-height:132px}.field-help{color:var(--muted);font-size:9px;line-height:1.6}.flow-nav{grid-template-columns:repeat(8,minmax(0,1fr))}.flow-nav .admin-step{border-color:#27364b;background:#0d1a29}.flow-nav .admin-step>b{background:#2a2946;color:#d3cbff}.flow-nav .admin-step.active{background:#28234a;border-color:#56518b}.admin-card{margin-top:14px;border:1px solid #2a4866;background:linear-gradient(145deg,#0d2236,#091827);border-radius:17px;padding:14px}.admin-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.admin-card-head small{color:#83a2be}.admin-card-head h3{margin:3px 0 5px;font-size:17px}.admin-card-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.8;max-width:820px}.admin-form.stacked{display:grid;gap:10px}.admin-form.compact{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.choice-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.choice-row label{flex-direction:row;align-items:center;border:1px solid #29445d;background:#0a1b2c;border-radius:11px;padding:9px 11px}.choice-row input{width:auto}.timeline-list{display:grid;gap:8px;margin-top:11px}.timeline-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #27445e;background:#0a1a2b;border-radius:12px;padding:10px}.timeline-item b,.timeline-item small{display:block}.timeline-item small{margin-top:3px;color:var(--muted);font-size:9px}.timeline-item strong{direction:ltr;font-variant-numeric:tabular-nums}.empty-state{border:1px dashed #31506c;border-radius:12px;padding:12px;color:#8fa5bc;font-size:10px;line-height:1.8}.retro-event-list{display:grid;gap:8px}.retro-event-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid #293f59;background:#0a1929;border-radius:13px;padding:11px}.retro-event-row b,.retro-event-row small{display:block}.retro-event-row small{color:var(--muted);font-size:9px;margin-top:3px}.retro-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.retro-detail{margin-top:12px;border:1px solid #345776;background:#091b2d;border-radius:14px;padding:12px}.retro-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.retro-detail-head small,.retro-detail-head b,.retro-detail-head span{display:block}.retro-detail-head small{color:#7e9ab5;font-size:9px}.retro-detail-head span{color:var(--muted);font-size:9px;margin-top:3px}.retro-lines{margin-top:10px}.advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-version-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px}.profile-step-editor{display:grid;gap:9px}.profile-step-row{display:grid;grid-template-columns:1fr .55fr 1.2fr .8fr;gap:9px;align-items:end;border:1px solid #2a4761;background:#091a2b;border-radius:13px;padding:11px}.profile-step-row .wide{grid-column:1/-1}.danger-link{background:#3b2028;color:#ffbac3;box-shadow:none}.salary-history-card{border-color:#345a78}.salary-history-card .form-card{margin-bottom:0}
@media(max-width:1180px){.flow-nav{grid-template-columns:repeat(3,minmax(170px,1fr))}.profile-version-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-step-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.admin-form.compact,.advanced-grid,.profile-version-bar,.profile-step-row{grid-template-columns:1fr}.retro-event-row,.retro-detail-head,.timeline-item{grid-template-columns:1fr}.retro-actions{align-items:stretch}.retro-actions button{width:100%}.choice-row{display:grid}.admin-card-head{flex-direction:column}.flow-nav{grid-template-columns:repeat(8,minmax(145px,1fr));overflow-x:auto}}
@media(max-width:520px){.admin-card{padding:11px}.profile-step-row{padding:9px}.retro-actions .revision-badge{width:100%;text-align:center}}

.output-filter-bar{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:10px;align-items:end}.output-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.output-metrics article,.dashboard-summary article{border:1px solid #294760;background:#091a2b;border-radius:12px;padding:10px;min-width:0}.output-metrics small,.output-metrics b,.dashboard-summary small,.dashboard-summary b{display:block}.output-metrics small,.dashboard-summary small{font-size:9px;color:#7f9bb6}.output-metrics b,.dashboard-summary b{margin-top:4px;overflow-wrap:anywhere}.employee-output-list,.accounting-output-list,.output-issue-list{display:grid;gap:8px}.employee-output-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.2fr);gap:10px;align-items:center;border:1px solid #29455f;background:#091a2b;border-radius:13px;padding:11px}.employee-output-row b,.employee-output-row small{display:block}.employee-output-row small{color:var(--muted);font-size:9px;margin-top:3px;line-height:1.7}.employee-output-statuses{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.output-chip{border:1px solid #3d536b;background:#152235;color:#b7c5d5;border-radius:999px;padding:6px 9px;font-size:9px;line-height:1.5;overflow-wrap:anywhere}.output-chip.ok{border-color:#327259;background:#113329;color:#ade8cb}.output-chip.bad{border-color:#854750;background:#391c22;color:#ffbdc5}.output-two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.accounting-output-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #28445e;background:#091a2b;border-radius:12px;padding:10px}.accounting-output-row b,.accounting-output-row small,.accounting-output-values span,.accounting-output-values small{display:block}.accounting-output-row small,.accounting-output-values small{color:var(--muted);font-size:9px;margin-top:3px}.accounting-output-values{text-align:left}.accounting-output-values span{font-size:10px;color:#b9d5ef}.output-issue{border:1px solid #3a536c;background:#0c1b2b;border-radius:12px;padding:10px}.output-issue b,.output-issue small{display:block}.output-issue b{font-size:10px}.output-issue small{font-size:9px;color:var(--muted);margin-top:3px;line-height:1.7}.output-issue.warning{border-color:#765d2c;background:#2d2514}.output-issue.error{border-color:#84434d;background:#351a20}.good-empty{border-color:#326b56;color:#9ed7bd;background:#0d261e}.dashboard-filter{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end}.currency-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.currency-tab{background:#17283d;color:#a9bfd7;box-shadow:none;border:1px solid #2d4c68;padding:7px 12px}.currency-tab.active{background:#264d75;color:#eef6ff;border-color:#5684ad}.dashboard-summary{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:14px}.dashboard-bars{display:grid;gap:9px}.dashboard-bar-row{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(160px,2fr) minmax(140px,.7fr);gap:10px;align-items:center}.dashboard-bar-row span,.dashboard-bar-row small{display:block}.dashboard-bar-row small{color:var(--muted);font-size:9px;margin-top:2px}.dashboard-bar-row>b{direction:ltr;text-align:left;font-size:10px}.dashboard-bar-track{height:12px;background:#0a1521;border:1px solid #263e57;border-radius:999px;overflow:hidden}.dashboard-bar-track i{display:block;height:100%;background:linear-gradient(90deg,#517fb7,#8ebdf4);border-radius:999px}.table-scroll{overflow:auto}.report-table{min-width:900px}.report-table td b,.report-table td small{display:block}.report-table td small{color:var(--muted);font-size:9px;margin-top:2px}.report-delta{direction:ltr;text-align:left!important;font-weight:800}.report-delta.up{color:#75d9aa}.report-delta.down{color:#ff9aa5}
@media(max-width:1180px){.output-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.output-two-column,.employee-output-row{grid-template-columns:1fr}.employee-output-statuses{justify-content:flex-start}.dashboard-filter{grid-template-columns:1fr 1fr}.dashboard-filter button{grid-column:1/-1}.dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bar-row{grid-template-columns:1fr}.dashboard-bar-row>b{text-align:right}.output-filter-bar{grid-template-columns:1fr}}
@media(max-width:520px){.output-metrics,.dashboard-summary,.dashboard-filter{grid-template-columns:1fr}.dashboard-filter button{grid-column:auto}.employee-output-statuses{display:grid}.dashboard-bar-row{gap:6px}}


/* live-ui-wave-7-payroll */
body{font-size:14px}.topbar{padding:22px clamp(16px,4vw,50px);box-shadow:0 8px 28px rgba(0,0,0,.19)}.topbar h1{font-size:clamp(30px,4vw,42px);letter-spacing:-.03em}.topbar p{font-size:12px;line-height:1.8}.header-actions{flex-wrap:wrap}.context-bar{padding:16px;border-radius:20px;box-shadow:0 15px 42px rgba(0,0,0,.2)}.readiness{gap:12px}.readiness article{padding:15px;border-radius:18px;transition:.16s ease}.readiness article:hover{transform:translateY(-2px);border-color:#365a78;box-shadow:0 14px 32px rgba(0,0,0,.17)}.readiness article>span{width:40px;height:40px}.flow-nav{padding:8px;gap:9px}.flow-nav button{min-height:58px;border-radius:12px}.step-panel,.lifecycle-card{border-radius:22px;padding:20px}.section-head h2{font-size:23px}.section-head p{font-size:11.5px}.form-card{padding:16px;border-radius:17px}.record{padding:12px 13px}.result-card{border-radius:19px}.line-table th,.line-table td{padding:10px}.output-chip{font-size:9.5px}.dashboard-summary article,.output-metrics article{padding:11px}.erp-suitebar~.topbar{top:64px}
@media(max-width:760px){.erp-suitebar~.topbar{top:0}.topbar h1{font-size:28px}.step-panel,.lifecycle-card{padding:15px}.context-bar{padding:13px}.flow-nav button{min-height:54px}}