@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";.account-menu{min-width:0;position:relative}.account-trigger{min-width:0;color:var(--text);cursor:pointer;text-align:start;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:4px 8px;display:flex}.account-trigger:hover{background:var(--surface-2)}.account-trigger .account-copy{min-width:0}.account-trigger .account-copy strong,.account-trigger .account-copy span{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.account-trigger>svg{color:var(--muted);transition:transform .2s}.account-trigger>svg.rotate{transform:rotate(180deg)}.account-menu-panel{inset-inline-end:0;z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:225px;padding:8px;position:absolute;top:calc(100% + 10px);box-shadow:0 18px 48px #0003}.account-menu-panel button{width:100%;color:var(--text);cursor:pointer;text-align:start;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:11px 12px;font-size:12px;display:flex}.account-menu-panel button:hover{background:var(--surface-2)}.account-menu-panel .account-signout{border-top:1px solid var(--border);color:var(--danger);margin-top:5px;padding-top:14px}.password-input-wrap{width:100%;display:flex;position:relative}.password-input-wrap input{width:100%;padding-inline-end:44px}.password-visibility{inset-inline-end:5px;width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:3px}.password-visibility:hover{background:var(--surface-2);color:var(--text)}.profile-details{grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:22px;display:grid}.profile-details div{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;min-width:0;padding:13px 14px}.profile-details dt{color:var(--muted);margin-bottom:6px;font-size:10px}.profile-details dd{overflow-wrap:anywhere;margin:0;font-size:12px}.profile-details .profile-editable{background:0 0;border:0;padding:0}.profile-editable .field{background:var(--surface-2);border:1px solid var(--accent);border-radius:10px;margin:0;padding:13px 14px}.profile-editable .field>span:first-child{color:var(--muted);margin-bottom:6px;font-size:10px}.profile-editable .field input{font-size:12px}.profile-modal form{flex-direction:column;display:flex}.profile-actions{flex-wrap:wrap}@media (width<=900px){.topbar{padding-inline:16px}.topbar-page{display:none}.topbar-search{flex:1;min-width:0}.account-trigger .account-copy strong,.account-trigger .account-copy span{max-width:125px}}@media (width<=640px){.topbar-search,.account-trigger .account-copy{display:none}.account{padding-inline:4px 8px}.profile-details{grid-template-columns:1fr}}.role-overview-header{align-items:center!important}.role-overview-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.permission-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-height:calc(100vh - 260px);padding:22px;display:grid;overflow:auto}.permission-summary-card{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;min-width:0;padding:14px}.permission-summary-card.has-permissions{border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}.permission-summary-card>header{background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0;display:flex}.permission-summary-card strong{font-size:11px}.permission-summary-card p{color:var(--text);margin:12px 0 0;font-size:10px;line-height:1.65}.permission-summary-card small{color:var(--muted);margin-top:12px;font-size:10px;display:block}.permission-count{white-space:nowrap;direction:ltr;unicode-bidi:isolate;display:inline-block}.modal-backdrop:has(.role-editor-modal){padding:16px}.modal.role-editor-modal{grid-template-rows:auto minmax(0,1fr);width:min(96vw,1840px);max-width:calc(100vw - 32px);height:min(88vh,900px);max-height:88vh;display:grid;overflow:hidden}.role-editor-modal>header{flex:none;padding:22px 30px;position:static}.role-editor-form{grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden;padding:0!important}.role-editor-identity{border-bottom:1px solid var(--border);padding:20px 30px 18px;display:block}.role-editor-heading{margin-bottom:16px}.role-editor-heading p{color:var(--muted);max-width:560px;margin:8px 0 0;font-size:11px;line-height:1.6}.role-editor-fields{grid-template-columns:minmax(220px,.85fr) minmax(260px,1fr) minmax(420px,2fr);align-items:start;gap:16px;display:grid}.role-editor-fields .field{min-width:0}.role-editor-fields input{width:100%;min-width:0}.role-editor-fields input[readonly]{background:var(--surface-2);color:var(--muted)}.role-editor-toolbar{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:18px;padding:16px 30px;display:flex}.role-permission-search{border:1px solid var(--border);background:var(--surface);min-width:280px;max-width:560px;height:42px;color:var(--muted);border-radius:9px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.role-permission-search input{color:var(--text);background:0 0;border:0;outline:0;width:100%;font-size:12px}.role-bulk-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.role-bulk-actions .button{min-height:38px}.role-selection-count{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:700}.role-permission-scroll{min-height:0;padding:22px 30px 28px;overflow:auto}.role-permission-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.role-permission-card{border:1px solid var(--border);background:var(--surface);border-radius:13px;min-width:0;overflow:hidden}.role-permission-card>header{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 16px;display:flex}.role-permission-card h3{margin:0 0 4px;font-size:13px}.role-permission-card header small{color:var(--muted);font-size:10px;display:block}.role-module-toggle{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:3px 0;font-size:10px;font-weight:800}.role-module-toggle:hover{text-decoration:underline}.role-permission-list{padding:7px 12px 10px}.role-permission-list label{border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);cursor:pointer;align-items:center;gap:10px;padding:9px 4px;display:flex}.role-permission-list label:last-child{border-bottom:0}.role-permission-list label:hover{background:var(--surface-2)}.role-permission-list input{accent-color:var(--accent);flex:none;width:16px;height:16px}.role-permission-list strong{font-size:11px;font-weight:700}.role-no-permissions{min-height:180px;color:var(--muted);place-items:center;font-size:12px;display:grid}.role-editor-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:14px 30px;font-size:10px;display:flex}.role-editor-footer .modal-actions{padding:0}.role-editor-footer .button{min-height:40px}@media (width<=1200px){.role-permission-grid,.permission-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-editor-fields{grid-template-columns:minmax(180px,.9fr) minmax(220px,1.1fr)}.role-editor-fields .field:last-child{grid-column:1/-1}}@media (width<=800px){.role-editor-modal{width:96vw;height:94vh;max-height:94vh}.role-editor-identity{padding:18px}.role-editor-fields{grid-template-columns:1fr}.role-editor-fields .field:last-child{grid-column:auto}.role-editor-toolbar{flex-direction:column;align-items:stretch;padding:14px 18px}.role-permission-search{min-width:0;max-width:none}.role-bulk-actions{justify-content:flex-start}.role-permission-scroll{padding:16px 18px 22px}.role-permission-grid,.permission-summary-grid{grid-template-columns:1fr}.role-editor-footer{flex-direction:column;align-items:stretch;padding:12px 18px}.role-editor-footer .modal-actions{justify-content:stretch}.role-editor-footer .modal-actions .button{flex:1}.role-overview-actions{justify-content:flex-start}}.users-table{min-width:1180px}.users-table .actions-column{width:290px;min-width:290px}.users-table .row-actions{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:8px;min-width:272px;display:flex}.users-table .row-actions .button{white-space:nowrap;flex:none;justify-content:center;min-width:128px}.owner-badge{white-space:nowrap;min-width:96px;display:inline-flex}.owner-protected-cell{white-space:normal;min-width:190px;line-height:1.45;display:block}.role-picker{min-width:0;position:relative}.role-picker-trigger{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text);cursor:pointer;text-align:start;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:8px 11px;display:flex}.role-picker-trigger:hover{border-color:var(--accent)}.role-picker-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role-picker-trigger>svg{color:var(--muted);flex:none;transition:transform .2s}.role-picker-trigger>svg.rotate{transform:rotate(180deg)}.role-picker-menu{inset-inline:0;z-index:25;background:var(--surface);border:1px solid var(--border);border-radius:10px;max-height:240px;padding:6px;position:absolute;top:calc(100% + 6px);overflow:auto;box-shadow:0 18px 42px #0003}.role-picker-option{width:100%;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;padding:9px 8px;display:grid}.role-picker-option:hover,.role-picker-option.selected{background:var(--accent-soft)}.role-picker-option>span:last-child{min-width:0}.role-picker-option strong,.role-picker-option small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.role-picker-option strong{font-size:11px}.role-picker-option small{color:var(--muted);margin-top:3px;font-size:9px}.role-picker-check{border:1px solid var(--border);width:20px;height:20px;color:var(--accent);border-radius:5px;place-items:center;display:grid}.role-picker-option.selected .role-picker-check{background:var(--accent);border-color:var(--accent);color:#fff}@media (width<=900px){.users-table .actions-column{width:270px;min-width:270px}.users-table .row-actions{gap:6px;min-width:252px}.users-table .row-actions .button{min-width:120px;padding-inline:10px}}:root{--navy:#0b1930;--navy-2:#102541;--accent:#2864dc;--accent-soft:#eaf1ff;--gold:#b99652;--bg:#f4f6fa;--surface:#fff;--surface-2:#f8fafc;--text:#172033;--muted:#68758a;--border:#dfe5ee;--success:#137b55;--success-soft:#e5f6ef;--warning:#a86518;--warning-soft:#fff2df;--danger:#b62f3e;--danger-soft:#fdebed;--shadow:0 10px 32px #0f1e3712;--radius:16px;--sidebar:278px;--focus:0 0 0 3px #2864dc38;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;font-family:Manrope,IBM Plex Sans Arabic,system-ui,sans-serif}:root[data-theme=dark]{--navy:#081321;--navy-2:#0e2138;--accent:#6c9fff;--accent-soft:#152b4d;--gold:#d0ac68;--bg:#09111e;--surface:#101c2c;--surface-2:#142235;--text:#eef4ff;--muted:#9aabc2;--border:#27364a;--success:#61d2a3;--success-soft:#15382e;--warning:#edb45f;--warning-soft:#3c2b16;--danger:#ff8792;--danger-soft:#421e26;--shadow:0 12px 36px #00000038;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{box-shadow:var(--focus);outline:none}svg{flex:none;width:19px;height:19px}.app-shell{grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s;display:grid}.app-shell.collapsed{--sidebar:86px}.sidebar{background:linear-gradient(180deg,var(--navy),#071426);color:#d9e4f5;z-index:5;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow:hidden}.brand{white-space:nowrap;align-items:center;gap:12px;height:62px;margin-bottom:24px;padding:0 7px;display:flex}.brand-mark,.login-logo{color:#e1c687;letter-spacing:.08em;background:#ffffff0a;border:1px solid #cdae6fb3;border-radius:12px;place-items:center;width:43px;height:43px;font-size:12px;font-weight:800;display:grid}.brand strong{color:#fff;font-size:13px;display:block}.brand span{color:#879ab5;margin-top:4px;font-size:10px;display:block}.sidebar nav{scrollbar-width:none;flex-direction:column;gap:5px;display:flex;overflow:auto}.nav-item{color:#aebed2;white-space:nowrap;cursor:pointer;text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;width:100%;min-height:44px;padding:0 13px;font-size:13px;text-decoration:none;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:#487ee02e;box-shadow:inset 3px 0 #4d83e8}.nav-toggle svg:last-child{margin-inline-start:auto;transition:transform .2s}.nav-toggle svg.rotate{transform:rotate(180deg)}.nav-divider{background:#ffffff1a;height:1px;margin:15px 8px}.subnav{flex-direction:column;gap:3px;display:flex}.subnav small{color:#6f849f;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;font-size:9px}.subnav .nav-item{padding-inline-start:28px}.collapse-button{color:#8fa1b9;cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:13px;margin-top:auto;padding:11px 12px;display:flex}.collapsed .brand>div:last-child,.collapsed .nav-item span,.collapsed .nav-toggle svg:last-child,.collapsed .subnav small,.collapsed .collapse-button span{display:none}.collapsed .brand,.collapsed .nav-item,.collapsed .collapse-button{justify-content:center}.collapsed .subnav .nav-item{padding:0}.topbar{background:color-mix(in srgb,var(--surface) 91%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:4;justify-content:space-between;align-items:center;height:72px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-title{font-size:14px;font-weight:700}.topbar-actions{align-items:center;gap:10px;display:flex}.icon-button,.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-button{border-radius:9px;width:38px;height:38px}.icon-button:hover,.text-button:hover{background:var(--surface-2);color:var(--text)}.text-button{border-radius:8px;gap:7px;padding:8px 10px;font-size:12px}.account{border-inline-end:1px solid var(--border);align-items:center;gap:9px;padding-inline:10px 16px;display:flex}.avatar,.person-cell>span{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;place-items:center;font-weight:700;display:grid}.account strong,.account span{display:block}.account span{color:var(--muted);margin-top:2px;font-size:9px}.page{max-width:1700px;margin:auto;padding:34px clamp(22px,3vw,48px) 60px}.page-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:27px;display:flex}.page-header h1{letter-spacing:-.03em;margin:7px 0 9px;font-size:clamp(25px,2.1vw,34px);line-height:1.15}.page-header p{color:var(--muted);max-width:720px;margin:0;font-size:13px;line-height:1.7}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.button.primary{background:var(--accent);color:#fff;box-shadow:0 6px 15px #2864dc2e}.button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.button.ghost{color:var(--accent);background:0 0}.button.danger{background:var(--danger);color:#fff}.button:disabled{opacity:.5;cursor:not-allowed}.doclang-select{border:1px solid var(--border);background:var(--surface);height:40px;color:var(--text);cursor:pointer;border-radius:9px;padding:0 10px;font-size:11px;font-weight:700}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:18px;display:grid}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:45px 1fr auto;align-items:center;column-gap:14px;padding:22px;display:grid;position:relative}.metric-icon{background:var(--accent-soft);width:45px;height:45px;color:var(--accent);border-radius:12px;grid-row:1/3;place-items:center;display:grid}.metric-card>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.metric-card>strong{margin-top:3px;font-size:15px}.metric-card>svg{color:var(--muted);grid-area:1/3/3}.dashboard-empty,.module-placeholder{place-items:center;min-height:350px;display:grid;position:relative}.empty-state{text-align:center;max-width:550px;margin:auto;padding:45px 24px}.empty-icon{background:var(--accent-soft);width:60px;height:60px;color:var(--accent);border-radius:18px;place-items:center;margin:0 auto 17px;display:grid}.empty-icon svg{width:27px;height:27px}.empty-state h2{margin:0 0 8px;font-size:18px}.empty-state p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.foundation-badge{position:absolute;bottom:26px}.foundation-badge .badge{gap:7px;display:flex}.table-toolbar{border-bottom:1px solid var(--border);align-items:flex-end;gap:12px;padding:16px 18px;display:flex}.search-box{background:var(--surface-2);border:1px solid var(--border);min-width:280px;height:40px;color:var(--muted);border-radius:9px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-box input{color:var(--text);background:0 0;border:0;outline:0;width:100%}.field{color:var(--muted);flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.field input,.field select{border:1px solid var(--border);background:var(--surface);min-width:160px;height:42px;color:var(--text);border-radius:9px;padding:0 11px}.field input[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger)}.table-wrap{border-radius:0 0 var(--radius) var(--radius);overflow:auto}table{border-collapse:collapse;width:100%;min-width:980px;font-size:11px}thead{background:var(--surface-2);z-index:1;position:sticky;top:0}th{text-align:start;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);padding:13px 16px;font-size:9px}td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text);padding:15px 16px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 75%,transparent)}td strong,td small{display:block}td small{color:var(--muted);margin-top:4px;font-size:9px}.person-cell{align-items:center;gap:10px;display:flex}.person-cell>span{border-radius:9px;width:31px;height:31px}.badge{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:7px;align-items:center;margin:2px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.badge.success{background:var(--success-soft);color:var(--success);border-color:#0000}.badge.warning{background:var(--warning-soft);color:var(--warning);border-color:#0000}.badge.blue{background:var(--accent-soft);color:var(--accent);border-color:#0000}.module-summary{flex-wrap:wrap;gap:4px;display:flex}.module-summary span{background:var(--surface-2);border-radius:6px;padding:4px 7px;font-size:9px}.row-actions{align-items:center;display:flex}.device-cell{text-overflow:ellipsis;white-space:nowrap;max-width:270px;overflow:hidden}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040b169e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:min(560px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 90px #00000057}.modal.wide{width:min(850px,100%)}.modal>header{background:var(--surface);z-index:1;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 22px;display:flex;position:sticky;top:0}.modal h2{margin:0;font-size:17px}.modal form{padding:22px}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.modal-actions{justify-content:flex-end;gap:9px;padding-top:22px;display:flex}.form-alert,.error-panel{background:var(--danger-soft);color:var(--danger);border-radius:9px;margin:15px 0;padding:11px 13px;font-size:11px}.confirm-body{color:var(--danger);gap:13px;padding:23px;display:flex}.confirm-body p{color:var(--text);margin:0;font-size:12px;line-height:1.6}.modal>.modal-actions{padding:0 22px 22px}.roles-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:18px;display:grid}.role-list{padding:9px}.role-list>button{width:100%;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:13px 11px;display:grid}.role-list>button:hover,.role-list>button.selected{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.role-icon{background:var(--surface-2);width:40px;height:40px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.role-list strong,.role-list small,.role-list em{display:block}.role-list strong{font-size:12px}.role-list small{color:var(--muted);margin:3px 0;font-size:9px}.role-list em{color:var(--muted);align-items:center;gap:4px;font-size:9px;font-style:normal;display:flex}.role-list em svg{width:12px}.permission-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;padding:22px;display:flex}.permission-panel h2{margin:0 0 4px;font-size:17px}.permission-panel p{color:var(--muted);margin:0;font-size:11px}.permission-groups{grid-template-columns:1fr 1fr;gap:14px;padding:18px;display:grid}.permission-groups fieldset{border:1px solid var(--border);border-radius:12px;padding:8px 12px 12px}.permission-groups legend{padding:0 7px;font-size:11px;font-weight:800}.permission-groups label{cursor:pointer;align-items:center;gap:10px;padding:8px 4px;display:flex}.permission-groups input{accent-color:var(--accent);width:16px;height:16px}.permission-groups strong,.permission-groups small{display:block}.permission-groups strong{text-transform:capitalize;font-size:10px}.permission-groups small{color:var(--muted);margin-top:2px;font-family:ui-monospace,monospace;font-size:8px}.permission-panel>footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:16px 20px;font-size:10px;display:flex}.audit-detail{grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:22px;display:grid}.audit-detail div{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px}.audit-detail dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:9px}.audit-detail dd{margin:0;font-size:11px}.audit-detail .snapshot{grid-column:span 1}.audit-detail pre{white-space:pre-wrap;word-break:break-word;max-height:250px;font-size:9px;overflow:auto}.splash{background:var(--bg);z-index:50;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-mark{letter-spacing:.18em;color:var(--gold);border:1px solid var(--gold);border-radius:16px;padding:20px 16px;font-size:23px;font-weight:800}.splash h1{letter-spacing:.15em;margin:20px 0;font-size:14px}.splash p{color:var(--muted);font-size:10px}.progress{background:var(--border);border-radius:5px;width:200px;height:3px;overflow:hidden}.progress span{background:var(--accent);width:45%;height:100%;animation:1.3s ease-in-out infinite progress;display:block}.spin{animation:1s linear infinite spin}.login-page{background:var(--surface);grid-template-columns:minmax(400px,1.05fr) minmax(500px,.95fr);min-height:100vh;display:grid}.login-ambient{color:#fff;background:radial-gradient(circle at 75% 20%,#3b70cb33,#0000 32%),linear-gradient(135deg,#071426,#102b4e);flex-direction:column;justify-content:center;padding:10%;display:flex;position:relative;overflow:hidden}.login-ambient:after{content:"";inset-inline-end:-180px;border:1px solid #ffffff0f;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-180px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff03}.login-wordmark{letter-spacing:.15em;color:#e1c687;font-size:60px;font-weight:800}.login-ambient h2{margin:16px 0 7px;font-size:28px}.login-ambient p{color:#94a7c1;margin:0}.trust-line{color:#b4c3d6;align-items:center;gap:9px;margin-top:50px;font-size:11px;display:flex}.login-panel{flex-direction:column;display:flex;position:relative}.login-toolbar{justify-content:flex-end;gap:5px;padding:24px 30px;display:flex}.login-card{flex-direction:column;gap:15px;width:min(390px,100% - 50px);margin:auto;display:flex}.login-logo{display:none}.login-card h1{margin:0;font-size:32px}.login-card>p{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.6}.login-card .button{height:45px;margin-top:5px}.dev-access{background:var(--surface-2);border:1px dashed var(--border);color:var(--muted);border-radius:10px;flex-direction:column;gap:5px;padding:12px;font-size:9px;display:flex}.dev-access strong{color:var(--text)}.login-panel>footer{text-align:center;color:var(--muted);padding:22px;font-size:9px}.standalone-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.standalone-error>svg{width:50px;height:50px;color:var(--accent)}.standalone-error h1{margin:18px 0 7px}.standalone-error p{color:var(--muted);margin:0 0 22px}.error-panel{align-items:center;gap:10px;display:flex}.error-panel p{flex:1}.form-alert:empty{display:none}[dir=rtl] .page-header h1,[dir=rtl] .eyebrow,[dir=rtl] th{letter-spacing:0}@keyframes progress{0%{transform:translate(-110%)}50%{transform:translate(120%)}to{transform:translate(260%)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.app-shell{--sidebar:86px}.brand>div:last-child,.nav-item span,.nav-toggle svg:last-child,.subnav small,.collapse-button{display:none}.brand,.nav-item{justify-content:center}.subnav .nav-item{padding:0}.roles-layout{grid-template-columns:1fr}.role-list{grid-template-columns:1fr 1fr;display:grid}.login-page{grid-template-columns:1fr}.login-ambient{display:none}.login-logo{display:grid}.login-panel{min-height:100vh}.metric-grid{grid-template-columns:1fr}}@media (width<=700px){.app-shell{display:block}.sidebar{flex-direction:row;width:100%;height:66px;padding:8px;position:fixed;top:auto;bottom:0}.brand,.collapse-button,.nav-divider,.nav-toggle,.subnav{display:none}.sidebar nav{grid-template-columns:repeat(5,1fr);width:100%;display:grid}.sidebar nav>.nav-item:nth-of-type(n+6){display:none}.nav-item{min-height:48px}.main-column{padding-bottom:66px}.topbar{height:62px;padding:0 14px}.topbar-title,.account>div:last-child{display:none}.account{padding-inline:0 7px}.page{padding:24px 14px 35px}.page-header{flex-direction:column;align-items:flex-start}.page-header .button{width:100%}.metric-grid{grid-template-columns:1fr}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{min-width:0}.form-grid,.permission-groups,.audit-detail{grid-template-columns:1fr}.audit-detail .snapshot{grid-column:auto}.role-list{grid-template-columns:1fr}.login-card{width:calc(100% - 32px)}.login-toolbar{padding:16px}.modal-backdrop{padding:10px}.modal{max-height:95vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page-actions{gap:9px;display:flex}.invoicing-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.clickable{cursor:pointer}.detail-tabs{grid-template-columns:1fr 1fr;gap:18px;padding:22px;display:grid}.detail-tabs section{border:1px solid var(--border);border-radius:12px;overflow:hidden}.detail-tabs section>header{background:var(--surface-2);justify-content:space-between;align-items:center;padding:14px;display:flex}.detail-tabs h3{margin:0;font-size:13px}.detail-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px 15px;font-size:11px;display:grid}.detail-row:last-child{border-bottom:0}.detail-row small{color:var(--muted);margin-top:4px;display:block}.nested-form{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;margin:0 22px 22px;padding:18px}.wizard{padding:22px}.wizard-steps{grid-template-columns:repeat(5,1fr);margin:0 0 28px;padding:0;list-style:none;display:grid;position:relative}.wizard-steps:before{content:"";top:15px;background:var(--border);height:2px;position:absolute;inset-inline:10%}.wizard-steps li{background:var(--surface-2);border:2px solid var(--border);width:31px;height:31px;color:var(--muted);z-index:1;border-radius:50%;justify-self:center;place-items:center;font-size:10px;font-weight:800;display:grid}.wizard-steps li.active{background:var(--accent);border-color:var(--accent);color:#fff}.line-editor{flex-direction:column;gap:13px;display:flex}.invoice-line{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;grid-template-columns:1.8fr 1.8fr .65fr .65fr .75fr .8fr 38px;align-items:end;gap:9px;padding:13px;display:grid}.invoice-line .field input,.invoice-line .field select{width:100%;min-width:0}.danger-text{color:var(--danger)}.invoice-review{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:22px}.invoice-review h3{margin-top:0}.invoice-review dl{grid-template-columns:1fr auto;gap:13px;display:grid}.invoice-review dt{color:var(--muted)}.invoice-review dd{margin:0;font-weight:700}.invoice-detail{padding:22px}.invoice-detail-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.invoice-detail-head strong,.invoice-detail-head span{display:block}.invoice-detail-head span{color:var(--muted);margin-top:4px;font-size:10px}.invoice-total{border-top:2px solid var(--border);justify-content:space-between;padding:18px 15px;font-size:16px;display:flex}@media (width<=1100px){.invoice-line{grid-template-columns:1fr 1fr 1fr}.invoicing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.profile-tabs{border-bottom:1px solid var(--border);gap:6px;padding:12px 20px;display:flex;overflow:auto}.profile-tabs button{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 12px}.profile-tabs button.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.profile-body{padding:20px}.profile-metrics{padding:18px 18px 0}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.import-preview{border:1px solid var(--border);border-radius:12px;margin:0 22px 22px;overflow:hidden}.import-preview>header{background:var(--surface-2);justify-content:space-between;padding:14px;display:flex}.import-preview table{min-width:700px}@media (width<=700px){.page-actions{flex-direction:column;width:100%}.detail-tabs{grid-template-columns:1fr;padding:12px}.invoice-line,.invoicing-metrics{grid-template-columns:1fr}.invoicing-nav{display:none}}.mapping-grid,.report-filters{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:14px;display:grid}.picker-panel{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:12px}.picker-row{border:0;border-bottom:1px solid var(--border);text-align:start;width:100%;color:inherit;cursor:pointer;background:0 0;grid-template-columns:110px 1fr;gap:6px;padding:10px;display:grid}.picker-row small{color:var(--muted);grid-column:2}.allocation-row{grid-template-columns:2fr 1fr auto;align-items:end;gap:12px;margin:10px 0;display:grid}.project-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.project-kpi{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:13px;min-width:0;padding:18px 16px}.project-kpi span,.project-kpi small{color:var(--muted);font-size:10px;display:block}.project-kpi strong{white-space:nowrap;margin:9px 0 7px;font-size:17px;display:block}.project-kpi.green{border-top-color:#1ba56b}.project-kpi.amber{border-top-color:#ed941d}.project-kpi.violet{border-top-color:#8b5dd7}.project-kpi.red{border-top-color:#e44952}.project-kpi.indigo{border-top-color:#4d66d8}.project-dashboard-grid{grid-template-columns:1.4fr 1fr .62fr;gap:16px;display:grid}.project-chart{grid-column:span 2;padding:20px}.project-chart>header,.project-panel>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.project-chart h2,.project-panel h2{margin:0;font-size:13px}.project-chart p{color:var(--muted);margin:4px 0 0;font-size:9px}.project-panel header a{color:var(--accent);align-items:center;gap:4px;font-size:10px;text-decoration:none;display:flex}.project-panel header a svg{width:13px}.chart-legend{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.chart-legend span{border-radius:3px;width:8px;height:8px;margin-inline-start:8px}.invoice-dot,.bar.invoiced{background:#2874e4}.collection-dot,.bar.collected{background:#27ae72}.bar-chart{border-bottom:1px solid var(--border);align-items:stretch;gap:14px;height:245px;padding:20px 10px 0;display:flex}.bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.bars{align-items:flex-end;gap:5px;height:190px;display:flex}.bar{border-radius:5px 5px 1px 1px;width:18px;min-height:4px;display:block}.bar-group small{color:var(--muted);font-size:8px}.rank-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(90px,1fr) minmax(70px,1fr) auto;align-items:center;gap:9px;padding:10px 0;font-size:9px;display:grid}.rank-row>div{background:var(--surface-2);border-radius:5px;height:7px;overflow:hidden}.rank-row i{background:linear-gradient(90deg,var(--accent),#41a7ee);border-radius:5px;height:100%;display:block}.rank-row strong{font-size:9px}.attention-panel header>svg{color:var(--warning)}.attention-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;font-size:10px;display:flex}.attention-item strong{font-size:16px}.recent-projects{grid-column:span 2}.project-row{border-bottom:1px solid var(--border);grid-template-columns:35px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 0;font-size:10px;display:grid}.project-avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.project-row strong,.project-row small{display:block}.project-row small{color:var(--muted);margin-top:3px;font-size:8px}.quick-links{grid-template-columns:repeat(4,1fr);margin-top:16px;padding:12px;display:grid}.quick-links a{min-height:54px;color:var(--text);border-inline-end:1px solid var(--border);justify-content:center;align-items:center;gap:9px;font-size:11px;text-decoration:none;display:flex}.quick-links a:last-child{border:0}.projects-loading{background:linear-gradient(100deg,var(--surface),var(--surface-2),var(--surface));background-size:200%;border-radius:16px;height:420px;animation:1.6s infinite progress}@media (width<=1280px){.project-kpis{grid-template-columns:repeat(3,1fr)}.project-dashboard-grid{grid-template-columns:1fr 1fr}.project-chart{grid-column:span 2}.attention-panel,.recent-projects{grid-column:span 1}}@media (width<=760px){.project-kpis{grid-template-columns:1fr 1fr}.project-dashboard-grid{grid-template-columns:1fr}.project-chart,.recent-projects{grid-column:span 1}.quick-links{grid-template-columns:1fr 1fr}.quick-links a:nth-child(2){border:0}.bar{width:10px}.project-row{grid-template-columns:35px 1fr auto}.project-row>:last-child{grid-column:2/4}}.bank-picker{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:8px;margin-bottom:14px;padding:12px;display:grid}.bank-picker label{color:var(--text);align-items:center;gap:8px;font-size:10px;display:flex}.bank-picker input{accent-color:var(--accent)}.customer-summary,.contract-kpis{grid-template-columns:repeat(5,1fr);margin-bottom:18px;padding:12px 0;display:grid}.customer-summary article:last-child,.contract-kpis article:last-child{border:0}.customer-summary svg,.contract-kpis svg{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;grid-row:1/3;padding:7px}.customer-summary span,.contract-kpis span{color:var(--muted);font-size:10px}.customer-summary strong,.contract-kpis strong{font-size:17px}.projects-register table{min-width:1200px}.table-link{color:var(--accent)}.table-progress{background:var(--border);border-radius:8px;min-width:90px;height:7px;position:relative}.table-progress span{background:var(--success);border-radius:8px;height:100%;display:block}.table-progress small{inset-inline-start:0;position:absolute;top:10px}.record-workspace{max-width:1450px;margin:auto}.workspace-breadcrumb{color:var(--muted);align-items:center;gap:9px;margin-bottom:18px;font-size:11px;display:flex}.workspace-breadcrumb button{color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:flex}.workspace-hero{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;display:grid}.record-avatar{background:linear-gradient(145deg,var(--accent),#164db7);color:#fff;border-radius:16px;place-items:center;width:62px;height:62px;display:grid}.record-avatar svg{width:29px;height:29px}.record-identity>div:first-child{align-items:center;gap:10px;display:flex}.record-identity h1{margin:0;font-size:24px}.record-identity p{color:var(--muted);font-size:11px}.record-contact{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:10px;display:flex}.record-contact span{align-items:center;gap:6px;display:flex}.record-contact svg{width:14px}.workspace-actions{gap:8px;display:flex}.workspace-tabs{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:4px;margin:18px 0 14px;padding:7px;display:flex;overflow:auto}.workspace-tabs button{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 15px}.workspace-tabs button.active{background:var(--accent);color:#fff}.workspace-content{min-height:430px}.workspace-kpis{grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:14px;display:grid}.workspace-kpis.commercial{grid-template-columns:repeat(3,1fr)}.workspace-kpis article,.import-review-head article{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px}.workspace-kpis span,.import-review-head span{color:var(--muted);font-size:9px;display:block}.workspace-kpis strong,.import-review-head strong{margin-top:8px;font-size:17px;display:block}.workspace-columns{grid-template-columns:1.25fr .75fr;gap:14px;display:grid}.workspace-card{overflow:hidden}.workspace-card>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.workspace-card h2{align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.workspace-card header p{color:var(--muted);margin:5px 0 0;font-size:9px}.workspace-row{border:0;border-bottom:1px solid var(--border);width:100%;min-height:58px;color:var(--text);text-align:start;background:0 0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:12px 20px;font-size:10px;text-decoration:none;display:grid}.workspace-row strong,.workspace-row span{display:block}.workspace-row span>strong{margin-bottom:4px}.info-grid{grid-template-columns:1fr 1fr;gap:0;margin:0;padding:8px 20px 20px;display:grid}.info-grid div{border-bottom:1px solid var(--border);padding:14px}.info-grid dt{color:var(--muted);font-size:9px}.info-grid dd{margin:6px 0 0;font-size:11px;font-weight:700}.progress-card{padding-bottom:22px}.progress-card>strong{padding:16px 20px;font-size:32px;display:block}.big-progress{background:var(--border);border-radius:12px;height:12px;margin:0 20px;overflow:hidden}.big-progress i{background:linear-gradient(90deg,#17a266,#3ac28a);height:100%;display:block}.progress-card p{color:var(--muted);justify-content:space-between;padding:10px 20px 0;font-size:9px;display:flex}.timeline{padding:15px 22px}.timeline>div{border-bottom:1px solid var(--border);grid-template-columns:18px 1fr auto;align-items:start;gap:10px;padding:12px 0;font-size:10px;display:grid}.timeline i{background:var(--accent);border-radius:50%;width:9px;height:9px;margin-top:4px}.timeline strong,.timeline span{display:block}.timeline time{color:var(--muted)}.workspace-loading{gap:15px;display:grid}.workspace-loading div{background:linear-gradient(100deg,var(--surface),var(--surface-2),var(--surface));background-size:200%;border-radius:14px;height:120px;animation:1.5s infinite progress}.workspace-error{text-align:center;padding:40px}.boq-workspace table{min-width:1200px}.import-review-head{grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;display:grid}.invoice-create-page{max-width:1450px;margin:auto}.invoice-create-header{align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.invoice-create-header>button{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:42px;height:42px}.invoice-create-header span{color:var(--accent);font-size:9px;font-weight:800}.invoice-create-header h1{margin:4px 0;font-size:26px}.invoice-create-header p{color:var(--muted);margin:0;font-size:11px}.invoice-stepper{background:var(--surface);border:1px solid var(--border);border-radius:13px;grid-template-columns:repeat(6,1fr);margin:0 0 18px;padding:0;list-style:none;display:grid;overflow:hidden}.invoice-stepper li{border-inline-end:1px solid var(--border);color:var(--muted);align-items:center;gap:9px;padding:14px 12px;font-size:9px;display:flex}.invoice-stepper li:last-child{border:0}.invoice-stepper i{background:var(--surface-2);border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;font-weight:800;display:grid}.invoice-stepper li.active{background:var(--accent-soft);color:var(--accent);font-weight:800}.invoice-stepper li.active i,.invoice-stepper li.done i{background:var(--accent);color:#fff}.invoice-stage>header{border-bottom:1px solid var(--border);align-items:center;gap:13px;padding:19px 22px;display:flex}.invoice-stage>header>span{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.invoice-stage h2{margin:0;font-size:17px}.invoice-stage header p{color:var(--muted);margin:4px 0 0;font-size:9px}.invoice-stage>footer{border-top:1px solid var(--border);justify-content:space-between;padding:17px 22px;display:flex}.project-choice-grid,.invoice-type-grid{grid-template-columns:repeat(2,1fr);gap:13px;padding:24px;display:grid}.project-choice-grid button,.invoice-type-grid button{text-align:start;border:1px solid var(--border);background:var(--surface);min-height:92px;color:var(--text);border-radius:12px;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;padding:17px;display:grid;position:relative}.project-choice-grid button.selected,.invoice-type-grid button.selected,.source-layout label.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.project-choice-grid button>svg:first-child,.invoice-type-grid button>svg:first-child{background:var(--accent-soft);width:39px;height:39px;color:var(--accent);border-radius:10px;padding:9px}.project-choice-grid strong,.project-choice-grid span,.invoice-type-grid strong,.invoice-type-grid span{display:block}.project-choice-grid span,.invoice-type-grid span{color:var(--muted);margin-top:4px;font-size:9px}.source-layout{grid-template-columns:1fr 1fr;gap:20px;padding:24px;display:grid}.source-layout section{flex-direction:column;gap:10px;display:flex}.source-layout label{border:1px solid var(--border);border-radius:11px;grid-template-columns:auto 34px 1fr;align-items:center;gap:11px;padding:16px;display:grid}.source-layout label strong,.source-layout label span{display:block}.source-layout label span{color:var(--muted);font-size:9px}.invoice-items-stage{grid-template-columns:320px minmax(0,1fr);gap:16px;padding:20px;display:grid}.source-picker{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;max-height:580px;padding:12px;overflow:auto}.source-picker h3{font-size:11px}.source-picker button{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:start;background:0 0;grid-template-columns:65px 1fr auto;gap:6px;padding:11px 7px;display:grid}.source-picker button strong,.source-picker button span,.source-picker button small{display:block}.source-picker button small{color:var(--muted);grid-column:2}.invoice-items-table{min-width:0}.invoice-grid-row{border-bottom:1px solid var(--border);grid-template-columns:.6fr 1.3fr 1.3fr .5fr .55fr .7fr .75fr 35px;align-items:end;gap:7px;padding:10px;display:grid}.invoice-grid-row .field input{width:100%;min-width:0}.invoice-review-layout{grid-template-columns:1.3fr .7fr;gap:20px;padding:24px;display:grid}.invoice-review-layout aside{background:var(--navy);color:#fff;border-radius:13px;padding:20px}.invoice-review-layout aside dl{grid-template-columns:1fr auto;gap:14px;display:grid}.invoice-review-layout aside dd{margin:0;font-weight:800}.invoice-review-layout aside dt{color:#bac7da}.bank-choice{margin-top:20px}.bank-choice label{border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;margin-top:7px;padding:10px;display:flex}.bank-choice span,.bank-choice strong{display:block}.bank-choice span{font-size:9px}.invoice-success{text-align:center;padding:60px 25px}.invoice-success>svg{width:74px;height:74px;color:var(--success)}.invoice-success h2{font-size:25px}.invoice-success>strong{color:var(--success);font-size:23px;display:block}.invoice-success .page-actions{justify-content:center;margin-top:20px}@media (width<=1100px){.customer-summary,.contract-kpis,.workspace-kpis{grid-template-columns:repeat(3,1fr)}.workspace-columns,.invoice-review-layout{grid-template-columns:1fr}.invoice-stepper{grid-template-columns:repeat(3,1fr)}.invoice-items-stage{grid-template-columns:1fr}.source-picker{max-height:300px}.invoice-grid-row{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.customer-summary,.contract-kpis,.workspace-kpis,.workspace-kpis.commercial{grid-template-columns:1fr 1fr}.workspace-hero{grid-template-columns:52px 1fr}.workspace-actions{grid-column:1/-1}.project-choice-grid,.invoice-type-grid,.source-layout{grid-template-columns:1fr}.invoice-stepper{grid-template-columns:1fr 1fr}.invoice-stepper li span{display:none}.invoice-grid-row{grid-template-columns:1fr}.record-contact{flex-direction:column}}:root{--sidebar:246px;--bg:#f7f9fc;--accent:#0866ee;--accent-soft:#eaf2ff;--navy:#031a36;--navy-2:#072849;--border:#dce5f1;--shadow:0 4px 18px #1f41700e;--radius:10px}.app-shell{padding-right:var(--sidebar);display:block}.sidebar{width:var(--sidebar);color:#fff;background:linear-gradient(#021831,#062444 55%,#031932);height:100vh;padding:15px 10px;position:fixed;inset:0 0 0 auto;box-shadow:-8px 0 30px #001a3a14}.main-column{min-width:0}.brand{border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:8px;height:58px;margin:0 0 8px;padding:0 10px}.brand-mark{color:#fff;letter-spacing:-.07em;background:0 0;border:0;border-radius:0;width:auto;height:auto;font-size:30px;font-weight:900}.brand>div:nth-child(2) strong{letter-spacing:.12em;color:#10b8ff;font-size:8px}.brand-menu-button{color:#8fa1b9;cursor:pointer;background:0 0;border:0;border-radius:8px;margin-inline-start:auto;padding:4px;display:inline-flex}.brand-menu-button:hover{color:#fff;background:#ffffff14}.sidebar nav{gap:7px;padding-top:7px}.nav-item{color:#fff;border-radius:8px;gap:10px;min-height:43px;padding:0 12px;font-size:12px}.nav-item svg{width:18px}.nav-item:hover{background:#082b50}.nav-item.active{box-shadow:none;background:linear-gradient(90deg,#0872ff,#075bdc)}.nav-toggle{background:#05213e;border:1px solid #61a4e624}.subnav{background:#00081526;border-radius:8px;padding:4px}.subnav .nav-item{color:#eef6ff;min-height:35px;padding-inline-start:36px;font-size:11px}.subnav .nav-item svg{display:none}.settings-nav{margin-top:8px}.admin-subnav{max-height:210px;overflow:auto}.collapse-button{display:none}.topbar{height:72px;box-shadow:none;background:#fff;padding:0 18px 0 22px}.topbar-page{color:#0d1b42;align-items:center;gap:10px;font-size:18px;display:flex}.topbar-page svg{color:var(--accent);width:24px;height:24px}.topbar-search{border:1px solid var(--border);color:#63759a;background:#f9fbfe;border-radius:8px;align-items:center;gap:8px;width:290px;height:40px;margin-inline:auto 40px;padding:0 11px;display:flex}.topbar-search input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.topbar-actions{flex-direction:row-reverse;gap:6px}.topbar .icon-button{width:36px;height:36px}.notification{position:relative}.notification b{top:-2px;color:#fff;background:#e51d2a;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;display:grid;position:absolute;inset-inline-end:0}.topbar .text-button{font-size:11px}.topbar .text-button svg:last-child{width:12px}.account{border-inline:0;border-inline-start:1px solid var(--border);flex-direction:row-reverse;padding-inline:12px}.avatar{color:#fff;background:#071c45;border-radius:50%;width:34px;height:34px}.account strong{font-size:11px}.signout{display:none}.page{max-width:none;padding:20px 18px 32px}.page-header{flex-direction:row-reverse;align-items:center;margin-bottom:16px}.page-header>div:first-child{text-align:end}.page-header h1{margin:3px 0 5px;font-size:25px}.page-header p{font-size:11px}.page-header .eyebrow{color:#69799a;font-size:9px}.page-actions{flex-direction:row-reverse}.button{border-radius:7px;min-height:39px;padding:0 14px;font-size:11px}.surface{box-shadow:var(--shadow);border-radius:10px}.customer-summary,.contract-kpis{grid-template-columns:repeat(6,1fr);min-height:150px;margin-bottom:16px;padding:0;display:grid}.customer-summary article,.contract-kpis article{border-inline-end:1px solid var(--border);grid-template-columns:44px 1fr;align-content:center;gap:5px 10px;min-height:126px;padding:18px;display:grid}.customer-summary article:first-child,.contract-kpis article:first-child{grid-column:auto}.customer-summary article:last-child,.contract-kpis article:last-child{border-inline-end:0}.customer-summary svg,.contract-kpis svg{border-radius:50%;grid-row:1/3;width:44px;height:44px;padding:10px}.customer-summary span,.contract-kpis span{color:#0d204d;font-size:10px;font-weight:700}.customer-summary strong,.contract-kpis strong{color:#091a43;font-size:18px}.customer-summary:after,.contract-kpis:after{content:"";display:block}.projects-register{overflow:hidden}.table-toolbar,.register-toolbar{border-bottom:1px solid var(--border);background:#fff;flex-direction:row-reverse;align-items:end;gap:14px;min-height:75px;padding:13px 16px;display:flex}.search-box,.register-search{border:1px solid var(--border);background:#fff;border-radius:7px;min-width:290px;height:42px}.field{font-size:10px}.field input,.field select{border-radius:7px;height:42px}.table-wrap{overflow:auto}table{min-width:1080px;font-size:10px}thead{background:#f6f8fb}th{text-transform:none;letter-spacing:0;color:#24365e;text-align:start;padding:13px 12px;font-size:9px}td{height:53px;padding:12px;font-size:10px}.row-actions{gap:5px}.row-actions button,.row-actions a{border:1px solid var(--border);color:#0d326c;background:#fff;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.row-actions svg{width:14px}.table-link{font-size:11px}.badge{border-radius:5px;padding:5px 9px}.projects-register .empty-state{min-height:250px}.project-kpis{gap:12px;margin-bottom:16px}.project-kpi{border-top:1px solid var(--border);background:#fff;border-radius:9px;min-height:126px;padding:18px;position:relative}.project-kpi:before{content:"";inset-inline-end:16px;background:#edf4ff;border-radius:10px;width:42px;height:42px;position:absolute;top:19px}.project-kpi span{color:#132450;font-size:10px;font-weight:700}.project-kpi strong{margin-top:17px;font-size:17px}.project-kpi small{font-size:9px}.project-dashboard-grid{gap:14px}.project-chart,.project-panel{border-radius:10px}.project-chart{padding:17px}.project-panel{padding:16px}.bar-chart{height:230px}.attention-item{padding:12px 0}.quick-links{border-radius:10px}.record-workspace,.invoice-create-page{max-width:none}.workspace-breadcrumb{margin-bottom:12px}.workspace-hero{border-radius:10px;padding:18px}.workspace-tabs{border-radius:8px;margin:14px 0 12px}.workspace-tabs button{padding:9px 13px;font-size:10px}.workspace-kpis{gap:10px}.workspace-kpis article{border-radius:9px;padding:15px}.workspace-columns{gap:12px}.workspace-card{border-radius:9px}.invoice-create-header{margin-bottom:14px}.invoice-stepper{border-radius:9px;margin-bottom:14px}.invoice-stepper li{padding:11px 9px}.invoice-stage{border-radius:9px}.project-choice-grid,.invoice-type-grid{grid-template-columns:repeat(4,1fr);padding:18px}.project-choice-grid button,.invoice-type-grid button{text-align:center;flex-direction:column;justify-content:center;min-height:130px;display:flex}.invoice-stage>footer{padding:14px 18px}html[dir=ltr] .app-shell{padding-left:var(--sidebar);padding-right:0}html[dir=ltr] .sidebar{left:0;right:auto}html[dir=ltr] .page-header{flex-direction:row}html[dir=ltr] .page-header>div:first-child{text-align:start}html[dir=ltr] .topbar-actions,html[dir=ltr] .account,html[dir=ltr] .page-actions,html[dir=ltr] .table-toolbar,html[dir=ltr] .register-toolbar{flex-direction:row}@media (width<=1100px){.app-shell{--sidebar:220px}.customer-summary,.contract-kpis{grid-template-columns:repeat(3,1fr)}.project-choice-grid,.invoice-type-grid{grid-template-columns:repeat(2,1fr)}.topbar-search{display:none}}@media (width>=1101px){html[dir=rtl] .sidebar{width:var(--sidebar)!important;flex-direction:column!important;height:100vh!important;padding:15px 10px!important;display:flex!important;position:fixed!important;left:auto!important;right:0!important}html[dir=ltr] .sidebar{width:var(--sidebar)!important;flex-direction:column!important;height:100vh!important;padding:15px 10px!important;display:flex!important;position:fixed!important;left:0!important;right:auto!important}}:root[data-theme=dark]{--bg:#09111e;--surface:#101c2c;--surface-2:#142235;--text:#eef4ff;--muted:#9aabc2;--border:#27364a;--accent:#4e8cff;--accent-soft:#152b4d;--shadow:0 12px 36px #00000038}:root[data-theme=dark] .topbar,:root[data-theme=dark] .table-toolbar,:root[data-theme=dark] .register-toolbar,:root[data-theme=dark] .project-kpi,:root[data-theme=dark] .search-box,:root[data-theme=dark] .register-search{background:var(--surface);color:var(--text)}:root[data-theme=dark] .customer-summary span,:root[data-theme=dark] .contract-kpis span,:root[data-theme=dark] .customer-summary strong,:root[data-theme=dark] .contract-kpis strong,:root[data-theme=dark] .project-kpi span{color:var(--text)}.page-header{min-height:76px}.page-header h1{line-height:1.15}.overview-filters{justify-content:flex-start;width:100%;margin:0 0 16px!important}.overview-filters button:first-child{min-width:205px}.overview-charts{grid-template-columns:1fr 1.3fr 1fr}.customer-summary{grid-template-columns:repeat(6,minmax(0,1fr))}.contract-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.contract-kpis:after,.customer-summary:after{display:none}.report-top-filters{align-items:end;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.report-top-filters .field{flex:1}.collection-kpis{grid-template-columns:repeat(2,minmax(0,240px));justify-content:start}.invoice-stage{max-width:1180px;margin:0 auto}.invoice-stage>header{justify-content:flex-start}.project-choice-grid{grid-template-columns:1fr!important;padding:28px 34px!important}.project-choice-grid button{text-align:start!important;grid-template-columns:44px minmax(0,1fr) auto!important;min-height:74px!important;display:grid!important}.invoice-type-grid{grid-template-columns:repeat(4,1fr)!important}.source-layout{grid-template-columns:.8fr 1.2fr}.invoice-browser-actions{flex-wrap:wrap}html[dir=rtl] .report-top-filters{flex-direction:row-reverse}html[dir=ltr] .report-top-filters{flex-direction:row}:root[data-theme=dark] .report-top-filters{background:var(--surface)}.invoice-stepper{display:none!important}.overview-filters{gap:12px;width:max-content;margin:-64px 0 24px;display:flex;position:relative}.overview-filters button{border:1px solid var(--border);background:var(--surface);min-width:145px;height:40px;color:var(--text);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:10px;display:flex}.overview-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.overview-kpis .project-kpi{border-top:1px solid var(--border);min-height:152px;padding:25px 22px}.overview-kpis .project-kpi:before{border-radius:12px;width:48px;height:48px}.overview-kpis .project-kpi strong{margin-top:25px;font-size:20px}.positive-change{margin-top:18px;color:#079657!important}.overview-charts{grid-template-columns:1.08fr 1.48fr 1.08fr;gap:14px;margin-bottom:14px;display:grid}.overview-chart-card{min-height:305px;padding:17px;overflow:hidden}.overview-chart-card>header,.latest-projects>header,.attention-panel>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.overview-chart-card h2,.latest-projects h2,.overview-side h2{margin:0;font-size:13px}.monthly-card .bar-chart{height:245px}.donut-layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:16px;height:245px;display:grid}.css-donut{aspect-ratio:1;background:conic-gradient(#29aa69 0 58%,#2373e8 58% 83%,#fb941f 83% 94%,#e75055 94%);border-radius:50%;place-items:center;width:190px;display:grid}.css-donut:before{content:"";aspect-ratio:1;background:var(--surface);border-radius:50%;grid-area:1/1;width:115px}.css-donut span{z-index:1;text-align:center;flex-direction:column-reverse;grid-area:1/1;gap:5px;display:flex}.css-donut b{font-size:13px}.css-donut small{color:var(--muted);font-size:9px}.donut-legend p{border-bottom:1px solid var(--border);grid-template-columns:9px 1fr auto;align-items:center;gap:7px;margin:0;padding:9px 0;font-size:9px;display:grid}.donut-legend i{border-radius:2px;width:8px;height:8px}.donut-legend i.green{background:#29aa69}.donut-legend i.blue{background:#2373e8}.donut-legend i.amber{background:#fb941f}.customer-bars{padding-inline:22px}.customer-bar{grid-template-columns:110px minmax(55px,1fr) auto;align-items:center;gap:9px;padding:12px 0;font-size:9px;display:grid}.customer-bar>div{background:var(--surface-2);border-radius:4px;height:11px;overflow:hidden}.customer-bar i{background:linear-gradient(90deg,#2e79e8,#38b37a);border-radius:4px;height:100%;display:block}.customer-bar strong{font-size:9px}.overview-bottom{grid-template-columns:2fr .92fr;gap:14px;display:grid}.latest-projects{overflow:hidden}.latest-projects>header{border-bottom:1px solid var(--border);margin:0;padding:16px 18px}.latest-projects header a{color:var(--accent);align-items:center;gap:5px;font-size:10px;text-decoration:none;display:flex}.latest-projects header svg,.row-open svg{width:14px}.latest-projects table{min-width:700px}.row-open{border:1px solid var(--border);width:28px;height:28px;color:var(--accent);border-radius:6px;place-items:center;display:grid}.overview-side{gap:14px;display:grid}.overview-side .attention-panel,.project-counts{padding:16px}.project-counts p{border-bottom:1px solid var(--border);justify-content:space-between;margin:0;padding:10px 0;font-size:10px;display:flex}.overview-bottom+.quick-links{grid-template-columns:repeat(3,1fr)}html[dir=rtl] .overview-filters{margin-inline-start:auto}:root[data-theme=dark] .overview-filters button,:root[data-theme=dark] .overview-kpis .project-kpi{background:var(--surface)}@media (width<=1280px){.overview-kpis{grid-template-columns:repeat(5,minmax(190px,1fr));overflow:auto}.overview-charts{grid-template-columns:1fr 1fr}.monthly-card{grid-column:span 2}.overview-filters{margin:0 0 16px}.overview-bottom{grid-template-columns:1fr}}.boq-editor-page{gap:18px;display:grid}.boq-editor-header{align-items:center;gap:16px;display:flex}.boq-editor-header>button{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);border-radius:12px}.boq-editor-header>div:nth-child(2){flex:1}.boq-editor-header h1{margin:4px 0;font-size:28px}.boq-editor-header span,.boq-editor-header p{color:var(--muted);font-size:12px}.boq-grid-shell{padding:0;overflow:hidden}.boq-grid-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;padding:18px 20px;display:flex}.boq-grid-toolbar span{color:var(--muted)}.boq-edit-grid{min-width:1400px}.boq-edit-grid th{white-space:nowrap}.boq-edit-grid td{padding:6px}.boq-edit-grid input{width:100%;min-width:88px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:7px;padding:10px 8px}.boq-edit-grid input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent);outline:0}.boq-edit-grid td:nth-child(4) input,.boq-edit-grid td:nth-child(5) input{min-width:210px}.boq-edit-grid tfoot{background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.boq-edit-grid tfoot td{padding:16px;font-weight:700}.form-error{color:#dc2626;margin:14px 20px}[dir=rtl] .nav-item.active{box-shadow:inset -3px 0 #4d83e8}[dir=rtl] .page-header h1,[dir=rtl] .eyebrow,[dir=rtl] th{letter-spacing:0}[dir=rtl] .login-wordmark{text-align:right;direction:ltr}.orgdata-company-logo{object-fit:contain;border:1px solid var(--border);background:var(--surface-2);border-radius:7px;width:38px;height:38px;padding:3px}.company-branding-field{flex-direction:column;gap:7px;margin-top:18px;display:flex}.field-label{color:var(--muted);font-size:11px;font-weight:700}.company-branding-control{flex-wrap:wrap;align-items:center;gap:10px;min-height:58px;display:flex}.orgdata-company-logo-preview{object-fit:contain;border:1px solid var(--border);background:var(--surface-2);border-radius:8px;width:92px;height:54px;padding:4px}.orgdata-logo-empty{color:var(--muted);font-size:11px}.company-branding-field .orgdata-hint,.company-branding-field .form-alert{margin:0}.orgdata-page{max-width:1500px;margin:auto}.orgdata-breadcrumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;display:flex}.orgdata-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.orgdata-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:14px;min-width:0;padding:16px 18px;display:flex}.orgdata-kpi-icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.orgdata-kpi-card.green .orgdata-kpi-icon{background:var(--success-soft);color:var(--success)}.orgdata-kpi-card.amber .orgdata-kpi-icon{background:var(--warning-soft);color:var(--warning)}.orgdata-kpi-icon svg{width:22px;height:22px}.orgdata-kpi-body{flex-direction:column;gap:2px;min-width:0;display:flex}.orgdata-kpi-body>span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.orgdata-kpi-body>strong{color:var(--text);font-size:23px;line-height:1.2}.orgdata-kpi-body>small{color:var(--muted);font-size:10px}.orgdata-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.orgdata-main{overflow:hidden}.orgdata-filters{border-top:1px solid var(--border);flex-wrap:wrap}.orgdata-hint{color:var(--muted);margin:0 22px 6px;font-size:10px;line-height:1.6}.orgdata-aside{padding:20px}.orgdata-aside-block{border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:18px}.orgdata-aside-block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.orgdata-aside-title{color:var(--accent);align-items:center;gap:8px;margin-bottom:8px;display:flex}.orgdata-aside-title strong{color:var(--text);font-size:12px}.orgdata-aside-block>p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.orgdata-checklist{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.orgdata-checklist li{color:var(--text);align-items:center;gap:8px;font-size:11px;display:flex}.orgdata-checklist li svg{color:var(--success);flex:none}.orgdata-pagination{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.orgdata-pagination>span{color:var(--muted);font-size:10px}.orgdata-pagination-buttons{align-items:center;gap:6px;display:flex}.orgdata-pagination-buttons .badge{margin:0}@media (width<=1100px){.orgdata-layout,.orgdata-kpis{grid-template-columns:1fr}}.nav-item-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.row-menu{position:relative}.row-menu-panel{inset-inline-end:0;background:var(--surface);border:1px solid var(--border);min-width:170px;box-shadow:var(--shadow);z-index:10;border-radius:10px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px)}.row-menu-panel button{width:100%;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:9px 10px;font-size:11px;display:flex}.row-menu-panel button:hover{background:var(--surface-2)}.row-menu-panel button svg{width:15px;height:15px;color:var(--muted)}.salaryrules-formula{color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;margin:6px 0 12px;padding:10px 14px;font-size:13px;font-weight:700;line-height:1.7}.salaryrules-explain{color:var(--muted);margin:0 0 16px;padding-inline-start:18px;font-size:12px;line-height:1.7}.salaryrules-explain li{margin-bottom:4px}.payroll-modal{flex-direction:column;max-height:min(88vh,860px);display:flex;overflow:hidden}.payroll-modal>header{flex:none}.payroll-modal>.modal-actions{z-index:2;background:var(--surface);border-top:1px solid var(--border);flex:none;position:sticky;bottom:0;box-shadow:0 -8px 18px #1f41700f}.payroll-modal>.payroll-modal-body{min-height:0;padding:22px;overflow:auto}.row-menu-panel-portal{z-index:1200;outline:none;min-width:210px;max-width:min(300px,100vw - 16px);max-height:min(420px,100vh - 16px);padding:6px;top:0;left:0;overflow:auto;position:fixed!important}.row-menu-panel-portal button{white-space:normal;min-height:36px}.payroll-action-group{flex-direction:column;gap:8px;min-width:0;display:flex}.payroll-action-group-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.payroll-action-group-items .button{flex:150px;min-height:38px}.payroll-danger-group{border-top:1px solid color-mix(in srgb,var(--danger) 25%,var(--border));padding-top:12px}.payroll-danger-group .button{flex-basis:120px}.payroll-empty-state{border:1px dashed var(--border);background:var(--surface-2);color:var(--muted);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:16px;font-size:12px;display:flex}.payroll-empty-state p{margin:0}.financial-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.financial-summary>div{border:1px solid var(--border);background:var(--surface-2);border-radius:9px;min-width:0;padding:12px}.financial-summary span{color:var(--muted);font-size:10px;display:block}.financial-summary strong{font-variant-numeric:tabular-nums;margin-top:4px;font-size:15px;display:block}.obligation-impact-summary{margin:0}.obligation-impact-summary>div:last-child{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-soft)}@media (width<=700px){.financial-summary{grid-template-columns:1fr}.payroll-action-group-items .button{flex-basis:100%}}.brand-menu-button{flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;background:#ffffff0a!important;border:1px solid #ffffff24!important;border-radius:9px!important;display:inline-flex!important}.brand-menu-button:hover{background:#ffffff1f!important}.brand-menu{width:18px;height:18px}.app-shell.collapsed .sidebar{width:86px;padding-inline:8px}.app-shell.collapsed .brand{justify-content:center;gap:6px;padding-inline:0}.app-shell.collapsed .brand>div:last-child{display:none}.app-shell.collapsed .brand-mark{border:1px solid #cdae6fb3;border-radius:9px;place-items:center;width:32px;height:32px;font-size:0;display:grid}.app-shell.collapsed .brand-mark:after{content:"S";color:#e1c687;font-size:14px;font-weight:800}.app-shell.collapsed .brand-menu-button{margin-inline:0}.app-shell.collapsed .nav-item{justify-content:center;gap:0;width:100%;padding-inline:0!important}.app-shell.collapsed .nav-item span,.app-shell.collapsed .nav-toggle svg:last-child{display:none}.app-shell.collapsed .nav-item svg{margin:0;display:block!important}.app-shell.collapsed .subnav{padding:3px}.app-shell.collapsed .subnav .nav-item{min-height:40px}.app-shell.collapsed .collapse-button{justify-content:center;padding-inline:0;display:flex!important}@media (width>=701px){.collapse-button{justify-content:flex-start;min-height:40px;display:flex!important}.app-shell.collapsed .collapse-button{justify-content:center}}@media (width<=1050px) and (width>=701px){.app-shell{--sidebar:86px}.collapse-button{display:flex!important}.brand{justify-content:center}.brand>div:last-child,.nav-item span,.nav-toggle svg:last-child,.subnav small{display:none}.nav-item{justify-content:center;padding-inline:0}.subnav .nav-item{padding-inline:0}.subnav .nav-item svg{display:block!important}}.payroll-history-page,.payroll-reports-page{max-width:1580px;margin:0 auto}.payroll-filter-grid{grid-template-columns:repeat(6,minmax(125px,1fr));align-items:end;gap:12px;padding:15px 18px;display:grid}.payroll-filter-grid .field input,.payroll-filter-grid .field select{width:100%;min-width:0}.payroll-filter-actions{align-items:end;gap:8px;height:42px;display:flex}.payroll-filter-note{color:var(--muted);margin:0;padding:0 18px 13px;font-size:10px}.history-kpis,.report-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.history-kpi,.report-kpi{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-width:0;padding:14px 16px}.history-kpi span,.report-kpi span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700;display:block}.history-kpi strong,.report-kpi strong{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:18px;display:block;overflow:hidden}.report-kpi.net{background:var(--success-soft);color:var(--success);border-color:#0000}.report-kpi.net span{color:var(--success)}.payroll-table-card{overflow:hidden}.payroll-table-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.payroll-table-header h2{margin:0;font-size:14px}.payroll-table-header p{color:var(--muted);margin:4px 0 0;font-size:10px}.payroll-table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.payroll-report-table,.payroll-history-table{min-width:1180px}.payroll-report-table th,.payroll-history-table th{white-space:nowrap}.payroll-report-table td,.payroll-history-table td{font-variant-numeric:tabular-nums}.payroll-report-table .num,.payroll-history-table .num{text-align:end;white-space:nowrap}.payroll-report-table tfoot td,.payroll-history-table tfoot td{background:var(--accent-soft);border-top:1px solid var(--border);font-weight:800}.payroll-employee-cell strong{font-size:11px}.payroll-employee-cell small{direction:rtl}.payroll-muted{color:var(--muted);font-size:10px}.report-analytics{grid-template-columns:1.15fr .85fr;gap:14px;margin-bottom:16px;display:grid}.report-panel{min-width:0;padding:17px}.report-panel header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.report-panel h2{margin:0;font-size:13px}.report-panel header p{color:var(--muted);margin:4px 0 0;font-size:10px}.report-bars{flex-direction:column;gap:10px;display:flex}.report-bar-row{grid-template-columns:minmax(100px,160px) minmax(70px,1fr) auto;align-items:center;gap:9px;font-size:10px;display:grid}.report-bar-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.report-bar-track{background:var(--surface-2);border-radius:4px;height:10px;overflow:hidden}.report-bar-track i{background:linear-gradient(90deg,var(--accent),#43ad7b);border-radius:4px;height:100%;display:block}.report-bar-row strong{font-variant-numeric:tabular-nums;font-size:10px}.report-composition{gap:11px;display:grid}.report-composition-row{grid-template-columns:100px 1fr auto;align-items:center;gap:9px;font-size:10px;display:grid}.report-composition-row i{background:var(--accent);border-radius:4px;height:12px}.report-composition-row:nth-child(2) i{background:#6b57c8}.report-composition-row:nth-child(3) i{background:#d89b31}.report-composition-row:nth-child(4) i{background:#b62f3e}.report-composition-row strong{font-variant-numeric:tabular-nums}.report-tabs{border-bottom:1px solid var(--border);gap:4px;padding:8px;display:flex;overflow:auto}.report-tabs button{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 12px;font-size:10px;font-weight:700}.report-tabs button.active{background:var(--accent-soft);color:var(--accent)}.report-print-header{display:none}.print-only{display:none!important}.history-detail{padding:20px}.history-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.history-detail-section{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;min-width:0;padding:13px}.history-detail-section h3{margin:0 0 10px;font-size:12px}.history-detail-section dl{grid-template-columns:1fr auto;gap:7px 12px;margin:0;font-size:10px;display:grid}.history-detail-section dt{color:var(--muted)}.history-detail-section dd{text-align:end;overflow-wrap:anywhere;max-width:220px;margin:0;font-weight:700}.history-detail-wide{grid-column:1/-1}.history-detail-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.report-empty{place-items:center;min-height:220px;display:grid}.report-loading{min-height:180px;color:var(--muted);place-items:center;font-size:12px;display:grid}.report-error{margin:14px 18px}.report-number{font-variant-numeric:tabular-nums;white-space:nowrap}@media (width<=1250px){.payroll-filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.history-kpis,.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.payroll-filter-grid,.history-kpis,.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-table-header{flex-direction:column;align-items:flex-start}.payroll-table-actions{width:100%}.report-analytics,.history-detail-grid{grid-template-columns:1fr}.history-detail-wide{grid-column:auto}}@media print{@page{size:A4 landscape;margin:8mm}html,body,#root{color:#111!important;background:#fff!important;margin:0!important;padding:0!important}.sidebar,.topbar,.reports-no-print,.history-no-print,.screen-only{display:none!important}.app-shell,.app-shell.collapsed{min-height:0!important;padding:0!important;display:block!important}.main-column{min-width:0!important}.page{max-width:none!important;margin:0!important;padding:0!important}.payroll-reports-page{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;overflow:visible!important}.payroll-reports-page .surface{box-shadow:none!important;border-color:#c7c7c7!important}.report-print-header{break-after:avoid!important;padding:0 0 8px!important;display:block!important}.report-print-header h1{margin:0 0 3px!important;font-size:18px!important;line-height:1.2!important}.report-print-header p{color:#555!important;margin:0!important;font-size:9px!important}.report-print-header-branded{align-items:center!important;gap:14px!important;display:flex!important}.report-print-company{align-items:center;gap:8px;min-width:220px;max-width:290px;display:flex}.report-print-company-logo{object-fit:contain;flex:none;width:42px;height:42px}.report-print-company-identity{min-width:0;line-height:1.15}.report-print-company-identity strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.report-print-company-identity strong[dir=rtl]{font-size:9px}.report-print-company-identity small{color:#555;overflow-wrap:anywhere;margin-top:3px;font-size:6.5px;line-height:1.15;display:block}.report-print-header-copy{flex:1;min-width:0}.report-kpis{break-inside:avoid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;margin-bottom:10px!important}.report-kpi{border-radius:5px!important;padding:7px 8px!important}.report-kpi span{font-size:7px!important}.report-kpi strong{margin-top:4px!important;font-size:10px!important;overflow:visible!important}.print-only{display:block!important}.print-report-card{box-sizing:border-box;break-inside:auto;width:100%;margin:0!important;padding:0!important;overflow:visible!important}.print-report-section-header{break-after:avoid;border-bottom:1px solid #c7c7c7;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 5px;padding:0 0 4px;display:flex}.print-report-section-header h2{margin:0!important;font-size:11px!important}.print-report-section-header p{color:#555;margin:0!important;font-size:8px!important}.print-report-table{direction:inherit;table-layout:fixed!important;border-collapse:collapse!important;width:100%!important;min-width:0!important;font-size:8.5px!important;line-height:1.25!important}.print-report-table .print-col-employee{width:14%}.print-report-table .print-col-id{width:7.5%}.print-report-table .print-col-company{width:9%}.print-report-table .print-col-site{width:11%}.print-report-table .print-col-money{width:5.9%}.print-report-table .print-col-ot{width:7.5%}.print-report-table .print-col-status{width:3.8%}.print-report-table th,.print-report-table td{box-sizing:border-box;vertical-align:middle!important;overflow-wrap:anywhere!important;word-break:normal!important;border:1px solid #c7c7c7!important;padding:3px 2px!important}.print-report-table th{white-space:normal!important;background:#eef2f7!important;font-size:8px!important;font-weight:800!important}.print-report-table td.num{font-variant-numeric:tabular-nums;text-align:end!important;white-space:nowrap!important;direction:ltr!important}.print-report-table td strong,.print-report-table td small{display:block}.print-report-table td small{margin-top:1px;font-size:7px!important;line-height:1.15!important}.print-report-table thead{display:table-header-group!important}.print-report-table tfoot{display:table-row-group!important}.print-report-table tfoot td{background:#eaf2ff!important;border-top:2px solid #8495ae!important;font-weight:800!important}.print-report-table tr{break-inside:avoid!important;page-break-inside:avoid!important}}.employees-page{max-width:1700px;margin:auto}.employees-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;display:flex}.employees-toolbar{flex-wrap:wrap;gap:9px;display:flex}.employees-search-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:14px;padding:18px 20px;display:flex}.employees-search-row .search-box{flex:1;min-width:280px}.employees-more-filters{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;align-items:flex-end;gap:14px;padding:16px 20px;display:flex}.employees-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.employees-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:13px;min-width:0;padding:20px 22px;display:flex}.employees-kpi-total{flex-direction:row;align-items:center;gap:16px}.employees-kpi-total .employees-kpi-icon{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:13px;flex:none;place-items:center;display:grid}.employees-kpi-total .employees-kpi-icon svg{width:24px;height:24px}.employees-kpi-total strong{color:var(--text);font-size:28px;line-height:1.1}.employees-kpi-total span,.employees-kpi-card>header{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.employees-kpi-donut{align-items:center;gap:16px;display:flex}.employees-kpi-donut .css-donut{width:80px}.employees-kpi-donut .css-donut:before{width:46px}.employees-legend{flex-direction:column;flex:1;gap:9px;min-width:0;display:flex}.employees-legend p{color:var(--text);grid-template-columns:9px 1fr auto;align-items:center;gap:9px;margin:0;font-size:11.5px;display:grid}.employees-legend p i{border-radius:50%;flex:none;width:9px;height:9px}.employees-legend p b{font-weight:700}.employees-kpi-status-legend{gap:12px;padding-top:4px}.employees-kpi-list{align-items:flex-start;gap:14px;display:flex}.employees-kpi-list-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:11px;flex:none;place-items:center;display:grid}.employees-kpi-list-icon svg{width:19px;height:19px}.employees-kpi-list .employees-legend{padding-top:2px}.employees-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.employees-layout.with-panel{grid-template-columns:minmax(0,1fr) 460px}.employees-table-card{overflow:hidden}.employee-id-cell strong{color:var(--accent);display:block}.employee-id-cell small{color:var(--muted);margin-top:2px;display:block}.employee-name-cell strong{display:block}.employee-name-cell small{color:var(--muted);margin-top:2px;display:block}.badge.employee-company{background:var(--accent-soft);color:var(--accent);border-color:#0000}.badge.employee-rental{background:var(--warning-soft);color:var(--warning);border-color:#0000}.badge.employee-terminated{background:var(--danger-soft);color:var(--danger);border-color:#0000}.employees-table .badge.success,.employee-panel .badge.success{background:var(--success);color:#fff}.employees-table .badge.warning,.employee-panel .badge.warning{background:var(--warning);color:#fff}.employees-table .badge.neutral,.employee-panel .badge.neutral{background:var(--muted);color:var(--surface)}.employee-panel{position:sticky;top:0;overflow:hidden}.employee-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.employee-panel>header h2{margin:0;font-size:17px}.employee-panel-identity{align-items:center;gap:16px;padding:24px;display:flex}.employee-panel-avatar{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.employee-panel-avatar svg{width:30px;height:30px}.employee-panel-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.employee-panel-photo-actions{gap:6px;margin-top:8px;display:flex}.employee-panel-photo-actions button{min-height:28px;padding:0 10px;font-size:10px}.employee-panel-identity strong{font-size:16px;display:block}.employee-panel-identity small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.employee-panel-identity .badge{margin-inline-start:auto}.employee-panel-tabs{border-bottom:1px solid var(--border);gap:4px;padding:0 18px;display:flex;overflow-x:auto}.employee-panel-tabs button{padding:12px 10px;font-size:12.5px}.employee-panel-body{max-height:calc(100vh - 340px);padding:24px 26px;overflow-y:auto}.employee-panel-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px;font-size:11px;font-weight:800}.employee-panel-body>.employee-panel-section-title:not(:first-child){margin-top:28px}.employee-info-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.employee-info-grid>div{border-bottom:1px solid var(--border);padding:14px 0}.employee-info-grid dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.employee-info-grid dd{color:var(--text);margin:6px 0 0;font-size:13.5px;font-weight:600}.employee-panel-actions{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 24px;display:grid}.employee-panel-actions button{white-space:normal;flex-direction:column;gap:6px;min-height:62px;font-size:10.5px;line-height:1.35}.employee-panel-future{opacity:.5;cursor:not-allowed}.employee-recent-activity{flex-direction:column;gap:0;display:flex}.employee-salary-figure{background:var(--surface-2);border-radius:12px;margin-bottom:18px;padding:18px}.employee-salary-figure span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;display:block}.employee-salary-figure strong{color:var(--text);margin-top:6px;font-size:23px;display:block}.employee-salary-history{flex-direction:column;gap:0;display:flex}.employee-salary-history>div{border-bottom:1px solid var(--border);justify-content:space-between;padding:13px 0;font-size:12.5px;display:flex}.employee-salary-history small{color:var(--muted);margin-top:3px;display:block}.employee-history-item{border-bottom:1px solid var(--border);grid-template-columns:8px 1fr auto;align-items:start;gap:12px;padding:14px 0;font-size:12.5px;display:grid}.employee-history-item i{background:var(--accent);border-radius:50%;width:8px;height:8px;margin-top:6px}.employee-history-item time{color:var(--muted);white-space:nowrap;font-size:10px}.employee-panel-empty{text-align:center;color:var(--muted);padding:44px 22px;font-size:12px}.employee-allowances{flex-direction:column;gap:0;margin-bottom:6px;display:flex}.employee-allowances>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:10px;padding:13px 0;font-size:12.5px;display:flex}.employee-allowances small{color:var(--muted);margin-top:3px;display:block}.employee-allowance-form{background:var(--surface-2);border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;padding:16px;display:grid}.employee-allowance-form .field{grid-column:span 1}.employee-allowance-form .field.wide{grid-column:span 2}.employee-allowance-form-actions{grid-column:span 2;justify-content:flex-end;gap:8px;display:flex}.obligations-amounts{background:var(--surface-2);border-radius:10px;grid-template-columns:repeat(5,1fr);gap:10px;padding:10px 12px;display:grid}.obligations-amounts div{flex-direction:column;gap:3px;min-width:0;display:flex}.obligations-amounts span{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:9px}.obligations-amounts strong{color:var(--text);font-size:12px}.obligations-ledger{border-top:1px dashed var(--border);flex-direction:column;gap:0;margin-top:4px;padding-top:8px;display:flex}.obligations-ledger-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto 1.4fr;align-items:center;gap:10px;padding:6px 0;font-size:10.5px;display:grid}.obligations-ledger-row:last-child{border-bottom:0}@media (width<=1500px){.obligations-amounts{grid-template-columns:repeat(3,1fr)}}.obligation-summary-grid{background:var(--surface-2);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:14px 18px;padding:14px 16px;display:grid}.obligation-summary-cell{flex-direction:column;gap:4px;min-width:0;display:flex}.obligation-summary-cell span{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:10px}.obligation-summary-cell strong{color:var(--text);overflow-wrap:anywhere;font-size:14px;font-weight:750}.obligation-summary-outstanding strong{color:var(--accent);font-size:16px;font-weight:800}.obligation-waived-note{color:var(--muted);margin:10px 2px 0;font-size:11.5px}@media (width<=1500px){.obligation-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.obligation-summary-grid{grid-template-columns:1fr}}@media (width<=1500px){.employees-layout.with-panel{grid-template-columns:minmax(0,1fr) 400px}}@media (width<=1400px){.employees-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=1100px){.employees-layout.with-panel,.employees-kpis{grid-template-columns:1fr}.employees-table{min-width:1100px}}.modal:has(.import-wizard){flex-direction:column;width:min(2200px,96vw);height:min(92vh,1000px);max-height:92vh;display:flex;overflow:hidden}.modal:has(.import-wizard)>header{flex:none}.import-wizard{flex-direction:column;flex:1;gap:0;min-height:0;display:flex}.import-stepper{border-bottom:1px solid var(--border);flex:none;align-items:flex-start;gap:0;margin:0;padding:16px 22px 14px;list-style:none;display:flex}.import-stepper li{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.import-stepper li:not(:last-child):after{content:"";top:13px;background:var(--border);width:calc(100% - 40px);height:2px;position:absolute;inset-inline-start:calc(50% + 20px)}.import-stepper li.done:not(:last-child):after{background:var(--success)}.step-circle{background:var(--surface);border:2px solid var(--border);width:26px;height:26px;color:var(--muted);z-index:1;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.import-stepper li.active .step-circle{background:var(--accent);border-color:var(--accent);color:#fff}.import-stepper li.done .step-circle{background:var(--success);border-color:var(--success);color:#fff}.step-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;font-weight:700;overflow:hidden}.import-stepper li.active .step-label{color:var(--text)}.import-wizard-body{flex:1;min-height:0;padding:18px 22px;overflow-y:auto}.import-wizard-body:has(.import-preview-step){flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}.import-wizard-footer{border-top:1px solid var(--border);background:var(--surface);flex:none;align-items:center;gap:10px;padding:14px 22px;display:flex}.import-wizard-footer .import-spacer{flex:1}.import-upload-step,.import-preview-step,.import-result-step{flex-direction:column;gap:16px;display:flex}.import-preview-step{flex:auto;gap:0;width:100%;min-width:0;min-height:0}.import-review-top{flex:none;padding-bottom:14px}.import-review-scroll{overscroll-behavior:contain;flex:auto;width:100%;min-width:0;min-height:0;padding-bottom:18px;overflow:auto}.import-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:800}.import-dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--surface-2);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:26px 20px;transition:border-color .15s,background .15s;display:flex}.import-dropzone:hover,.import-dropzone:focus-within{border-color:var(--accent);background:var(--accent-soft)}.import-dropzone svg{color:var(--accent)}.import-dropzone strong{font-size:13px}.import-dropzone-hint{color:var(--muted);margin:0;font-size:11px}.import-dropzone input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.import-file-chip{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.import-file-chip .file-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.import-file-chip .file-meta{min-width:0}.import-file-chip strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.import-file-chip small{color:var(--muted);margin-top:2px;font-size:10.5px;display:block}.import-file-chip-actions{flex:none;gap:6px;margin-inline-start:auto;display:flex}.import-bank-optin{align-items:center;gap:8px;font-weight:600;display:flex}.import-mapping-summary{color:var(--muted);background:var(--surface-2);border-radius:var(--radius);flex-wrap:wrap;gap:16px;margin-bottom:12px;padding:10px 14px;font-size:12px;display:flex}.import-mapping-summary b{color:var(--text)}.import-mapping-table{flex-direction:column;gap:6px;display:flex}.import-mapping-row{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:minmax(120px,1fr) minmax(170px,1.4fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.import-mapping-row .field-name{min-width:0;font-size:12.5px;font-weight:700}.import-mapping-row .field-name small{color:var(--muted);margin-top:1px;font-size:10px;font-weight:500;display:block}.import-mapping-row select{width:100%;min-width:0;height:36px}.import-status-badge{white-space:nowrap;justify-self:start}@media (width<=720px){.import-mapping-row{grid-template-columns:1fr}}.import-filter-tabs{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:0;display:flex}.import-filter-tab{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:100px;padding:6px 14px;font-size:11.5px;font-weight:600}.import-filter-tab b{color:var(--text);margin-inline-start:6px}.import-filter-tab.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.import-row-search{min-width:min(340px,100%);margin-inline-start:auto}.import-row-search .search-box{width:100%;min-width:0}.import-bulk-actions{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;display:flex}.import-bulk-actions-heading{flex-direction:column;gap:3px;min-width:180px;display:flex}.import-bulk-actions-heading span,.import-bulk-actions small{color:var(--muted);font-size:10.5px}.import-bulk-actions-controls{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-inline-start:auto;display:flex}.import-bulk-date-control{align-items:flex-end;gap:8px;display:flex}.import-bulk-date-control .field{min-width:210px;margin:0}@media (width<=720px){.import-bulk-actions-controls,.import-bulk-date-control{width:100%;margin-inline-start:0}.import-bulk-date-control .field{flex:1;min-width:0}}.import-summary-cards{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-bottom:12px;display:grid}.import-summary-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px 11px}.import-summary-card strong{font-size:18px;line-height:1.2;display:block}.import-summary-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:9.5px}.import-rows-table{overflow:visible}.import-rows-table table{table-layout:fixed;min-width:1520px}.import-rows-table th,.import-rows-table td{box-sizing:border-box;vertical-align:top}.import-rows-table th:first-child,.import-rows-table td:first-child{text-align:center;width:48px}.import-rows-table th:nth-child(2),.import-rows-table td:nth-child(2){white-space:nowrap;width:64px}.import-rows-table th:nth-child(3),.import-rows-table td:nth-child(3){width:220px}.import-rows-table th:nth-child(4),.import-rows-table td:nth-child(4){overflow-wrap:break-word;word-break:normal;width:250px}.import-rows-table th:nth-child(5),.import-rows-table td:nth-child(5){white-space:nowrap;width:125px}.import-rows-table th:nth-child(6),.import-rows-table td:nth-child(6){white-space:nowrap;font-variant-numeric:tabular-nums;width:180px}.import-rows-table th:nth-child(7),.import-rows-table td:nth-child(7){white-space:nowrap;font-variant-numeric:tabular-nums;width:125px}.import-rows-table th:nth-child(8),.import-rows-table td:nth-child(8){overflow-wrap:break-word;word-break:normal;width:220px}.import-rows-table th:nth-child(9),.import-rows-table td:nth-child(9){overflow-wrap:break-word;word-break:normal;white-space:normal;width:420px;min-width:420px}.import-rows-table td:nth-child(9) .link-button{text-align:start;white-space:normal;margin-bottom:6px;line-height:1.45;display:inline-block}.import-msg{align-items:flex-start;gap:5px;padding:1px 0;font-size:11px;line-height:1.5;display:flex}.import-msg span{overflow-wrap:break-word;word-break:normal;min-width:0}.import-msg.ERROR{color:var(--danger)}.import-msg.WARNING{color:var(--warning,#b3541e)}.import-msg.INFO{color:var(--muted)}.import-diff-row td{background:var(--surface-2);white-space:normal;overflow-wrap:break-word;word-break:normal;padding:18px 20px}.import-diff-row ul{margin:0;padding-inline-start:18px;font-size:12.5px}.import-diff-list li{margin-bottom:10px}.import-diff-list li:last-child{margin-bottom:0}.import-diff-list li>label{overflow-wrap:break-word;word-break:normal;flex-wrap:wrap;align-items:flex-start;gap:8px;line-height:1.6;display:flex}.import-diff-list li>label strong{flex:none}.import-diff-list li>label input{margin-top:4px}.import-diff-list .field{max-width:340px;margin-top:8px}.import-selected-count{color:var(--muted);font-size:12.5px;font-weight:600}.import-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.import-result-grid>div{background:var(--surface-2);border-radius:var(--radius);padding:14px}.import-result-grid dt{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:4px;font-size:10.5px}.import-result-grid dd{color:var(--text);margin:0;font-size:20px;font-weight:700}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.import-mapping-required{color:var(--warning,#b3541e);font-size:11px;font-weight:700}.import-mapping-rowcount{color:var(--muted);margin:0;font-size:12.5px}.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}@media (width<=900px){.import-result-grid{grid-template-columns:repeat(2,1fr)}.modal:has(.import-wizard){height:95vh;max-height:95vh}.import-summary-cards{grid-template-columns:repeat(3,minmax(140px,1fr));overflow-x:auto}.import-row-search{flex:100%;margin-inline-start:0}.import-rows-table table{min-width:1520px}}.employees-layout{min-width:0}.employees-layout.with-panel{grid-template-columns:minmax(0,1fr) 440px;gap:16px}.employees-layout.with-panel .employees-table-card{min-width:0}.employees-layout.with-panel .employees-table th:nth-child(5),.employees-layout.with-panel .employees-table td:nth-child(5),.employees-layout.with-panel .employees-table th:nth-child(6),.employees-layout.with-panel .employees-table td:nth-child(6){display:none}.employee-panel{flex-direction:column;height:calc(100vh - 112px);min-height:520px;max-height:calc(100vh - 112px);display:flex;position:sticky;top:20px}.employee-panel>header,.employee-panel-identity,.employee-panel-tabs,.employee-panel-actions{flex:none}.employee-panel-body{overscroll-behavior:contain;flex:auto;min-height:0;max-height:none;overflow-y:auto}.employee-panel-tabs{z-index:1;background:var(--surface);position:relative}.employee-panel-actions{flex-direction:column;gap:14px;max-height:34vh;display:flex;overflow-y:auto}.employee-panel-actions .button{white-space:nowrap;flex-direction:row;gap:7px;min-height:40px}.employee-panel-action-group-items .button{flex:135px;min-height:40px}.employee-panel-disabled-note{color:var(--muted);font-size:10px;line-height:1.5;display:block}.employee-panel-future{display:none!important}.employee-panel-identity{align-items:flex-start}.employee-panel-identity>div:nth-child(2){flex:1;min-width:0}.employee-panel-identity>div:nth-child(2) strong,.employee-panel-body .employee-info-grid dd{overflow-wrap:anywhere}.employee-panel-body .employee-salary-figure{border:1px solid var(--border);background:linear-gradient(135deg,var(--accent-soft),var(--surface-2))}.employee-panel-body .employee-salary-figure strong{font-variant-numeric:tabular-nums}.employee-panel-body .employee-panel-section-title{padding-top:2px}@media (width<=1100px){.employee-panel{height:auto;min-height:0;max-height:none;position:relative;top:auto}.employees-layout.with-panel{grid-template-columns:1fr}.employees-layout.with-panel .employees-table th:nth-child(5),.employees-layout.with-panel .employees-table td:nth-child(5),.employees-layout.with-panel .employees-table th:nth-child(6),.employees-layout.with-panel .employees-table td:nth-child(6){display:table-cell}}.obligation-actions{flex-wrap:wrap;gap:10px;padding-top:4px;display:flex}.obligation-action-group{flex-direction:column;flex:180px;gap:5px;min-width:0;display:flex}.obligation-action-group>div{flex-wrap:wrap;gap:6px;display:flex}.obligation-action-group .button{white-space:nowrap;flex:100px;min-height:34px}.obligation-action-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:800}.obligation-exception-actions{border-inline-start:1px solid var(--border);padding-inline-start:10px}.obligation-create-modal{width:min(620px,100vw - 32px)}.obligation-create-identity{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:10px;padding:12px 14px;display:flex}.obligation-create-identity span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.obligation-create-identity code{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.obligation-create-help{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.6}.obligation-form-section{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.obligation-form-section h3{color:var(--text);margin:0 0 12px;font-size:12px}.employee-form-modal>form{flex-direction:column;min-height:0;display:flex;overflow:auto}.employee-form-modal>form>.form-grid{min-height:0;padding:22px}.employee-form-modal>form>.form-alert{margin:0 22px 12px}.employee-form-modal>form>.modal-actions{background:var(--surface);z-index:2;position:sticky;bottom:0}.app-shell{font-size:15px}.sidebar nav{scrollbar-width:thin;scrollbar-color:#aebed275 transparent;flex:1;min-height:0;overflow:hidden auto}.sidebar nav::-webkit-scrollbar{width:8px}.sidebar nav::-webkit-scrollbar-track{background:0 0}.sidebar nav::-webkit-scrollbar-thumb{background:#aebed26b;border-radius:20px}.nav-item{min-height:46px;font-size:14px;font-weight:650}.subnav .nav-item{font-size:13.5px}.topbar-page strong,.account strong{font-size:13px}.account span{font-size:11px}.page-header h1{font-weight:800}.page-header p{color:var(--muted);font-size:14px;font-weight:550}.eyebrow{font-size:11px}.button{min-height:42px;font-size:13px;font-weight:750}.field{color:var(--text);font-size:12.5px;font-weight:750}.field input,.field select{font-size:14px;font-weight:550}.search-box input{font-size:14px}table{font-size:13px}th{font-size:11px;font-weight:800}td{font-size:13px;font-weight:550}td small{font-size:11px;font-weight:550}.badge{font-size:11px;font-weight:800}.modal-backdrop{z-index:1000;isolation:isolate;padding:22px}.modal{flex-direction:column;max-height:min(92vh,820px);display:flex;overflow:hidden}.modal>header{z-index:2;flex:none}.modal h2{font-size:20px;font-weight:800}.modal>form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal>form>.form-grid{flex:1;min-height:0;padding:24px 24px 34px;overflow:auto}.modal>.payroll-modal-body{flex:1;min-height:0;padding:24px;overflow:auto}.modal>.modal-actions{background:var(--surface);border-top:1px solid var(--border);z-index:3;flex:none;padding:16px 24px;position:relative}.modal-backdrop .field-error,.modal-backdrop small{font-size:12px}.confirm-body p{font-size:14px}.employees-layout.with-panel{grid-template-columns:minmax(0,1.22fr) minmax(440px,.88fr);align-items:stretch;gap:18px;height:clamp(440px,100vh - 304px,760px)}.employees-layout.with-panel .employees-table-card{flex-direction:column;min-width:0;min-height:0;display:flex}.employees-layout.with-panel .employees-search-row,.employees-layout.with-panel .employees-more-filters{flex:none}.employees-layout.with-panel .table-wrap{flex:1;min-height:0;overflow:auto}.employees-layout.with-panel .employees-table{min-width:760px}.employee-panel{height:100%;min-height:0;max-height:none;position:relative;top:auto}.employee-panel-body{min-height:0;max-height:none;padding:26px 28px;overflow-y:auto}.employee-panel-section-title{color:var(--text);letter-spacing:.02em;text-transform:none;font-size:13px}.employee-info-grid{gap:0 24px}.employee-info-grid>div{padding:16px 0}.employee-info-grid dt{color:var(--muted);font-size:11px;font-weight:800}.employee-info-grid dd{font-size:15px;font-weight:750;line-height:1.45}.employee-recent-activity strong{font-size:13px!important}.employee-recent-activity div[style*="font-size: 10px"]{font-size:12px!important}.employee-history-item time{font-size:11px}.employee-panel-actions{background:var(--surface-2);flex:none;gap:10px;max-height:none;padding:14px 18px;overflow:visible}.payroll-action-group{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px 12px}.payroll-action-group-title{color:var(--text);margin:0 0 8px;font-size:12px;font-weight:800}.payroll-action-group-items{flex-wrap:wrap;gap:8px;display:flex}.employee-panel-actions .button{flex:150px;min-height:38px;font-size:12px}.employee-panel-disabled-note{font-size:12px}.employee-panel-tabs{flex-wrap:nowrap;padding-inline:18px}.employee-panel-tabs button{min-height:48px;font-size:13px;font-weight:750}.employee-panel-identity strong{font-size:18px}.employee-panel-identity small{font-size:12px}.employee-salary-figure{padding:20px}.employee-salary-figure span{font-size:12px;font-weight:800}.employee-salary-figure strong{font-size:27px}.employee-salary-history>div,.employee-allowances>div{font-size:14px}.employee-salary-history small,.employee-allowances small{font-size:12px}.obligations-amounts span{font-size:10.5px;font-weight:750}.obligations-amounts strong{font-size:14px}.obligation-action-label,.obligation-create-identity span{font-size:11px}.obligation-create-identity strong{font-size:16px}.obligation-create-help{font-size:13px}.obligation-form-section h3{font-size:14px}.employee-finance-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:22px;display:grid}.employee-finance-summary>section{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:16px}.employee-finance-summary .employee-salary-figure{background:0 0;border:0;margin:0;padding:0}.employee-finance-summary .employee-info-grid{grid-template-columns:1fr;gap:0}.employee-finance-summary .employee-info-grid>div{padding:9px 0}.employee-finance-section{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.employee-finance-section .employee-panel-section-title{margin-bottom:10px}@media (width<=1250px){.employees-layout.with-panel{grid-template-columns:minmax(0,1fr) minmax(420px,.88fr)}.employees-layout.with-panel .employees-table{min-width:700px}}@media (width<=1100px){.employees-layout.with-panel{grid-template-columns:1fr;height:auto;min-height:0}.employee-panel{height:auto}.employees-layout.with-panel .employees-table{min-width:1100px}.employee-finance-summary{grid-template-columns:1fr}}.allowance-dialog{width:min(720px,100vw - 32px)}.allowance-dialog-identity{border:1px solid var(--border);background:var(--accent-soft);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.allowance-dialog-identity span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.allowance-dialog-identity strong{color:var(--text);overflow-wrap:anywhere;font-size:16px}.allowance-dialog-help{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.6}.allowance-dialog .employee-allowance-form{background:0 0;margin-top:16px;padding:0}.allowance-dialog .employee-allowance-form .field.wide{grid-column:1/-1}.employees-page.employee-detail-open .employees-kpis{display:none}.employees-page.employee-detail-open .employees-layout.with-panel{height:calc(100vh - 240px);min-height:0}.employees-page.employee-detail-open .employee-panel{height:100%;min-height:0;max-height:none}.employees-page.employee-detail-open .employee-panel-body{scrollbar-width:thin;scrollbar-color:#7d91aa8c transparent;flex-direction:column;flex:auto;min-height:0;padding:30px 32px 32px;display:flex;overflow-y:auto}.employees-page.employee-detail-open .employee-panel-body::-webkit-scrollbar{width:8px}.employees-page.employee-detail-open .employee-panel-body::-webkit-scrollbar-track{background:0 0}.employees-page.employee-detail-open .employee-panel-body::-webkit-scrollbar-thumb{background:#7d91aa8c;border-radius:20px}.employees-page.employee-detail-open .employee-panel-actions{border-top:1px solid var(--border);background:var(--surface-2);flex:none;max-height:none;margin:28px -32px -32px;padding:18px 32px 22px;overflow:visible}.employees-page.employee-detail-open .employee-panel-section-title{font-size:15px;font-weight:800}.employees-page.employee-detail-open .employee-info-grid dt{font-size:12px;font-weight:800}.employees-page.employee-detail-open .employee-info-grid dd{font-size:16px;font-weight:750;line-height:1.5}.employees-page.employee-detail-open .employee-panel-tabs button{min-height:52px;font-size:14px;font-weight:800}.employees-page.employee-detail-open .employee-panel-identity strong{font-size:20px}.employees-page.employee-detail-open .employee-panel-identity small,.employees-page.employee-detail-open .employee-salary-figure span{font-size:13px}.employees-page.employee-detail-open .employee-salary-figure strong{font-size:30px}.employees-page.employee-detail-open .employee-salary-history>div,.employees-page.employee-detail-open .employee-allowances>div{font-size:15px}.employees-page.employee-detail-open .employee-salary-history small,.employees-page.employee-detail-open .employee-allowances small{font-size:13px}.employees-page.employee-detail-open .employee-panel-actions .button{min-height:44px;font-size:13px}.employees-page.employee-detail-open .payroll-action-group-title,.employees-page.employee-detail-open .employee-panel-disabled-note{font-size:13px}.employees-page.employee-detail-open .obligations-amounts span{font-size:11.5px}.employees-page.employee-detail-open .obligations-amounts strong{font-size:15px}.employees-page.employee-detail-open .obligation-summary-cell span{font-size:11px}.employees-page.employee-detail-open .obligation-summary-cell strong{font-size:15px}.employees-page.employee-detail-open .obligation-summary-outstanding strong{font-size:17px}@media (width<=1100px){.employees-page.employee-detail-open .employees-layout.with-panel{height:auto;min-height:0}.employees-page.employee-detail-open .employee-panel{height:auto}}.sidebar nav .subnav{max-height:none;overflow:visible}.attendance-page{flex-direction:column;gap:0;display:flex}.attendance-workflow-banner{align-items:center;gap:22px;margin-bottom:18px;padding:14px 20px;display:flex}.attendance-workflow-banner>div{flex-direction:column;gap:3px;display:flex}.attendance-workflow-banner span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:700}.attendance-workflow-banner strong{color:var(--text);font-size:13px}.attendance-workflow-arrow{color:var(--accent);flex:none;width:18px;height:18px}[dir=rtl] .attendance-workflow-arrow{transform:scaleX(-1)}.attendance-filters{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px;padding:18px 20px;display:grid}.attendance-table-card{margin-bottom:18px;overflow:hidden}.attendance-empty-card{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:60px 24px;display:flex}.attendance-empty-card h2{color:var(--text);margin:6px 0 0}.attendance-empty-card svg{color:var(--accent)}.attendance-salary-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:18px 0;display:grid;overflow:hidden}.attendance-salary-strip>div{border-inline-end:1px solid var(--border);flex-direction:column;gap:6px;padding:16px 20px;display:flex}.attendance-salary-strip>div:last-child{border-inline-end:none}.attendance-salary-strip span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.attendance-salary-strip strong{font-size:18px;font-weight:800}.attendance-net-chip{background:var(--accent-soft,var(--surface-2))}.attendance-net-chip strong{color:var(--accent)}.attendance-bulk-fill{margin-bottom:18px;padding:18px 20px}.attendance-day-grid{margin-bottom:18px}.attendance-weekend-row td{background:var(--danger-soft,#b62f3e0f)}.daygrid-h-wrap{overflow-x:auto}.daygrid-h-table{border-collapse:separate;border-spacing:0;table-layout:fixed;--daygrid-label-w:96px;width:100%}.daygrid-h-label-col{width:var(--daygrid-label-w)}.daygrid-h-table td{border-bottom:1px solid var(--border);border-inline-end:1px solid var(--border);text-align:center;padding:5px 2px;font-size:11px;overflow:hidden}.daygrid-h-table tr:first-child td{border-top:1px solid var(--border)}.daygrid-h-table td:first-child{border-inline-start:1px solid var(--border)}.daygrid-h-table .daygrid-row-label{z-index:2;background:var(--surface);text-align:start;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;white-space:normal;border-inline-end:2px solid var(--border);padding:8px 9px;font-size:10px;font-weight:700;line-height:1.25;position:sticky;inset-inline-start:0}.daygrid-h-table .attendance-weekend-col{background:var(--danger-soft,#b62f3e0f)}.daygrid-h-table .attendance-ineligible-col{background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 6px,var(--surface) 6px,var(--surface) 12px);cursor:not-allowed}.daygrid-h-table .attendance-ineligible-col select,.daygrid-h-table .attendance-ineligible-col input{opacity:.55;cursor:not-allowed}.daygrid-h-table select,.daygrid-h-table input{border:1px solid var(--border);background:var(--surface);width:100%;max-width:100%;color:var(--text);text-align:center;text-overflow:ellipsis;border-radius:5px;padding:4px 1px;font-size:10.5px}.daygrid-h-table input[type=number]{text-align:center;padding-inline:0}.daygrid-h-table select{padding-inline:1px}@media (width<=1000px){.daygrid-h-table{table-layout:auto;width:max-content}.daygrid-h-table td{min-width:56px}.daygrid-h-table select,.daygrid-h-table input{min-width:50px}}@media (width<=1400px){.attendance-filters,.attendance-salary-strip{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.attendance-filters,.attendance-salary-strip{grid-template-columns:1fr 1fr}}.verify-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.verify-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;width:100%;max-width:420px;padding:36px 32px}.verify-card .brand-mark{background:var(--accent);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;font-weight:800;display:flex}.verify-card h1{margin:0 0 20px;font-size:16px}.verify-result{flex-direction:column;align-items:center;gap:10px;display:flex}.verify-result.valid{color:var(--success)}.verify-result.invalid{color:var(--danger)}.verify-result p{color:var(--text);font-weight:700}.verify-result dl{text-align:start;grid-template-columns:auto 1fr;gap:8px 14px;width:100%;margin-top:14px;font-size:13px;display:grid}.verify-result dt{color:var(--muted);font-weight:600}.verify-result dd{color:var(--text);margin:0;font-weight:700}.verify-final-badge{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success);border-radius:999px;padding:4px 14px;font-size:12px}.verify-provisional-badge{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning);border-radius:999px;padding:4px 14px;font-size:12px}.salaries-page{max-width:1700px;margin:auto}.salaries-subtitle-en{color:var(--muted);opacity:.8;margin-top:2px!important}.salaries-period-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:12px;padding:12px 18px;display:flex}.salaries-period-card svg{width:20px;height:20px;color:var(--accent)}.salaries-period-card strong{font-size:14px;display:block}.salaries-period-card span{color:var(--muted);margin-top:2px;font-size:10px;display:block}.salaries-filters{margin-bottom:16px;padding:18px 22px}.salaries-filters-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.salaries-filters-row .field{flex:1;min-width:150px}.salaries-filters-row .search-box{flex:1.3;min-width:220px}.salaries-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0 0 16px;display:grid}.salaries-kpi{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:14px;min-width:0;padding:20px 18px;display:flex}.salaries-kpi-icon{border-radius:13px;flex:none;place-items:center;width:52px;height:52px;display:grid}.salaries-kpi-icon svg{width:24px;height:24px}.salaries-kpi div:last-child{min-width:0}.salaries-kpi span{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:700;display:block;overflow:hidden}.salaries-kpi strong{color:var(--text);white-space:nowrap;margin-top:6px;font-size:19px;line-height:1.3;display:block}.salaries-kpi small{color:var(--muted);white-space:nowrap;margin-top:3px;font-size:10px;display:block}.salaries-kpi-indigo{background:#eef0fd;border-color:#dde1fa}.salaries-kpi-indigo .salaries-kpi-icon{color:#5257c4;background:#dee1f9}:root[data-theme=dark] .salaries-kpi-indigo{background:#1c1b3c;border-color:#2a2960}:root[data-theme=dark] .salaries-kpi-indigo .salaries-kpi-icon{color:#b3b6f5;background:#2c2b5e}.salaries-kpi-green{background:#e9f9f0;border-color:#d3f0e0}.salaries-kpi-green .salaries-kpi-icon{color:#12805a;background:#cdf0dd}:root[data-theme=dark] .salaries-kpi-green{background:#0f2a20;border-color:#16402f}:root[data-theme=dark] .salaries-kpi-green .salaries-kpi-icon{color:#6fe0ae;background:#17402f}.salaries-kpi-violet{background:#f6f0fd;border-color:#ecdffb}.salaries-kpi-violet .salaries-kpi-icon{color:#7c42c9;background:#ecdcfa}:root[data-theme=dark] .salaries-kpi-violet{background:#291f47;border-color:#382a63}:root[data-theme=dark] .salaries-kpi-violet .salaries-kpi-icon{color:#c7abf5;background:#382a63}.salaries-kpi-amber{background:#fff3e2;border-color:#fbe4bd}.salaries-kpi-amber .salaries-kpi-icon{color:#a3620a;background:#fbe3ba}:root[data-theme=dark] .salaries-kpi-amber{background:#3a2a10;border-color:#4f3a16}:root[data-theme=dark] .salaries-kpi-amber .salaries-kpi-icon{color:#f3c87c;background:#4f3a16}.salaries-kpi-red{background:#fdedef;border-color:#f9d6da}.salaries-kpi-red .salaries-kpi-icon{color:#b3202f;background:#f9d3d8}:root[data-theme=dark] .salaries-kpi-red{background:#3a1a20;border-color:#4f2129}:root[data-theme=dark] .salaries-kpi-red .salaries-kpi-icon{color:#f4a3ac;background:#4f2129}.salaries-kpi-teal{background:#e7f7f7;border-color:#cdedec}.salaries-kpi-teal .salaries-kpi-icon{color:#0d7373;background:#c9eded}:root[data-theme=dark] .salaries-kpi-teal{background:#0c2b2b;border-color:#134242}:root[data-theme=dark] .salaries-kpi-teal .salaries-kpi-icon{color:#7fdcdc;background:#134242}.salaries-period-bar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:14px 20px;display:flex}.salaries-period-bar-status{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.salaries-table-card{overflow:hidden}.salaries-table-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;display:flex}.salaries-table-header h2{margin:0;font-size:16px}.salaries-table-header .page-actions{gap:10px}.salaries-table .salaries-num{text-align:end;font-variant-numeric:tabular-nums}.salaries-table .salaries-net{color:var(--text);font-weight:800}.salaries-table .employee-id-cell strong{color:var(--accent)}.salaries-table th{white-space:nowrap}.salaries-table{table-layout:fixed;width:100%}.salaries-table th{padding:15px 12px;font-size:10.5px}.salaries-table td{height:auto;padding:17px 12px;font-size:12.5px;overflow:hidden}.salaries-table .employee-name-cell strong{font-size:13.5px}.salaries-table .employee-name-cell small{font-size:10.5px}.salaries-table .employee-id-cell{white-space:normal;text-overflow:ellipsis;overflow:hidden}.salaries-table .employee-id-cell strong,.salaries-table .employee-id-cell small{display:block}.salaries-table .employee-id-cell small{color:var(--muted);margin-top:2px;font-size:10px}.salaries-table .salaries-num{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.salaries-table .salaries-net{background:color-mix(in srgb,var(--accent-soft) 70%,var(--surface));font-size:13px}.salaries-table .salaries-net strong{font-size:14px}.salaries-table th:nth-child(2),.salaries-table td:nth-child(2),.salaries-table th:last-child,.salaries-table td:last-child{z-index:2;background:var(--surface);position:sticky}html[dir=rtl] .salaries-table th:nth-child(2),html[dir=rtl] .salaries-table td:nth-child(2),html[dir=ltr] .salaries-table th:nth-child(2),html[dir=ltr] .salaries-table td:nth-child(2){inset-inline-start:0}.salaries-table th:last-child,.salaries-table td:last-child{box-shadow:var(--shadow);inset-inline-end:0}.salaries-row-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;display:flex}.salaries-row-actions>*{flex:none}.salaries-open-pill{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;min-width:58px;height:32px;padding:0 12px;font-size:10.5px;font-weight:700;display:inline-flex}.salaries-open-pill:hover{background:var(--surface-2)}@media (width<=1650px){.salaries-kpis{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.salaries-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=1550px){.salaries-table col:nth-child(6),.salaries-table col:nth-child(8),.salaries-table col:nth-child(9),.salaries-table col:nth-child(10),.salaries-table col:nth-child(11),.salaries-table col:nth-child(12),.salaries-table th:nth-child(6),.salaries-table td:nth-child(6),.salaries-table th:nth-child(8),.salaries-table td:nth-child(8),.salaries-table th:nth-child(9),.salaries-table td:nth-child(9),.salaries-table th:nth-child(10),.salaries-table td:nth-child(10),.salaries-table th:nth-child(11),.salaries-table td:nth-child(11),.salaries-table th:nth-child(12),.salaries-table td:nth-child(12){display:none}.salaries-table th:nth-child(14){white-space:normal;line-height:1.25}.salaries-table{min-width:0}}.salaries-kpi-button{border:1px solid var(--border);cursor:pointer;text-align:start;font:inherit;transition:box-shadow .15s,transform .15s}.salaries-kpi-button:hover{transform:translateY(-1px);box-shadow:0 2px 10px #00000014}.salaries-kpi-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.salaries-kpi-button.selected{box-shadow:0 0 0 2px var(--accent),0 4px 14px #0000001a}.salaries-kpi-clear{color:var(--accent);cursor:pointer;background:0 0;border:0;margin-inline-start:8px;font-size:10px;text-decoration:underline}.salaries-kpi-active-filter{color:var(--muted);margin:-8px 0 14px;font-size:11px}.salaries-blocker-reason{color:var(--danger);margin-top:3px;font-size:9px;display:block}.salary-preview-ready{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 0;display:flex}.salary-preview-ready strong{color:var(--text);font-size:14px}.salary-preview-ready p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.salary-adjustments-modal{width:min(900px,100vw - 32px)}.salary-adjustments-modal .payroll-modal-body{flex-direction:column;gap:6px;display:flex}.salaries-readiness-modal>div{min-height:0;overflow:auto}.salaries-readiness-modal .modal-actions{background:var(--surface);padding-bottom:22px;position:sticky;bottom:-22px}.salaries-kpis-loading{opacity:.45;pointer-events:none;transition:opacity .15s}.salaries-row-actions .icon-button[disabled]{display:none}.salaries-print-page{box-sizing:border-box;color:#111;background:#fff;width:min(100%,1200px);margin:20px auto;padding:0 20px;font-family:Manrope,IBM Plex Sans Arabic,system-ui,sans-serif}.salaries-print-trigger{top:16px;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;padding:10px 16px;position:fixed;inset-inline-end:16px;box-shadow:0 4px 14px #0000001f}.salaries-print-header{border-bottom:2px solid #0b1930;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:14px;padding-bottom:12px;display:flex}.salaries-print-brand{align-items:center;gap:12px;min-width:0;display:flex}.salaries-print-logo,.salaries-print-brand-fallback{object-fit:contain;border-radius:8px;flex:0 0 58px;width:58px;height:58px}.salaries-print-logo{display:block}.salaries-print-brand-fallback{color:#e1c687;background:#0b1930;place-items:center;font-size:12px;font-weight:800;display:grid}.salaries-print-legal{min-width:0}.salaries-print-legal strong{overflow-wrap:anywhere;font-size:12px;line-height:1.35;display:block}.salaries-print-legal span{color:#666;letter-spacing:.08em;margin-top:3px;font-size:9px;display:block}.salaries-print-title{text-align:end;min-width:0}.salaries-print-title h1{margin:0 0 5px;font-size:18px;line-height:1.2}.salaries-print-title p{color:#444;overflow-wrap:anywhere;margin:3px 0 0;font-size:10px}.salaries-print-meta{color:#888!important;font-size:9px!important}.salaries-print-error{color:#a3212a}.salaries-print-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:9px;line-height:1.35}.salaries-print-table .print-list-col-index{width:3%}.salaries-print-table .print-list-col-identity{width:22%}.salaries-print-table .print-list-col-company{width:14%}.salaries-print-table .print-list-col-profession{width:9%}.salaries-print-table .print-list-col-money{width:7.35%}.salaries-print-table .print-list-col-status{width:7.9%}.salaries-print-table th{text-align:start;overflow-wrap:anywhere;background:#eef2f7;border:1px solid #aeb9c8;padding:6px;font-size:8.5px;font-weight:800;line-height:1.2}.salaries-print-table td{vertical-align:middle;overflow-wrap:anywhere;word-break:normal;border:1px solid #c2ccd8;padding:6px 7px}.salaries-print-table td strong,.salaries-print-table td small,.salaries-print-table td .print-list-identity-line{display:block}.salaries-print-table td small{color:#555;margin-top:3px;font-size:8px;line-height:1.25}.salaries-print-table td.print-list-identity{line-height:1.25}.salaries-print-table td.print-list-identity strong{font-size:9.5px}.salaries-print-table td.print-list-identity-secondary{font-size:8px}.salaries-print-table td .print-list-identity-line{white-space:nowrap;color:#313b49;direction:ltr;unicode-bidi:embed;margin-top:3px;font-size:8px}.salaries-print-table td.print-list-company strong{font-size:8.8px}.salaries-print-table td.print-list-profession{line-height:1.25}.salaries-print-table td.num{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums;direction:ltr;padding-inline:8px}.salaries-print-table td.strong{font-weight:800}.salaries-print-table thead{display:table-header-group}.salaries-print-table tfoot{display:table-row-group}.salaries-print-table tfoot tr{break-inside:avoid;page-break-inside:avoid}.salaries-print-table tfoot td{background:#eaf2ff;border-top:2px solid #8495ae;font-weight:800}.salaries-print-table tr{break-inside:avoid;page-break-inside:avoid}.salaries-print-count{color:#555;margin:10px 0 0;font-size:9px}@media print{@page{size:A4 landscape;margin:8mm}html,body,#root{background:#fff!important;margin:0!important;padding:0!important}.no-print{display:none!important}.salaries-print-page{width:auto;max-width:none;min-height:0;margin:0;padding:0;overflow:visible}.salaries-print-header{margin-bottom:10px}.salaries-print-table{font-size:9px}.salaries-print-table th{padding:5px}.salaries-print-table td{padding:5px 6px}.salaries-print-table td.num{padding-inline:7px}}.settlements-employee-filter-chip{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 20px;font-size:12.5px;display:flex}.settlements-not-employment-note{color:var(--warning,#b3541e);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;margin:10px 0;padding:10px 14px;font-size:12px;display:flex}.settlements-help{color:var(--muted);margin:0 0 8px;font-size:12px}.settlement-create-modal{width:min(860px,100vw - 32px)}.settlement-create-body{flex-direction:column;gap:16px;display:flex}.settlement-context-section h3{color:var(--text);margin:0 0 12px;font-size:13px}.settlement-detail{flex-direction:column;flex:1;gap:18px;min-height:0;max-height:none;padding:22px;display:flex;overflow:hidden auto}.settlement-detail-header{align-items:center;gap:10px;font-weight:600;display:flex}.settlement-detail-header>span:last-child{overflow-wrap:anywhere;min-width:0}.settlement-detail section h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:14px 0 6px;font-size:13px}.settlement-detail .employees-table{table-layout:fixed;border:1px solid var(--border);border-radius:9px;width:100%;min-width:0;overflow:hidden}.settlement-detail .employees-table td{vertical-align:top;height:auto;padding:10px 12px}.settlement-detail .employees-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;white-space:normal;padding:9px 12px;font-size:10px}.settlement-detail .employees-table td:last-child{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap;width:180px;font-weight:700}.settlement-obligation-amount{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:120px;max-width:100%;color:var(--text);font-variant-numeric:tabular-nums;text-align:end;padding:7px 8px}.settlement-detail>.modal-actions{z-index:3;background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 -22px -22px;padding:14px 22px;position:sticky;bottom:-22px;box-shadow:0 -8px 18px #1f417012}.settlement-secondary-actions,.settlement-primary-actions,.settlement-danger-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settlement-primary-actions{margin-inline:auto}.settlement-danger-actions{margin-inline-start:auto}.settlement-danger-actions .button{min-width:92px}.settlement-total-row td{border-top:2px solid var(--border);color:var(--text);font-weight:700}.settlement-net-due{background:var(--accent-soft);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:14px 18px;font-size:15px;font-weight:700;display:flex}.settlement-net-due strong{color:var(--accent);font-size:20px}.settlement-reconciliation-summary{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:18px;padding:0 4px;font-size:11px;display:flex}.settlement-reconciliation-summary strong{color:var(--text);font-variant-numeric:tabular-nums}.settlement-timesheet-status{color:var(--muted);background:var(--surface-2);border-radius:var(--radius);padding:8px 12px;font-size:12px}.settlement-override-checkbox{align-items:center;gap:8px;margin-top:8px;font-weight:600;display:flex}.settlement-employee-options{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;max-height:180px;margin-top:4px;display:flex;overflow-y:auto}.settlement-employee-options button{text-align:left;cursor:pointer;color:var(--text);background:0 0;border:none;padding:8px 12px;font-size:13px}.settlement-employee-options button strong,.settlement-employee-options button small{display:block}.settlement-employee-options button small{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.35}.settlement-employee-options button:hover{background:var(--surface-2)}.settlement-suggested{color:var(--muted);grid-column:1/-1}.settlement-manual-fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:10px 0;padding:12px 14px}.settlement-manual-fieldset legend{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:0 6px;font-size:11px}.settlement-manual-head{color:var(--muted);grid-template-columns:1fr 1fr 120px 1fr 38px;gap:8px;padding:0 10px 6px;font-size:10px;font-weight:700;display:grid}.settlement-manual-rows{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.settlement-manual-row{grid-template-columns:1fr 1fr 120px 1fr auto;align-items:center;gap:8px;display:grid}.settlement-manual-row input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:7px 10px;font-size:12.5px}@media (width<=900px){.settlement-manual-head{display:none}.settlement-manual-row{grid-template-columns:1fr}.settlement-manual-row input{min-height:38px}.settlement-detail>.modal-actions{margin-inline:-16px;padding-inline:16px;bottom:-16px}.settlement-secondary-actions,.settlement-primary-actions,.settlement-danger-actions{width:100%}.settlement-primary-actions,.settlement-danger-actions{margin-inline:0}.settlement-detail>.modal-actions .button{flex:120px}}.settlement-v2{gap:14px}.settlement-v2 section{margin:0}.settlement-v2 section h3{text-transform:none;letter-spacing:0;color:var(--text);margin:0;font-size:14px}.settlement-v2-context{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:14px}.settlement-v2-context>h3{color:var(--accent);margin:0 0 12px;font-size:13px}.settlement-v2-context-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.settlement-v2-context-grid>div{flex-direction:column;gap:4px;min-width:0;display:flex}.settlement-v2-context-grid small,.settlement-v2-context-grid span{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.settlement-v2-context-grid strong{overflow-wrap:anywhere;font-size:13px}.settlement-v2-context-grid input,.settlement-v2-context-grid select,.settlement-v2-note{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);min-width:0;padding:6px 8px}.settlement-v2-note{width:100%;margin-top:12px}.settlement-v2-section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:7px;display:flex}.settlement-v2-section-heading>div{align-items:center;gap:7px;display:flex}.settlement-v2-section-heading>div>span{color:var(--muted);font-size:12px;font-weight:800}.settlement-v2-section-heading small{color:var(--muted);text-align:end;max-width:58%;font-size:11px}.settlement-v2-section-heading.settlement-v2-green h3{color:var(--green,#137b55)}.settlement-v2-section-heading.settlement-v2-red h3{color:var(--danger,#b62f3e)}.settlement-v2-table{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.settlement-v2-table-head,.settlement-v2-table-row,.settlement-v2-table-total{grid-template-columns:minmax(0,1.45fr) minmax(130px,.8fr) 150px;align-items:center;gap:12px;padding:9px 12px;display:grid}.settlement-v2-table-head{background:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:800}.settlement-v2-table-row{border-top:1px solid var(--border);min-height:46px}.settlement-v2-table-row:nth-child(odd){background:color-mix(in srgb,var(--surface-2) 42%,transparent)}.settlement-v2-table-row>div{flex-direction:column;gap:3px;min-width:0;display:flex}.settlement-v2-table-row small{color:var(--muted);overflow-wrap:anywhere;font-size:10px}.settlement-v2-table-row>strong:last-child,.settlement-v2-table-total>strong:last-child{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}.settlement-v2-table-total{border-top:2px solid var(--border);font-size:13px}.settlement-v2-table-green .settlement-v2-table-total{color:#137b55;background:#e7f6ee}.settlement-v2-table-red .settlement-v2-table-total{color:#b62f3e;background:#fdebed}.settlement-v2-empty{color:var(--muted);padding:14px 12px;font-size:12px}.settlement-v2-obligations{flex-direction:column;gap:8px;display:flex}.settlement-v2-obligation{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:minmax(0,1.1fr) minmax(190px,1fr) minmax(150px,.8fr) minmax(130px,.7fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.settlement-v2-obligation>div,.settlement-v2-obligation>label{flex-direction:column;gap:3px;min-width:0;display:flex}.settlement-v2-obligation small{color:var(--muted);font-size:11px}.settlement-v2-obligation input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:130px;max-width:100%;color:var(--text);font-variant-numeric:tabular-nums;padding:6px 8px}.settlement-v2-obligation-choice{color:var(--text);align-items:flex-start;font-weight:700;flex-direction:row!important;gap:8px!important}.settlement-v2-obligation-choice input{width:auto;margin-top:2px}.settlement-v2-obligation-choice span{flex-direction:column;gap:3px;display:flex}.settlement-v2-history{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:12px}.settlement-v2-history-list{flex-direction:column;gap:6px;display:flex}.settlement-v2-history-list>div{background:var(--surface);border-radius:7px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:7px 9px;display:grid}.settlement-v2-summary{background:var(--accent);color:#fff;border-radius:12px;padding:14px}.settlement-v2-summary-title{margin-bottom:10px;font-size:13px;font-weight:800}.settlement-v2-summary-grid{grid-template-columns:1fr 1fr 1.35fr;gap:10px;display:grid}.settlement-v2-summary-grid>div{background:#ffffff1a;border-radius:9px;flex-direction:column;gap:5px;padding:10px 12px;display:flex}.settlement-v2-summary-grid span{color:#dbe7f6;font-size:11px}.settlement-v2-summary-grid strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:17px}.settlement-v2-result{color:var(--text);background:#fff!important}.settlement-v2-result-TO_EMPLOYEE{border-inline-start:4px solid #137b55}.settlement-v2-result-FROM_EMPLOYEE{border-inline-start:4px solid #b62f3e}.settlement-v2-result-FULLY_SETTLED{border-inline-start:4px solid #64748b}.settlement-v2-remaining{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:12px}.settlement-v2-remaining h3{margin-bottom:8px!important;font-size:13px!important}.settlement-v2-remaining>div{border-top:1px solid var(--border);justify-content:space-between;padding:7px 0;display:flex}.settlement-v2-remaining p{color:var(--muted);margin:0;font-size:12px}.settlement-v2-manual-list{flex-direction:column;gap:8px;display:flex}.settlement-v2-manual-row{grid-template-columns:1fr 1fr 120px 1fr auto;gap:8px;display:grid}.settlement-v2-manual-row input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;color:var(--text);padding:7px 9px}@media (width<=900px){.settlement-v2-context-grid,.settlement-v2-summary-grid{grid-template-columns:1fr 1fr}.settlement-v2-table-head,.settlement-v2-table-row,.settlement-v2-table-total{grid-template-columns:minmax(0,1fr) 120px}.settlement-v2-table-head span:nth-child(2),.settlement-v2-table-row>small{display:none}.settlement-v2-obligation{grid-template-columns:1fr 1fr}.settlement-v2-obligation>div:last-child{grid-column:1/-1}.settlement-v2-manual-row{grid-template-columns:1fr 1fr}.settlement-v2-manual-row input:nth-child(3),.settlement-v2-manual-row input:nth-child(4){grid-column:span 1}}@media (width<=560px){.settlement-v2-context-grid,.settlement-v2-summary-grid{grid-template-columns:1fr}.settlement-v2-section-heading{flex-direction:column;align-items:flex-start}.settlement-v2-section-heading small{text-align:start;max-width:100%}.settlement-v2-table-head,.settlement-v2-table-row,.settlement-v2-table-total{padding-inline:8px}.settlement-v2-history-list>div{grid-template-columns:1fr auto}.settlement-v2-history-list .badge{grid-column:1/-1;justify-self:start}}.public-payslip-page{color:#172033;background:linear-gradient(#edf3fb 0,#f8fafc 42%,#eef3f8 100%);min-height:100vh;padding:18px clamp(12px,4vw,54px) 48px;overflow-x:hidden}.public-payslip-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;width:min(1080px,100%);margin:0 auto 14px;display:flex}.public-action-button{color:#28528c;cursor:pointer;background:#fff;border:1px solid #d4dfed;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 3px 12px #142e4e0f}.public-action-button:hover{background:#f6f9fd}.public-payslip-card{background:#fff;border:1px solid #d7e0eb;border-radius:18px;width:min(1080px,100%);margin:0 auto;overflow:hidden;box-shadow:0 16px 50px #1934581a}.public-payslip-header{color:#fff;background:linear-gradient(135deg,#0b1930,#17385f);grid-template-columns:1.25fr 1fr auto;align-items:center;gap:22px;padding:22px clamp(16px,4vw,34px);display:grid}.public-company-brand{align-items:center;gap:12px;min-width:0;display:flex}.public-company-brand img,.public-company-brand>.public-brand-fallback{object-fit:contain;background:#fff;border-radius:11px;flex:none;width:54px;height:54px;padding:4px}.public-company-brand>.public-brand-fallback{color:#e1c687;background:#102541;border:1px solid #e1c687a6;place-items:center;font-size:13px;font-weight:800;display:grid}.public-company-brand strong,.public-company-brand small{display:block}.public-company-brand strong{font-size:14px;line-height:1.35}.public-company-brand small{color:#b9cbe0;direction:rtl;margin-top:3px;font-size:10px}.public-document-title{text-align:center}.public-document-title span,.public-document-title small{display:block}.public-document-title span{letter-spacing:.06em;font-size:16px;font-weight:800}.public-document-title small{color:#c8d6e8;margin-top:5px;font-size:13px}.public-final-status{color:#baf2d4;white-space:nowrap;border:1px solid #89e7bb80;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:9px 11px;display:flex}.public-final-status strong{font-size:10px}.public-final-status small{font-size:9px}.public-section-card{background:#fff;border:1px solid #dfe6ef;border-radius:12px;margin:16px clamp(12px,3vw,28px) 0;overflow:hidden}.public-payslip-meta{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.public-payslip-meta>div{border-inline-end:1px solid #e4eaf2;padding:13px 15px}.public-payslip-meta>div:last-child{border-inline-end:0}.public-field-label{color:#68758a;flex-direction:column;gap:2px;font-size:10px;font-weight:700;display:flex}.public-field-label small{color:#8b98aa;font-family:IBM Plex Sans Arabic,sans-serif;font-size:9px;font-weight:500;line-height:1.25}.public-payslip-meta strong{overflow-wrap:anywhere;margin-top:7px;font-size:12px;display:block}.public-inline-final{color:#137b55}.public-employee-card{grid-template-columns:86px minmax(155px,.65fr) minmax(0,2fr);align-items:start;gap:16px;padding:17px;display:grid}.public-employee-photo{color:#2864dc;background:linear-gradient(145deg,#dce8f8,#f3f7fc);border:1px solid #cfdaea;border-radius:12px;place-items:center;width:78px;height:92px;font-size:27px;font-weight:800;display:grid;overflow:hidden}.public-employee-photo img{object-fit:cover;width:100%;height:100%}.public-employee-name h1{overflow-wrap:anywhere;margin:7px 0 3px;font-size:18px;line-height:1.3}.public-employee-name>small{color:#68758a;overflow-wrap:anywhere;direction:ltr;font-size:11px;display:block}.public-employee-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 15px;display:grid}.public-employee-details strong{overflow-wrap:anywhere;margin-top:4px;font-size:11px;display:block}.public-section-heading,.public-finance-heading{background:#f8fafc;border-bottom:1px solid #e3e9f1;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.public-section-heading h2,.public-finance-heading h2{letter-spacing:.07em;color:#102541;margin:0;font-size:12px}.public-section-heading small,.public-finance-heading small{color:#68758a;margin-top:3px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:10px;display:block}.public-summary-grid{border-bottom:1px solid #e3e9f1;grid-template-columns:repeat(5,1fr);display:grid}.public-summary-grid>div{text-align:center;border-inline-end:1px solid #e3e9f1;padding:13px 10px}.public-summary-grid>div:last-child{border-inline-end:0}.public-summary-grid strong{color:#102541;margin-bottom:5px;font-size:18px;display:block}.public-summary-grid .public-field-label{align-items:center}.public-attendance-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px 10px;display:grid}.public-attendance-day{border:1px solid #e6ebf2;border-radius:8px;grid-template-columns:54px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;padding:8px 9px;font-size:10px;display:grid}.public-day-date strong,.public-day-date small,.public-day-hours span,.public-day-hours small{display:block}.public-day-date strong{font-size:10px}.public-day-date small,.public-day-hours small{color:#8190a4;font-size:9px}.public-day-location{min-width:0}.public-day-location strong{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;display:block;overflow:hidden}.public-day-status{white-space:nowrap;color:#52627a;align-items:center;gap:4px;display:flex}.public-status-dot{background:#8190a4;border-radius:50%;width:7px;height:7px}.public-status-dot.working{background:#21966e}.public-status-dot.absent{background:#c94a58}.public-status-dot.paid_leave{background:#b2822b}.public-status-dot.rest_day{background:#6c86ad}.public-day-hours{text-align:end;white-space:nowrap}.public-finance-grid{grid-template-columns:1fr 1fr;gap:16px;margin:16px clamp(12px,3vw,28px) 0;display:grid}.public-finance-grid .public-section-card{margin:0}.public-finance-heading{color:#fff;background:#137b55}.public-deductions-panel .public-finance-heading{background:#a43b49}.public-finance-heading h2,.public-finance-heading small{color:#fff}.public-finance-lines{padding:5px 14px}.public-finance-lines>div,.public-finance-total{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;font-size:11px;display:flex}.public-finance-lines>div:last-child{border-bottom:0}.public-finance-lines span{overflow-wrap:anywhere}.public-finance-lines strong,.public-finance-total strong{white-space:nowrap;font-variant-numeric:tabular-nums}.public-finance-total{color:#137b55;background:#eef8f3;border:0;margin:0 8px;padding:12px 8px;font-weight:800}.public-deductions-panel .public-finance-total{color:#a43b49;background:#fdf0f1}.public-net-salary{color:#fff;background:linear-gradient(135deg,#102541,#1d4d80);border-radius:13px;justify-content:space-between;align-items:stretch;gap:16px;margin:16px clamp(12px,3vw,28px) 0;padding:20px;display:flex}.public-net-salary .public-field-label{color:#c6d8ed}.public-net-salary .public-field-label small{color:#b3c8df}.public-net-salary>div:first-child{flex-direction:column;gap:5px;display:flex}.public-net-salary>div:first-child strong{color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(28px,5vw,42px);line-height:1.15}.public-net-salary>div:first-child small{color:#b9d4ed;font-size:10px}.public-outstanding{background:#a43b494d;border:1px solid #ffa6a66b;border-radius:9px;align-self:center;min-width:220px;padding:11px 14px}.public-outstanding .public-field-label{color:#ffd4d7}.public-outstanding .public-field-label small{color:#f5bfc4}.public-outstanding strong{margin-top:4px;font-size:15px;display:block}.public-payslip-footer{color:#68758a;text-align:center;border-top:1px solid #e5eaf1;justify-content:center;align-items:center;gap:7px;margin:20px clamp(12px,3vw,28px);padding-top:15px;font-size:10px;display:flex}.public-payslip-state{text-align:center;color:#68758a;background:#fff;border:1px solid #d7e0eb;border-radius:18px;width:min(440px,100%);margin:14vh auto 0;padding:42px 24px;box-shadow:0 16px 50px #1934581a}.public-payslip-state p{margin:14px 0 0;font-size:13px}.public-payslip-state h1{color:#172033;margin:15px 0 8px;font-size:18px}.public-payslip-state.public-invalid{color:#b62f3e}.public-payslip-state.public-invalid p{color:#68758a;line-height:1.6}.public-payslip-state.public-invalid svg{color:#b62f3e}.public-brand-fallback{color:#e1c687;background:#102541;border:1px solid #e1c687a6;border-radius:12px;place-items:center;width:56px;height:56px;font-size:14px;font-weight:800;display:grid}@media (width<=760px){.public-payslip-page{padding:10px 8px 28px}.public-payslip-actions{margin-bottom:9px}.public-action-button{min-height:36px}.public-payslip-header{grid-template-columns:1fr auto;gap:14px;padding:17px 14px}.public-document-title{text-align:start;grid-area:2/1/auto/-1}.public-document-title span{font-size:13px}.public-final-status{grid-area:1/2}.public-company-brand{grid-area:1/1}.public-company-brand strong{font-size:12px}.public-payslip-meta{grid-template-columns:1fr 1fr}.public-payslip-meta>div{border-bottom:1px solid #e4eaf2}.public-payslip-meta>div:nth-child(2){border-inline-end:0}.public-payslip-meta>div:nth-child(3),.public-payslip-meta>div:nth-child(4){border-bottom:0}.public-employee-card{grid-template-columns:68px 1fr;gap:13px;padding:14px}.public-employee-photo{width:64px;height:78px}.public-employee-name h1{font-size:16px}.public-employee-details{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px}.public-summary-grid{grid-template-columns:repeat(2,1fr)}.public-summary-grid>div:nth-child(2n){border-inline-end:0}.public-summary-grid>div:nth-child(-n+4){border-bottom:1px solid #e3e9f1}.public-summary-grid>div:last-child{border:0;grid-column:1/-1}.public-attendance-list{grid-template-columns:1fr;padding:7px}.public-attendance-day{grid-template-columns:52px minmax(0,1fr) auto;gap:7px}.public-day-hours{text-align:start;grid-column:2/-1}.public-finance-grid{grid-template-columns:1fr;gap:12px}.public-net-salary{flex-direction:column;padding:16px}.public-outstanding{width:100%;min-width:0}.public-payslip-footer{line-height:1.5}}@media (width<=380px){.public-payslip-header{gap:9px}.public-company-brand img,.public-company-brand>.public-brand-fallback{width:45px;height:45px}.public-company-brand strong{font-size:11px}.public-final-status{padding:7px 8px}.public-final-status strong{font-size:9px}.public-payslip-meta>div{padding:11px 10px}.public-employee-details{gap:10px}.public-field-label{font-size:9px}.public-field-label small{font-size:8px}.public-attendance-day{grid-template-columns:48px minmax(0,1fr);align-items:start}.public-day-status,.public-day-hours{grid-column:2}}@media print{.public-payslip-page{background:#fff;padding:0}.public-payslip-actions{display:none}.public-payslip-card{width:100%;box-shadow:none;border:0;border-radius:0}.public-section-card,.public-net-salary{break-inside:avoid}.public-payslip-footer{margin-bottom:0}}.pwa-connection-required{background:var(--bg);min-height:100vh;color:var(--text);place-items:center;padding:28px;display:grid}.pwa-connection-card{text-align:center;background:var(--surface);border:1px solid var(--border);width:min(480px,100%);box-shadow:var(--shadow);border-radius:20px;padding:42px 34px}.pwa-connection-mark{background:var(--navy);object-fit:contain;border-radius:18px;width:76px;height:76px;margin:0 auto 22px;display:block;box-shadow:0 8px 22px #040b1629}.pwa-connection-card h1{margin:0 0 10px;font-size:clamp(20px,4vw,28px);line-height:1.25}.pwa-connection-card p{max-width:360px;color:var(--muted);margin:0 auto 24px;font-size:13px;line-height:1.7}.pwa-update-notice{inset-inline:18px;z-index:40;background:var(--navy);color:#fff;border:1px solid #ffffff24;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:11px 13px 11px 17px;font-size:12px;display:flex;position:fixed;bottom:18px;box-shadow:0 12px 35px #040b1647}.pwa-update-notice .button{min-height:34px;padding-inline:12px}@media (width<=560px){.pwa-connection-card{padding:34px 22px}.pwa-update-notice{inset-inline:12px;flex-direction:column;align-items:stretch;bottom:12px}.pwa-update-notice .button{width:100%}}