:root{color:#18283e;background:#f4f7fb;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#dce8f7;background:#102844;padding:24px 16px}.brand,.loginbrand{color:#fff;padding:8px 12px 28px;font-size:21px;font-weight:800}.brand small,.loginbrand small{color:#9cb5d1;letter-spacing:1.3px;margin-top:6px;font-size:11px;font-weight:400;display:block}.navtitle{text-transform:uppercase;letter-spacing:1.2px;color:#89a6c7;margin:24px 12px 8px;font-size:11px}.navitem{color:inherit;text-align:left;background:0 0;border:0;border-radius:9px;width:100%;margin:3px 0;padding:12px 14px;font-size:14px;display:block}.navitem.active{color:#fff;background:#24588c;font-weight:700}.content{min-width:0}.topbar{background:#fff;border-bottom:1px solid #e2e9f1;justify-content:space-between;align-items:center;padding:18px 30px;display:flex}.topbar strong{font-size:16px}.profile{color:#60738b;font-size:13px}.linkbutton{color:#1563b1;background:0 0;border:0;margin-left:12px}.main{max-width:1500px;margin:auto;padding:30px}.eyebrow{color:#73869b;font-size:12px}.heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}h1{margin:8px 0;font-size:27px}p{color:#64758a}.primary{color:#fff;background:#1563b1;border:0;border-radius:8px;padding:11px 17px;font-weight:700}.primary:disabled{opacity:.65}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.card,.panel{background:#fff;border:1px solid #e0e8f0;border-radius:12px;box-shadow:0 2px 8px #18345008}.card{padding:20px}.card label{color:#6c7d91;font-size:13px;display:block}.card b{margin:13px 0 6px;font-size:28px;display:block}.card span{color:#8b99aa;font-size:12px}.panel{margin-bottom:20px;padding:22px}.panelhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panelhead h2{margin:0;font-size:18px}.search,.field input{color:#21354d;background:#fff;border:1px solid #ccd8e6;border-radius:8px;padding:10px 12px}.search{min-width:280px}table{border-collapse:collapse;width:100%;font-size:13px}th{color:#53687e;text-align:left;background:#f6f9fd;font-weight:700}th,td{white-space:nowrap;border-bottom:1px solid #eaf0f5;padding:14px 12px}.tablewrap{overflow:auto}.empty{text-align:center;color:#72859b;padding:46px 12px}.badge{color:#13744c;background:#e8f6ef;border-radius:30px;padding:5px 9px;display:inline-block}.foot{color:#7d8da1;padding-top:15px;font-size:12px}.field{color:#3e5369;flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.notice,.error{border-radius:8px;margin-bottom:20px;padding:12px 15px;font-size:13px}.notice{color:#285d8d;background:#eef6ff;border:1px solid #bfdafa}.error{color:#9b2525;background:#fff0f0;border:1px solid #f2baba}.recent{margin:0;padding:0;list-style:none}.recent li{border-bottom:1px solid #eaf0f5;justify-content:space-between;padding:13px 4px;display:flex}.loginpage{background:linear-gradient(135deg,#0d233c,#1c568d);place-items:center;min-height:100vh;padding:24px;display:grid}.loginbox{background:#fff;border-radius:16px;width:min(420px,100%);padding:32px;box-shadow:0 24px 70px #0005}.loginbrand{background:#102844;border-radius:10px;margin-bottom:28px;padding:17px}.loginbox .field{margin:16px 0}.loginbutton{width:100%;margin-top:8px}@media (max-width:800px){.shell{grid-template-columns:1fr}.sidebar{padding:12px}.brand{padding:6px 10px}.navtitle{display:none}.navitem{width:auto;padding:8px;display:inline-block}.main{padding:18px}.topbar{padding:15px 18px}.cards{grid-template-columns:1fr}.search{width:100%;min-width:0}}.tenant-workspace{background:#f7f9fc;border:1px solid #dce4ef;border-radius:16px;margin-top:20px;padding:24px;box-shadow:0 8px 24px #0f27470d}.tenant-workspace-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.tenant-workspace-head h2{color:#102a4c;margin:4px 0 6px;font-size:24px}.tenant-workspace-head p,.management-card-head p{color:#66758c;margin:0;font-size:14px;line-height:1.5}.selection-badge{color:#075fae;background:#e8f3ff;border-radius:999px;flex:none;padding:8px 12px;font-size:12px;font-weight:800}.tenant-management-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:start;gap:20px;display:grid}.management-card{background:#fff;border:1px solid #dfe6ef;border-radius:14px;min-width:0;padding:20px;box-shadow:0 2px 10px #0f27470a}.management-card-head{align-items:center;gap:12px;margin-bottom:20px;display:flex}.management-card-head h3{color:#102a4c;margin:0 0 4px;font-size:18px}.section-icon{color:#0969bd;background:#e7f2ff;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.permission-icon{color:#198754;background:#e8f7f0}.invite-form{grid-template-columns:minmax(190px,1fr) minmax(150px,.55fr) auto;align-items:end;gap:12px;display:grid}.control-group{color:#243b5a;flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.control-group input,.control-group select{box-sizing:border-box;color:#122b4b;width:100%;height:42px;font:inherit;background:#fff;border:1px solid #c9d5e5;border-radius:9px;outline:none;padding:0 12px;font-weight:500}.control-group input:focus,.control-group select:focus{border-color:#1473c9;box-shadow:0 0 0 3px #1473c91f}.invite-button{white-space:nowrap;height:42px}.token-notice{flex-direction:column;gap:6px;margin-top:14px;display:flex}.token-notice code{overflow-wrap:anywhere}.content-divider{background:#e8edf4;height:1px;margin:20px 0}.empty-state{text-align:center;color:#718096;background:#fafcff;border:1px dashed #cbd7e6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:155px;display:flex}.empty-state strong{color:#29415f;margin:10px 0 4px}.empty-state-icon{color:#1473c9;background:#edf4fb;border-radius:50%;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.compact-table{border:1px solid #e3e9f1;border-radius:10px}.compact-table th,.compact-table td{padding:11px 12px;font-size:12px}.status-pill{color:#157347;background:#e8f7f0;border-radius:999px;padding:4px 8px;font-weight:800;display:inline-flex}.invitation-history{margin-top:22px}.invitation-history h4{color:#29415f;margin:0 0 10px}.entitlement-summary{flex-wrap:wrap;gap:8px;margin:-4px 0 15px;display:flex}.entitlement-summary span{color:#52647c;background:#f0f4f9;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:700}.entitlement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.entitlement-group{background:#fbfcfe;border:1px solid #dfe6ef;border-radius:11px;transition:all .15s}.entitlement-group.is-enabled{background:#f7fbff;border-color:#9dc7ed}.module-toggle{cursor:pointer;align-items:center;gap:10px;padding:12px;display:flex}.module-toggle>span{color:#263f5d;flex-direction:column;flex:1;gap:2px;min-width:0;font-size:13px;display:flex}.module-toggle small{color:#8090a5;font-weight:500}.module-toggle input,.menu-options input{accent-color:#1473c9;width:16px;height:16px}.menu-options{gap:8px;padding:0 12px 12px 38px;display:grid}.menu-options label{color:#52647c;align-items:center;gap:8px;font-size:12px;display:flex}.menu-options label:has(input:disabled){opacity:.48}.entitlement-actions{background:#fbfcfe;border-top:1px solid #e5ebf2;border-radius:0 0 14px 14px;justify-content:space-between;align-items:center;gap:16px;margin:20px -20px -20px;padding:15px 20px;display:flex}.entitlement-actions span{color:#718096;font-size:12px}@media (max-width:1180px){.tenant-management-grid{grid-template-columns:1fr}.entitlement-card-panel{order:2}}@media (max-width:720px){.tenant-workspace{padding:16px}.tenant-workspace-head{flex-direction:column}.invite-form{grid-template-columns:1fr}.invite-button{width:100%}.entitlement-grid{grid-template-columns:1fr}.entitlement-actions{flex-direction:column;align-items:stretch}.entitlement-actions .primary{width:100%}}.entitlement-actions>div{flex-direction:column;gap:5px;display:flex}.save-feedback{font-size:12px}.save-feedback.saved{color:#157347}.save-feedback.error{color:#b42318}.entitlement-actions .primary:disabled{cursor:wait;opacity:.72}.tenant-tabs{background:#eaf0f7;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;padding:5px;display:grid}.tenant-tabs button{color:#52647c;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;min-width:0;padding:11px 13px;display:flex}.tenant-tabs button>span{color:#365675;background:#dce6f1;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.tenant-tabs button>div{flex-direction:column;min-width:0;font-weight:800;display:flex}.tenant-tabs button small{color:#7c8ca1;margin-top:2px;font-size:10px;font-weight:600}.tenant-tabs button.active{color:#0f4f88;background:#fff;border-color:#cbd9e8;box-shadow:0 2px 8px #0f274714}.tenant-tabs button.active>span{color:#fff;background:#1473c9}.tenant-tab-content>.management-card{box-sizing:border-box;width:100%}.invitation-icon{color:#b66a00;background:#fff2df}@media (max-width:720px){.tenant-tabs{grid-template-columns:1fr}.tenant-tabs button{padding:9px 11px}}.organization-shell{background:#f3f6fa}.organization-sidebar{overflow-y:auto}.tenant-identity{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:10px;margin:16px 12px 22px;padding:12px;display:flex}.tenant-identity>span{color:#fff;background:#2b78bd;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.tenant-identity div{flex-direction:column;min-width:0;display:flex}.tenant-identity strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tenant-identity small{color:#9fb5cc;margin-top:3px;font-size:10px}.tenant-module-nav .navtitle{margin-top:15px}.signout-nav{color:#ffb8b8;margin-top:8px}.organization-topbar>div{flex-direction:column;gap:2px;display:flex}.organization-topbar small{color:#74849a;font-size:11px}.organization-topbar .profile{align-items:center;gap:12px;display:flex}.organization-topbar select{color:#29415f;background:#fff;border:1px solid #ccd7e5;border-radius:7px;max-width:220px;padding:7px 10px}.organization-main{max-width:1400px}.role-chip{color:#0969bd;background:#e5f3ff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.org-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.org-metric-grid>div{background:#fff;border:1px solid #dce4ee;border-radius:13px;flex-direction:column;min-height:105px;padding:18px;display:flex;box-shadow:0 3px 12px #0f27470a}.org-metric-grid span{color:#718096;font-size:12px;font-weight:700}.org-metric-grid strong{color:#102a4c;margin:8px 0 5px;font-size:24px}.org-metric-grid small{color:#8997aa}.org-module-panel .panelhead>div p{color:#718096;margin:5px 0 0}.org-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.org-module-grid article{background:#fbfcfe;border:1px solid #dfe7f0;border-radius:12px;padding:18px}.org-module-icon{color:#0969bd;background:#e4f1ff;border-radius:10px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.org-module-grid h3{color:#183451;margin:12px 0 4px}.org-module-grid article>p{color:#718096;margin:0 0 14px;font-size:12px}.org-module-grid article>div:last-child{gap:7px;display:grid}.org-module-grid button{color:#24517b;text-align:left;cursor:pointer;background:#fff;border:1px solid #d9e3ee;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 11px;display:flex}.org-module-grid button:hover{background:#f4f9ff;border-color:#1473c9}.module-workspace-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.module-workspace-placeholder h2{color:#183451;margin:14px 0 5px}.module-workspace-placeholder p{color:#718096;margin:0 0 12px}.module-workspace-placeholder>span{color:#52647c;background:#f0f4f9;border-radius:7px;padding:6px 9px;font-size:11px}.security-workspace{max-width:900px}@media (max-width:850px){.organization-shell{grid-template-columns:1fr}.organization-sidebar{max-height:none;position:static}.organization-topbar,.organization-topbar .profile{flex-direction:column;align-items:flex-start}.org-metric-grid,.org-module-grid{grid-template-columns:1fr}}.user-access-panel{margin-bottom:18px}.user-access-notice{overflow-wrap:anywhere;margin-top:14px}.user-permission-list{gap:14px;display:grid}.user-permission-list article{background:#fbfcfe;border:1px solid #dce5ef;border-radius:12px;overflow:hidden}.user-row-head{background:#fff;border-bottom:1px solid #e5ebf2;grid-template-columns:auto minmax(180px,1fr) 180px auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.user-avatar{color:#0969bd;background:#e4f1ff;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.user-row-head>div:nth-child(2){align-items:center;gap:9px;min-width:0;display:flex}.user-row-head>div:nth-child(2)>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-row-head select{background:#fff;border:1px solid #ccd7e5;border-radius:8px;height:38px;padding:0 10px}.status-pill.inactive{color:#667085;background:#f2f3f5}.user-menu-access{grid-template-columns:100px minmax(0,1fr) auto;align-items:start;gap:14px;padding:15px 16px;display:grid}.user-menu-access>strong{color:#29415f;font-size:12px}.user-menu-access>div{flex-wrap:wrap;gap:10px 18px;display:flex}.user-menu-access label{color:#52647c;align-items:center;gap:6px;font-size:12px;display:flex}.user-menu-access input{accent-color:#1473c9}.user-menu-access .primary{white-space:nowrap}@media (max-width:800px){.user-row-head{grid-template-columns:auto 1fr}.user-row-head select,.user-row-head .secondary{grid-column:2}.user-menu-access{grid-template-columns:1fr}.user-menu-access .primary{width:100%}}.organization-setup-panel{max-width:1180px}.setup-tabs{border-bottom:1px solid #dce5ef;gap:8px;margin:18px 0 22px;display:flex;overflow-x:auto}.setup-tabs button{color:#52647c;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:12px 16px}.setup-tabs button.active{color:#0759a5;border-color:#1473c9;font-weight:700}.setup-form,.setup-section{background:#fff;border:1px solid #dce5ef;border-radius:12px;margin:18px 0 24px;padding:20px}.setup-form h2,.setup-section h2{margin:0 0 8px}.setup-form h3{margin:0 0 16px}.setup-form>p{color:#52647c}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:18px 0;display:grid}.setup-checkbox{justify-content:space-between;align-items:center;gap:10px;display:flex}.setup-checkbox input{accent-color:#1473c9;width:18px;height:18px}.setup-section .tablewrap{margin-top:18px;overflow-x:auto}.setup-section table{min-width:720px}@media (max-width:700px){.setup-grid{grid-template-columns:1fr}.setup-form,.setup-section{padding:15px}.setup-tabs button{padding:10px 12px}}.payroll-setup-panel .setup-form h2{color:#18283e;margin:26px 0 4px;font-size:17px}.payroll-setup-panel .setup-form h2:first-child{margin-top:0}.payroll-setup-panel .setup-form>p{color:#64748b;margin:0 0 18px;font-size:13px;line-height:1.6}.payroll-setup-panel .control-group select{color:#18283e;background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;min-height:42px;padding:9px 11px}.payroll-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 20px;display:grid}.payroll-check{color:#334155;background:#f8fafc;border:1px solid #dbe3ef;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:13px;display:flex}.payroll-check input{accent-color:#2563eb;width:16px;height:16px}.payroll-info{color:#1e3a8a;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;flex-direction:column;gap:4px;margin:4px 0 18px;padding:14px 16px;font-size:13px;display:flex}.payroll-info span{color:#475569;line-height:1.5}.payroll-component-form{margin-bottom:22px}.payroll-component-list{gap:10px;display:grid}.payroll-component-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:minmax(180px,1.2fr) minmax(130px,.8fr) auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.payroll-component-row>div:first-child{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.payroll-component-row strong{color:#1e293b;font-size:14px}.payroll-component-row small{color:#64748b;font-size:12px}.payroll-type{letter-spacing:.04em;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.payroll-type.earning{color:#166534;background:#dcfce7}.payroll-type.deduction{color:#991b1b;background:#fee2e2}.payroll-component-flags{flex-wrap:wrap;gap:6px;display:flex}.payroll-component-flags span{color:#475569;background:#f1f5f9;border-radius:6px;padding:4px 7px;font-size:11px}.payroll-component-actions,.form-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.payroll-component-actions button,.form-actions button{border-radius:8px;min-height:36px;padding:7px 11px;font-size:12px}.danger-button{color:#b91c1c;background:#fff;border:1px solid #fecaca}.danger-button:hover{background:#fef2f2}@media (max-width:760px){.payroll-check-grid{grid-template-columns:1fr}.payroll-component-row{grid-template-columns:1fr;align-items:start}.payroll-component-actions{justify-content:flex-start}.payroll-component-flags{margin:4px 0}}.payroll-structure-layout{grid-template-columns:minmax(230px,.75fr) minmax(0,1.8fr);align-items:start;gap:18px;display:grid}.payroll-structure-list,.payroll-structure-editor{min-width:0}.payroll-structure-list{gap:10px;display:grid}.payroll-structure-list>.panelhead{justify-content:space-between;align-items:center;gap:10px;padding:12px 4px;display:flex}.payroll-structure-list>.panelhead h2,.payroll-structure-editor .panelhead h2{color:#1e293b;margin:0;font-size:16px}.payroll-structure-list>.panelhead p,.payroll-structure-editor .panelhead p{color:#64748b;margin:4px 0 0;font-size:12px}.payroll-structure-list>.panelhead button{border-radius:8px;min-height:36px;padding:7px 10px;font-size:12px}.salary-structure-card{text-align:left;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:11px;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:13px 14px;display:flex}.salary-structure-card:hover,.salary-structure-card.selected{background:#f8fbff;border-color:#60a5fa}.salary-structure-card strong{font-size:14px}.salary-structure-card small,.salary-structure-meta{color:#64748b;font-size:11px}.salary-status{letter-spacing:.04em;border-radius:999px;width:max-content;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.salary-status.draft{color:#92400e;background:#fef3c7}.salary-status.active{color:#166534;background:#dcfce7}.salary-status.inactive{color:#475569;background:#e2e8f0}.payroll-structure-editor>.empty-state{min-height:220px}.salary-description{grid-column:1/-1}.salary-description textarea{resize:vertical;color:#18283e;border:1px solid #cbd5e1;border-radius:9px;width:100%;min-height:72px;padding:9px 11px}.salary-lines-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin:24px 0 12px;display:flex}.salary-lines-heading h3{color:#1e293b;margin:0;font-size:15px}.salary-lines-heading p{color:#64748b;margin:4px 0 0;font-size:12px}.salary-line-add{align-items:center;gap:7px;display:flex}.salary-line-add select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;max-width:220px;min-height:36px;padding:7px 9px;font-size:12px}.salary-line-add button{border-radius:8px;min-height:36px;padding:7px 10px;font-size:12px}.salary-line-list{gap:9px;display:grid}.salary-line-row{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:minmax(130px,1fr) minmax(130px,.8fr) minmax(180px,1.1fr) auto;align-items:end;gap:12px;padding:12px;display:grid}.salary-line-title{flex-direction:column;align-items:flex-start;gap:4px;padding-bottom:4px;display:flex}.salary-line-title strong{color:#1e293b;font-size:13px}.salary-line-title small{color:#64748b;font-size:11px}.salary-line-row .control-group{margin:0}.salary-line-row .danger-button{border-radius:8px;min-height:38px;padding:7px 10px;font-size:11px}.salary-structure-actions{flex-wrap:wrap;margin-top:20px}.salary-structure-actions button{border-radius:8px;min-height:38px;padding:8px 12px}.empty-state.compact{padding:18px}@media (max-width:940px){.payroll-structure-layout{grid-template-columns:1fr}.payroll-structure-list{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-structure-list>.panelhead{grid-column:1/-1}}@media (max-width:620px){.payroll-structure-list{grid-template-columns:1fr}.salary-lines-heading{flex-direction:column;align-items:flex-start}.salary-line-add{flex-wrap:wrap;width:100%}.salary-line-add select{flex:1;max-width:none}.salary-line-row{grid-template-columns:1fr}.salary-line-row .danger-button{justify-self:start}}.salary-status.open{color:#1d4ed8;background:#dbeafe}.payroll-calendar-toolbar{align-items:flex-end;gap:12px;margin:18px 0;display:flex}.payroll-calendar-toolbar .control-group{width:min(220px,100%);margin:0}.payroll-calendar-toolbar button{border-radius:9px;min-height:42px;padding:9px 13px}.payroll-period-list{gap:10px;margin-top:18px;display:grid}.payroll-period-row{background:#fff;border:1px solid #e2e8f0;border-radius:11px;grid-template-columns:minmax(210px,1.4fr) minmax(150px,.8fr) minmax(150px,.8fr) auto;align-items:end;gap:14px;padding:14px;display:grid}.payroll-period-identity{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.payroll-period-identity strong{color:#1e293b;font-size:14px}.payroll-period-identity small,.payroll-period-identity>span:last-child{color:#64748b;font-size:11px}.payroll-period-row .control-group{margin:0}.payroll-period-row button{border-radius:8px;min-height:40px;padding:8px 11px;font-size:12px}@media (max-width:850px){.payroll-period-row{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-period-identity{grid-column:1/-1}}@media (max-width:520px){.payroll-calendar-toolbar{flex-direction:column;align-items:stretch}.payroll-calendar-toolbar .control-group{width:100%}.payroll-period-row{grid-template-columns:1fr}.payroll-period-identity{grid-column:auto}}.employee-toolbar{justify-content:flex-end;margin:8px 0 16px;display:flex}.employee-toolbar .control-group{width:min(360px,100%);margin:0}.employee-workspace .tablewrap{margin-top:8px}.employee-workspace .form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.employee-workspace .heading{align-items:center}.employee-workspace .heading>.primary{white-space:nowrap}@media (max-width:640px){.employee-workspace .heading{flex-direction:column;align-items:flex-start}.employee-toolbar{justify-content:stretch}.employee-toolbar .control-group{width:100%}}.employee-payroll-assignments .assignment-form{margin-top:18px}.employee-payroll-assignments .form-actions{justify-content:flex-end;margin-top:18px;display:flex}.assignment-hint{color:#64748b;margin:12px 0 0;font-size:12px}.assignment-history{margin-top:22px}.assignment-code{color:#64748b;margin-top:3px;font-size:11px;display:block}.assignment-close{align-items:center;gap:8px;min-width:250px;display:flex}.assignment-close input{border:1px solid #cbd5e1;border-radius:8px;min-width:140px;min-height:38px;padding:6px 8px}.assignment-close button{white-space:nowrap;border-radius:8px;padding:8px 10px}@media (max-width:680px){.assignment-close{flex-direction:column;align-items:stretch;min-width:0}.assignment-close input{width:100%}.employee-payroll-assignments .form-actions{justify-content:stretch}.employee-payroll-assignments .form-actions button{width:100%}}.payroll-runs-workspace{gap:18px;display:grid}.payroll-run-prepare,.payroll-run-history,.payroll-run-detail{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.payroll-run-prepare>.panelhead,.payroll-run-history>.panelhead,.payroll-run-detail>.panelhead{margin-bottom:14px}.payroll-run-metrics{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.payroll-run-metrics>span{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 13px;font-size:12px}.payroll-run-metrics strong{color:#0f172a;margin-right:4px;font-size:15px}.payroll-run-blockers{background:#fff7f7;border:1px solid #fecaca;border-radius:11px;gap:8px;padding:14px;display:grid}.payroll-run-blockers h3,.payroll-run-ready h3{color:#1e293b;margin:0 0 8px;font-size:14px}.payroll-run-blockers>div{color:#991b1b;gap:3px;font-size:12px;display:grid}.payroll-run-blockers>div span{color:#7f1d1d}.payroll-run-ready{margin-top:20px}.payroll-run-prepare .form-actions{justify-content:flex-end;margin-top:16px;display:flex}.payroll-run-detail .payroll-info{margin:8px 0 14px}@media (max-width:640px){.payroll-run-prepare,.payroll-run-history,.payroll-run-detail{padding:12px}.payroll-run-prepare .form-actions button{width:100%}.payroll-run-metrics{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.payroll-approval-history{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.payroll-approval-history>span{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;gap:4px;padding:10px 12px;font-size:11px;display:grid}.payroll-approval-history>span strong{color:#334155;font-size:12px}.payroll-approval-history .approval-note{flex:100%}.payroll-approval-actions{justify-content:flex-end;align-items:center;gap:10px;margin:14px 0}.payroll-approval-actions .salary-status{padding:9px 12px}@media (max-width:640px){.payroll-approval-actions{flex-direction:column;align-items:stretch}.payroll-approval-actions button{width:100%}}.payroll-payslips{display:none}@media print{body *{visibility:hidden!important}.payroll-payslips,.payroll-payslips *{visibility:visible!important}.payroll-payslips{color:#111;background:#fff;width:100%;padding:0;position:absolute;inset:0;display:block!important}.payroll-payslip{page-break-after:always;break-after:page;min-height:250mm;padding:12mm 10mm;font:12px/1.45 Arial,sans-serif;display:block}.payroll-payslip:last-child{page-break-after:auto;break-after:auto}.payroll-payslip header{border-bottom:2px solid #222;justify-content:space-between;align-items:flex-start;padding-bottom:8px;display:flex}.payroll-payslip header p{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:10px}.payroll-payslip h1{margin:4px 0;font-size:24px}.payroll-payslip h2{margin:20px 0 6px;font-size:14px}.payroll-payslip-meta{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.payroll-payslip-meta span{flex-direction:column;display:flex}.payroll-payslip .tablewrap{border:0;overflow:visible}.payroll-payslip table{border-collapse:collapse;width:100%}.payroll-payslip th,.payroll-payslip td{text-align:left;border-bottom:1px solid #ddd;padding:7px 5px}.payroll-payslip th:last-child,.payroll-payslip td:last-child{text-align:right}.payroll-payslip-net{border-top:2px solid #222;justify-content:space-between;margin-top:18px;padding-top:10px;font-size:16px;display:flex}.payroll-payslip-note{border-top:1px solid #aaa;margin-top:24px;padding-top:8px;font-size:10px}}.role-menu-editor{grid-column:1/-1}.role-list{gap:10px;margin-top:20px;display:grid}.role-list article{border:1px solid #dbe3ed;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.role-list article>div:first-child{gap:4px;display:grid}.role-list article span,.muted-copy{color:#64748b;font-size:.875rem}.role-actions{gap:12px;display:flex}.danger-link{color:#b42318}@media (max-width:640px){.role-list article{flex-direction:column;align-items:flex-start}.role-actions{width:100%}}.approval-list{gap:10px;display:grid}.approval-item{border:1px solid var(--line,#e5e7eb);background:var(--surface,#fff);width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.approval-item>span:first-child{gap:5px;display:grid}.approval-item small,.approval-meta{color:var(--muted,#64748b)}.approval-detail{gap:14px;display:grid}.approval-detail h2,.approval-detail p{margin:0}.approval-meta{flex-wrap:wrap;gap:8px 18px;font-size:13px;display:flex}.approval-history{background:var(--muted-surface,#f8fafc);border-radius:10px;gap:8px;padding:14px;display:grid}.approval-actions{flex-wrap:wrap;gap:8px;display:flex}.workflow-step-editor{margin:20px 0}.workflow-step-row{border-top:1px solid var(--line);grid-template-columns:72px repeat(2,minmax(150px,1fr));align-items:end;gap:12px;padding:14px 0;display:grid}.workflow-step-row .control-group{margin:0}.workflow-step-row .danger-link{justify-self:start}.workflow-setup-form{display:block}.workflow-setup-form .field-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;display:grid}@media (max-width:720px){.workflow-step-row,.workflow-setup-form .field-grid{grid-template-columns:1fr}}:root{--mes-ink:#172033;--mes-muted:#667085;--mes-canvas:#f5f6fa;--mes-surface:#fff;--mes-line:#e7e9f0;--mes-navy:#171b3a;--mes-navy-2:#232852;--mes-accent:#5b5bd6;--mes-accent-2:#7067e8;--mes-accent-soft:#efefff;--mes-success:#16836a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--mes-canvas);color:var(--mes-ink)}.shell{background:var(--mes-canvas);grid-template-columns:236px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,var(--mes-navy) 0%,#20264b 100%);border-right:1px solid #ffffff0f;height:100vh;padding:20px 14px;position:sticky;top:0;overflow-y:auto;box-shadow:8px 0 30px #171b3a14}.brand,.loginbrand{letter-spacing:-.025em;padding:10px 14px 24px;font-size:19px;position:relative}.brand:before,.loginbrand:before{content:"M";vertical-align:middle;background:linear-gradient(135deg,#7c73ff,#5456d8);border-radius:10px;place-items:center;width:32px;height:32px;margin-right:10px;font-size:15px;display:inline-grid;box-shadow:0 8px 20px #5b5bd659}.brand small,.loginbrand small{color:#aeb4da;letter-spacing:.08em;margin:7px 0 0 44px}.navtitle{color:#858cb9;letter-spacing:.14em;margin:20px 12px 8px;font-size:10px;font-weight:800}.navitem{color:#c9cde9;border-radius:10px;min-height:42px;margin:3px 0;padding:11px 13px;font-weight:560;transition:background .16s,color .16s,transform .16s;position:relative}.navitem:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.navitem.active{color:#fff;background:linear-gradient(90deg,#7067e847,#7067e81f);font-weight:750;box-shadow:inset 3px 0 #8580ff}.content{background:var(--mes-canvas)}.topbar{z-index:30;border-bottom:1px solid var(--mes-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;min-height:68px;padding:14px 28px;position:sticky;top:0}.topbar strong{color:#252a48;letter-spacing:-.01em;font-size:14px}.profile{color:#515a72;align-items:center;gap:10px;font-weight:600;display:flex}.profile:before{content:"";background:linear-gradient(135deg,#dcdcff,#aaa9f3);border-radius:50%;width:34px;height:34px;box-shadow:inset 0 0 0 4px #f4f3ff}.profile .linkbutton{margin-left:2px}.main{max-width:1480px;padding:28px 32px 44px}.eyebrow{color:#737b91;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:750}.heading{margin:5px 0 22px}.heading h1,h1{color:#202640;letter-spacing:-.035em;margin:5px 0 4px;font-size:26px;line-height:1.2}.heading p{color:#7a8296;margin:0;font-size:13px}.primary{background:linear-gradient(135deg,var(--mes-accent-2),var(--mes-accent));border:1px solid #0000;border-radius:9px;min-height:40px;padding:9px 16px;font-size:13px;transition:transform .16s,box-shadow .16s;box-shadow:0 7px 16px #5b5bd633}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #5b5bd645}.secondary{color:#444d65;background:#fff;border:1px solid #dfe2ea;border-radius:9px;min-height:39px;padding:8px 14px;font-weight:650}.linkbutton{color:#5858c9;font-weight:700}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.card{border:1px solid var(--mes-line);border-radius:14px;min-height:126px;padding:20px;position:relative;overflow:hidden;box-shadow:0 5px 18px #1c22420b}.card:after{content:"";background:var(--mes-accent-soft);border-radius:50%;width:80px;height:80px;position:absolute;top:-24px;right:-20px}.card:nth-child(2):after{background:#e8f8f3}.card:nth-child(3):after{background:#fff3e7}.card:nth-child(4):after{background:#edf5ff}.card label{z-index:1;color:#6e768b;font-size:12px;font-weight:650;position:relative}.card b{z-index:1;color:#252b48;letter-spacing:-.04em;margin:12px 0 5px;font-size:30px;position:relative}.card span{z-index:1;color:#969caf;font-size:11px;position:relative}.panel{border:1px solid var(--mes-line);border-radius:14px;padding:20px;box-shadow:0 5px 18px #1c22420a}.panelhead{margin-bottom:16px}.panelhead h2{color:#272d48;letter-spacing:-.02em;font-size:16px}.search,.filter,.field input,.control-group input,.control-group select{color:#272d48;background:#fbfbfd;border:1px solid #dfe2ea;border-radius:9px;min-height:40px;transition:border-color .16s,box-shadow .16s,background .16s}.search{background:#fbfbfd linear-gradient(45deg,#0000,#0000);min-width:300px;padding-left:38px}.search:focus,.filter:focus,.field input:focus{background:#fff;border-color:#8b87e8;outline:0;box-shadow:0 0 0 3px #5b5bd61a}.tablewrap{border:1px solid var(--mes-line);background:#fff;border-radius:11px}table{font-size:12px}th{color:#737b91;letter-spacing:.045em;text-transform:uppercase;background:#f8f8fb;font-size:10px}th,td{border-bottom:1px solid #eef0f4;height:48px;padding:12px 14px}tbody tr{transition:background .14s}tbody tr:hover{background:#fafaff}.badge,.status-pill{color:var(--mes-success);background:#e9f7f2;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.pagination{border-top:0;margin-top:4px}.recent li{padding:14px 4px}.recent strong{color:#313750;font-size:13px}.recent span{color:#858da0;font-size:12px}.notice{color:#514fb2;background:#f4f3ff;border-color:#d8d7ff}.error{background:#fff5f4;border-color:#ffd6d2}.loginpage{background:radial-gradient(circle at 20% 20%,#4b4d9a 0,#0000 34%),linear-gradient(135deg,#171b3a,#2d3263)}.loginbox{border:1px solid #ffffff59;border-radius:20px;box-shadow:0 32px 90px #0b0e2a6b}.loginbrand{background:linear-gradient(135deg,#1d2145,#303665);border-radius:13px}.tenant-workspace,.management-card,.org-metric-grid>div,.org-module-grid article,.setup-form,.setup-section{border-color:var(--mes-line);box-shadow:0 5px 18px #1c22420a}.tenant-tabs{background:#eceef5}.tenant-tabs button.active{color:#5050c1;border-color:#e0e1eb}.tenant-tabs button.active>span{background:var(--mes-accent)}@media (max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.shell{grid-template-columns:1fr}.sidebar{white-space:nowrap;height:auto;padding:10px;position:static;overflow-x:auto}.brand{padding:7px 10px 12px;display:inline-block}.brand small{display:none}.navitem{width:auto;min-height:38px;padding:9px 12px;display:inline-flex}.topbar{padding:13px 16px;position:static}.profile:before{display:none}.main{padding:20px 16px 34px}.cards{grid-template-columns:1fr 1fr}.heading h1,h1{font-size:23px}.search{width:100%;min-width:0}}@media (max-width:520px){.cards{grid-template-columns:1fr}.topbar strong{display:none}.panel{padding:15px}.card{min-height:112px}}.organization-grid-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.organization-grid-toolbar .filter{min-width:138px;padding:8px 30px 8px 10px}.organization-grid-toolbar .secondary{white-space:nowrap}@media (max-width:760px){.organization-grid-toolbar{grid-template-columns:1fr 1fr;width:100%;display:grid}.organization-grid-toolbar .search{grid-column:1/-1}.organization-grid-toolbar .filter,.organization-grid-toolbar .secondary{width:100%;min-width:0}}@media (max-width:460px){.organization-grid-toolbar{grid-template-columns:1fr}}