:root{--color-primary-50:#e8f5ec;--color-primary-100:#c8e6cf;--color-primary-200:#a5d6b1;--color-primary-300:#81c793;--color-primary-400:#66ba7d;--color-primary-500:#165c2d;--color-primary-600:#124d26;--color-primary-700:#0e3e1f;--color-primary-800:#0a2f18;--color-primary-900:#062011;--color-secondary-500:#d4af37;--color-accent-500:#d4af37;--color-success:#10b981;--color-warning:#d4af37;--color-error:#ef4444;--color-info:#2563eb;--color-gray-50:#fafbfa;--color-gray-100:#f4f6f5;--color-gray-200:#e7ebe8;--color-gray-300:#d1d5db;--color-gray-500:#6b7280;--color-gray-700:#3f4852;--color-gray-900:#121826;--bg-primary:#fff;--bg-secondary:#f6f8f7;--text-primary:#151b28;--text-secondary:#66707c;--border-light:#e6ebe8;--shadow-card:0 8px 22px #122d1e0e;--font-family-primary:var(--font-family-heading-loaded,"Cairo"), var(--font-family-primary-loaded,"IBM Plex Sans Arabic"), system-ui, sans-serif;--font-family-heading:var(--font-family-heading-loaded,"Cairo"), var(--font-family-primary-loaded,"IBM Plex Sans Arabic"), system-ui, sans-serif;--font-family-mono:var(--font-family-mono-loaded,"IBM Plex Mono"), "Consolas", "Menlo", "Courier New", monospace;--color-sidebar:#fff;--color-sidebar-text:#1f2937;--color-sidebar-muted:#6b7280;--color-sidebar-hover:#e8f5ec;--color-sidebar-hover-strong:#d8ead9;--color-sidebar-border:#e8eee9;--color-sidebar-active-bg:#e8f5ec;--color-sidebar-active-text:#0e3e1f}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);letter-spacing:-.01em}code,kbd,pre,samp{font-family:var(--font-family-mono)}@media print{body{background:#fff}.sidebar,.topbar,.floating-support,.modal-backdrop,.no-print,.document-selector,.screen-panel:not(.active){display:none!important}.shell,.main,.content{background:#fff!important;width:100%!important;min-height:auto!important;margin:0!important;padding:0!important;display:block!important}.screen-panel.active{display:block!important}.card,.document-letter,.document-profile-card{box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important}.card-header,.document-title-row{background:#fff!important;border-bottom:1px solid #d8dee4!important}.document-grid,.document-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}}:where(html){scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}::selection{background:var(--color-primary-500);color:#fff}.page :where(button,a,[role=button]):focus-visible,.page :where(input,select,textarea):focus-visible,.topbar-shell :where(button,a):focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg-secondary);background:#165c2d2e;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#165c2d47}.spinner-block{place-items:center;gap:12px;min-height:140px;padding:28px 12px;display:grid}.spinner-inline{align-items:center;gap:8px;display:inline-flex}.spinner-ring{border-style:solid;border-color:#165c2d24;border-top-color:var(--color-primary-500);border-right-color:var(--color-secondary-500);border-radius:50%;animation:.85s cubic-bezier(.6,.05,.4,1) infinite spinner-spin;display:inline-block}.spinner-label{color:var(--text-secondary);font-size:13px;font-weight:600}@keyframes spinner-spin{to{transform:rotate(360deg)}}.page{animation:.22s ease-out page-fade-in}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page .btn{background:var(--bg-primary);color:var(--text-primary);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:background .16s,color .16s,border-color .16s,box-shadow .16s,transform .12s;display:inline-flex}.page .btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-100)}.page .btn:active{transform:scale(.97)}.page .btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.page .btn.primary{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-500));color:#fff;border-color:#0000;box-shadow:0 6px 14px #126b382e}.page .btn.primary:hover{background:linear-gradient(135deg, var(--color-primary-700), var(--color-primary-600));box-shadow:0 10px 22px #126b3838}.page .btn.ghost{border-color:var(--border-light);color:var(--text-primary);background:0 0}.page .btn.compact-btn{border-radius:10px;padding:6px 12px;font-size:12px}.page input.input,.page select.input,.page textarea.input{border:1px solid var(--border-light);background:var(--bg-primary);width:100%;color:var(--text-primary);font:inherit;border-radius:10px;padding:10px 12px;transition:border-color .16s,box-shadow .16s,background .16s}select,select.input,.page select.input,.employee-select-field select{appearance:none;text-align:right;text-overflow:ellipsis;white-space:nowrap;direction:rtl;background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#647067 50%),linear-gradient(135deg,#647067 50%,#0000 50%),linear-gradient(270deg,#e5ebe7,#e5ebe7);background-position:18px,12px,32px;background-repeat:no-repeat;background-size:6px 6px,6px 6px,1px 20px;min-height:40px;line-height:1.45;padding-inline:34px 12px!important}select.input:hover,.page select.input:hover,.employee-select-field select:hover{background-image:linear-gradient(45deg, transparent 50%, var(--color-primary-600) 50%), linear-gradient(135deg, var(--color-primary-600) 50%, transparent 50%), linear-gradient(to left, #d7e6dd, #d7e6dd)}select.input:disabled,.page select.input:disabled,.employee-select-field select:disabled{cursor:not-allowed;color:var(--text-secondary);opacity:.72;background-color:#f5f7f6}select.input option,.page select.input option,.employee-select-field select option{color:var(--text-primary);direction:rtl;background:#fff}.page input.input:hover,.page select.input:hover,.page textarea.input:hover{border-color:var(--color-primary-100)}.page input.input:focus,.page select.input:focus,.page textarea.input:focus{border-color:var(--color-primary-500);background:#fff;outline:none;box-shadow:0 0 0 3px #165c2d24}.page .field{gap:6px;display:grid}.page .field .label,.page .label{color:var(--text-secondary);font-size:12px;font-weight:700}.page .card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:16px;margin-bottom:16px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s}.page a>.card:hover{border-color:var(--color-primary-100);transform:translateY(-2px);box-shadow:0 10px 24px #126b3814}.page .card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.page .card-title{font-size:15px;font-family:var(--font-family-heading);margin:0}.page .table-wrap{border:1px solid var(--border-light);background:var(--bg-primary);border-radius:12px;overflow:auto}.page table{border-collapse:collapse;width:100%}.page table th{background:var(--color-primary-50);color:var(--color-primary-700);text-align:start;border-bottom:1px solid var(--border-light);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:800;position:sticky;top:0}.page table td{border-bottom:1px solid var(--border-light);padding:10px 12px;font-size:13px}.page table tbody tr{transition:background .14s}.page table tbody tr:hover{background:var(--color-primary-50)}.page table tbody tr:last-child td{border-bottom:0}.page .badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.page .badge.active,.page .badge.approved{color:#047857;background:#10b9811f;border-color:#10b98140}.page .badge.pending{color:#b45309;background:#f59e0b24;border-color:#f59e0b47}.page .badge.rejected,.page .badge.danger{color:#b91c1c;background:#ef44441f;border-color:#ef444440}.page .badge.info,.page .badge.holiday{color:#1d4ed8;background:#3b82f61f;border-color:#3b82f640}.toast-region{top:18px;z-index:9999;pointer-events:none;flex-direction:column;gap:10px;max-width:92vw;display:flex;position:fixed;inset-inline-end:18px}.toast{background:var(--bg-primary);border:1px solid var(--border-light);border-inline-start:4px solid var(--toast-accent,var(--color-primary-500));pointer-events:auto;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;min-width:280px;max-width:420px;padding:12px 14px;font-size:13px;animation:.22s ease-out toast-in;display:grid;box-shadow:0 14px 30px #0f231b2e,0 2px 6px #0f231b0f}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-icon{background:var(--toast-bg-tint,#165c2d1a);width:32px;height:32px;color:var(--toast-accent,var(--color-primary-500));border-radius:10px;flex-shrink:0;place-items:center;display:grid}.toast-body{gap:2px;min-width:0;display:grid}.toast-title{font-size:12px;font-weight:800;font-family:var(--font-family-heading);color:var(--toast-accent,var(--color-primary-600))}.toast-message{color:var(--text-primary);overflow-wrap:anywhere;font-size:13px;line-height:1.55}.toast-dismiss{width:26px;height:26px;color:var(--text-muted,var(--text-secondary));cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;transition:background .14s,color .14s;display:grid}.toast-dismiss:hover{background:var(--color-gray-100);color:var(--text-primary)}.mobile-menu-toggle{display:none}@media (max-width:900px){.mobile-menu-toggle{top:12px;z-index:35;border:1px solid var(--border-light);background:var(--bg-primary);width:40px;height:40px;color:var(--color-primary-600);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:inline-flex;position:fixed;inset-inline-start:12px;box-shadow:0 6px 16px #0f231b1a}.sidebar.main-sidebar{top:0;z-index:50;width:280px;max-width:88vw;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;inset-inline-start:0;transform:translate(-100%)}[dir=rtl] .sidebar.main-sidebar{inset-inline:auto 0;transform:translate(100%)}.sidebar.main-sidebar.open,[dir=rtl] .sidebar.main-sidebar.open{transform:translate(0)}}@media (max-width:640px){.topbar-account-text{display:none}.topbar-account-btn{padding:4px}.topbar-shell{padding:8px 12px;padding-inline-start:64px}.page{padding:18px 16px}.toast-region{inset-inline-end:10px;top:70px}}.empty-state{text-align:center;background:var(--bg-primary);border:1px dashed var(--border-light);color:var(--text-secondary);border-radius:16px;place-items:center;gap:12px;padding:36px 22px;display:grid}.empty-state-icon{background:var(--color-primary-50);width:56px;height:56px;color:var(--color-primary-500);border-radius:16px;place-items:center;display:grid}.empty-state-title{font-family:var(--font-family-heading);color:var(--text-primary);margin:0;font-size:15px;font-weight:800}.empty-state-desc{max-width:360px;margin:0;font-size:12px;line-height:1.7}.portal-hero{background:linear-gradient(135deg, var(--color-primary-700) 0%, var(--color-primary-500) 100%);color:#fff;border-radius:18px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:22px;padding:20px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #0f2d1e2e}.portal-hero-avatar{background:linear-gradient(135deg, var(--color-secondary-500), #b08820);color:#fff;width:68px;height:68px;font-size:28px;font-weight:800;font-family:var(--font-family-heading);z-index:1;border-radius:20px;flex-shrink:0;place-items:center;display:grid;position:relative;box-shadow:0 8px 18px #00000029}.portal-hero-body{z-index:1;flex:1;min-width:200px;position:relative}.portal-hero-name{font-size:20px;font-family:var(--font-family-heading);color:#fff;align-items:center;gap:8px;margin:0;display:inline-flex}.portal-hero-sub{color:#ffffffdb;flex-wrap:wrap;align-items:center;gap:4px;margin:6px 0 0;font-size:13px;display:flex}.dot-sep{opacity:.5;margin:0 4px}.portal-hero-meta{color:#ffffffdb;z-index:1;flex-direction:column;align-items:flex-end;gap:6px;font-size:11px;display:flex;position:relative}.portal-hero-status{color:#d1fae5;background:#10b98140;border:1px solid #10b98173;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.portal-hero-hire{opacity:.85}.portal-kpi{align-items:center;gap:12px;margin:0;padding:14px 16px;transition:transform .2s,box-shadow .2s;display:flex}.portal-kpi-icon{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.portal-kpi-label{color:var(--text-secondary);font-size:11px;font-weight:700}.portal-kpi-value{overflow-wrap:anywhere;max-width:100%;font-size:16px;font-weight:800;line-height:1.2;font-family:var(--font-family-heading);color:var(--text-primary);margin-top:2px}.portal-tabs{background:var(--bg-primary);border:1px solid var(--border-light);scrollbar-width:thin;border-radius:14px;gap:4px;margin-bottom:18px;padding:4px;display:flex;overflow-x:auto}.portal-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:background .16s,color .16s;display:inline-flex}.portal-tab:hover{background:var(--color-primary-50);color:var(--color-primary-600)}.portal-tab.active{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-500));color:#fff;box-shadow:0 6px 14px #126b382e}.portal-detail-grid{grid-template-columns:minmax(110px,max-content) 1fr;gap:10px 18px;margin:0;display:grid}.portal-detail-grid dt{color:var(--text-secondary);padding-top:2px;font-size:12px;font-weight:700}.portal-detail-grid dd{color:var(--text-primary);border-bottom:1px dashed var(--border-light);margin:0;padding-bottom:8px;font-size:13px;font-weight:600}.portal-overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:14px;display:grid}.portal-overview-wide{grid-column:1/-1}.portal-action-list{gap:10px;display:grid}.portal-action-item{border:1px solid var(--border-light);background:var(--bg-secondary);width:100%;color:var(--text-primary);text-align:start;cursor:pointer;border-radius:8px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.portal-action-item:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.portal-action-item strong,.portal-action-item small{display:block}.portal-action-item small{color:var(--text-secondary);margin-top:3px;font-size:11px;line-height:1.5}.portal-action-icon{background:var(--color-primary-50);width:36px;height:36px;color:var(--color-primary-600);border-radius:8px;place-items:center;display:grid}.portal-action-item.warning .portal-action-icon{color:#b45309;background:#f59e0b24}.portal-action-item.danger .portal-action-icon{color:#b91c1c;background:#ef44441f}.portal-quick-actions{flex-wrap:wrap;gap:8px;display:flex}.warning{color:#92400e;background:#f59e0b1a;border:1px solid #f59e0b59;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:12px;font-weight:700}.portal-mini-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.portal-mini-metric{border:1px solid var(--border-light);background:var(--bg-secondary);border-radius:8px;gap:4px;padding:10px 12px;display:grid}.portal-mini-metric span{color:var(--text-secondary);font-size:11px;font-weight:700}.portal-mini-metric strong{color:var(--text-primary);font-size:16px}.portal-inline-form{border:1px solid var(--border-light);background:var(--bg-secondary);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:10px 0 14px;padding:14px;display:grid}.portal-inline-form label,.portal-inline-form .portal-field{gap:6px;min-width:0;display:grid}.portal-inline-form label>span,.portal-inline-form .portal-field>span{color:var(--text-secondary);font-size:12px;font-weight:800}.portal-form-wide{grid-column:1/-1}.portal-inline-form .checkbox-line{align-items:center;gap:8px;display:flex}.request-type-picker{z-index:4;position:relative}.request-type-trigger{text-align:start;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;display:flex}.request-type-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.request-type-trigger svg{color:var(--text-secondary);flex:none;transition:transform .16s}.request-type-picker.open .request-type-trigger{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #165c2d1f}.request-type-picker.open .request-type-trigger svg{transform:rotate(180deg)}.request-type-menu{z-index:30;background:#fff;border:1px solid #d8e0db;border-radius:10px;width:max(100%,360px);max-width:min(420px,100vw - 40px);position:absolute;inset:auto 0 calc(100% + 6px) auto;overflow:hidden;box-shadow:0 18px 40px #0f231b24}.request-type-search{border-bottom:1px solid var(--border-light);color:var(--text-secondary);background:#f8fbf9;align-items:center;gap:8px;padding:9px 10px;display:flex}.request-type-search input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:12.5px}.request-type-options{max-height:260px;padding:5px;overflow:auto}.request-type-option{width:100%;color:var(--text-primary);text-align:start;background:0 0;border:0;border-radius:8px;gap:3px;padding:9px 10px;display:grid}.request-type-option span{font-size:12.8px;font-weight:800}.request-type-option small{color:var(--text-secondary);font-size:11px;line-height:1.45}.request-type-option:hover,.request-type-option.selected{background:var(--color-sidebar-active-bg,#e8f5ec);color:var(--color-sidebar-active-text,#0e3e1f)}.request-type-empty{color:var(--text-secondary);text-align:center;padding:14px 10px;font-size:12px;font-weight:700}.leave-type-picker{z-index:4;position:relative}.leave-type-trigger{text-align:start;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;display:flex}.leave-type-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.leave-type-trigger svg{color:var(--text-secondary);flex:none;transition:transform .16s}.leave-type-picker.open .leave-type-trigger{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #165c2d1f}.leave-type-picker.open .leave-type-trigger svg{transform:rotate(180deg)}.leave-type-menu{z-index:30;background:#fff;border:1px solid #d8e0db;border-radius:10px;width:max(100%,360px);max-width:min(420px,100vw - 40px);position:absolute;top:calc(100% + 6px);left:auto;right:0;overflow:hidden;box-shadow:0 18px 40px #0f231b24}.leave-type-picker.open-up .leave-type-menu{top:auto;bottom:calc(100% + 6px)}.leave-type-search{border-bottom:1px solid var(--border-light);color:var(--text-secondary);background:#f8fbf9;align-items:center;gap:8px;padding:9px 10px;display:flex}.leave-type-search input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:12.5px}.leave-type-options{max-height:300px;padding:5px;overflow:auto}.leave-type-option{width:100%;color:var(--text-primary);text-align:start;background:0 0;border:0;border-radius:8px;gap:3px;padding:9px 10px;display:grid}.leave-type-option span{font-size:12.8px;font-weight:800}.leave-type-option small{color:var(--text-secondary);font-size:11px;line-height:1.45}.leave-type-option .leave-type-requirements{color:#7a4b00;font-weight:700}.leave-type-option:hover,.leave-type-option.selected{background:var(--color-sidebar-active-bg,#e8f5ec);color:var(--color-sidebar-active-text,#0e3e1f)}.leave-type-empty{color:var(--text-secondary);text-align:center;padding:14px 10px;font-size:12px;font-weight:700}.leave-requirement-notice{color:#5f3b05;background:#fff9ed;border:1px solid #f4d38d;border-radius:8px;gap:10px;margin:8px 0 14px;padding:12px;display:grid}.leave-requirement-notice.compact{margin:0;padding:10px}.leave-requirement-title,.leave-required-documents{align-items:flex-start;gap:7px;font-size:12.5px;line-height:1.7;display:flex}.leave-requirement-title strong{font-size:13px}.leave-requirement-grid{flex-wrap:wrap;gap:7px;display:flex}.leave-requirement-pill{border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.leave-requirement-pill.required{color:#854d0e;background:#fef3c7}.leave-requirement-pill.optional{color:#166534;background:#ecfdf3}.portal-device-option{border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-primary);text-align:start;cursor:pointer;border-radius:8px;gap:6px;padding:11px 12px;display:grid}.portal-device-option:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.portal-device-option strong{font-size:13px}.portal-device-option span{color:var(--text-secondary);align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}@media (max-width:860px){.portal-overview-grid{grid-template-columns:1fr}}.skeleton-row{border-bottom:1px solid var(--border-light);gap:10px;padding:14px;display:grid}.skeleton-line{background:linear-gradient(90deg,#165c2d0f 0%,#165c2d24 50%,#165c2d0f 100%) 0 0/200% 100%;border-radius:999px;height:10px;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.topbar-shell{background:var(--bg-primary);border-bottom:1px solid var(--border-light);z-index:30;justify-content:flex-start;align-items:center;padding:10px 18px;display:flex;position:sticky;top:0;box-shadow:0 1px #0f231b05}.topbar-actions{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.topbar-popover-wrap{position:relative}.topbar-icon-btn{border:1px solid var(--border-light);background:var(--bg-primary);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:background .16s,color .16s,border-color .16s,transform .16s;display:inline-flex;position:relative}.topbar-icon-btn:hover,.topbar-icon-btn.is-open{background:var(--color-primary-50);color:var(--color-primary-600);border-color:var(--color-primary-100)}.topbar-icon-btn:active{transform:scale(.96)}.guide-workflow-btn{width:auto;min-width:38px;color:var(--color-primary-700);border-radius:10px;gap:6px;padding:0 10px;font-size:12px;font-weight:700}.payroll-workflow-btn{color:#0f5c2d;background:#f7fff9;border-color:#b7dfc4;max-width:230px}.payroll-workflow-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guide-modal-backdrop{z-index:1000;background:#06190e7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.guide-modal{border:1px solid var(--border-light);background:var(--bg-primary);border-radius:10px;flex-direction:column;width:min(1120px,96vw);height:min(840px,92vh);display:flex;overflow:hidden;box-shadow:0 24px 70px #0f231b47}.guide-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.guide-modal-header strong,.guide-modal-header span{display:block}.guide-modal-header strong{color:var(--text-primary);font-size:15px}.guide-modal-header span{color:var(--text-secondary);margin-top:2px;font-size:12px}.guide-modal-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.guide-modal-frame{background:#f8fafc;border:0;flex:1;width:100%}.guide-modal-body{background:#f8fafc;flex:1;padding:16px;overflow:auto}.payroll-workflow-modal{width:min(1180px,96vw);height:min(820px,92vh)}.payroll-workflow-header{background:linear-gradient(90deg,#fff 0%,#f4fbf6 48%,#fff8e6 100%)}.payroll-workflow-body{background:linear-gradient(#f8fafcf5,#fffffffa),repeating-linear-gradient(90deg,#0f5c2d0f 0 1px,#0000 1px 38px);flex:1;padding:18px;overflow:auto}.payroll-flow-hero{background:#fff;border:1px solid #d7e6dd;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:16px;padding:18px;display:grid}.payroll-flow-kicker{color:#946200;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.payroll-flow-hero h2{color:#123524;margin:0;font-size:22px;line-height:1.45}.payroll-flow-hero p{color:#4b5d53;max-width:780px;margin:8px 0 0;font-size:13px;line-height:1.8}.payroll-flow-metric{background:#fffaf0;border:1px solid #e1c878;border-radius:10px;place-items:center;min-width:118px;min-height:92px;display:grid}.payroll-flow-metric strong{color:#875a00;overflow-wrap:anywhere;max-width:100%;font-size:23px;line-height:1.15}.payroll-flow-metric span{color:#6b5a2f;font-size:12px;font-weight:700}.payroll-flow-rail{grid-template-columns:repeat(4,minmax(210px,1fr));gap:14px;display:grid;position:relative}.payroll-flow-step{background:#fff;border:1px solid #dce5df;border-radius:10px;grid-template-columns:auto 1fr;grid-template-areas:"index node""content content";gap:10px;min-height:210px;padding:14px;display:grid;position:relative;box-shadow:0 14px 34px #0f231b14}.payroll-flow-step:after{content:"";background:#c9d9d0;width:14px;height:2px;position:absolute;top:34px;left:-14px}.payroll-flow-step:nth-child(4n+1):after{display:none}.payroll-flow-index{color:#6b7280;grid-area:index;font-size:12px;font-weight:800}.payroll-flow-node{border:1px solid;border-radius:10px;grid-area:node;justify-content:center;justify-self:start;align-items:center;width:42px;height:42px;display:inline-flex}.payroll-flow-content{grid-area:content;min-width:0}.payroll-flow-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.payroll-flow-title-row h3{color:#14251b;margin:0;font-size:15px;line-height:1.5}.payroll-flow-title-row span{color:#526059;white-space:nowrap;background:#f4f7f5;border-radius:999px;flex:none;max-width:110px;padding:3px 8px;font-size:11px;font-weight:800}.payroll-flow-content p{color:#4c5b53;margin:10px 0;font-size:12px;line-height:1.75}.payroll-flow-content small{color:#2f4939;background:#f7faf8;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-flex}.payroll-flow-step.is-green .payroll-flow-node{color:#13733a;background:#effbf3}.payroll-flow-step.is-blue .payroll-flow-node{color:#2563a9;background:#eff6ff}.payroll-flow-step.is-amber .payroll-flow-node{color:#946200;background:#fff8e6}.payroll-flow-step.is-slate .payroll-flow-node{color:#475569;background:#f8fafc}.payroll-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.payroll-control-panel{background:#fff;border:1px solid #dce5df;border-radius:10px;padding:16px}.payroll-control-panel h3{color:#123524;margin:0 0 12px;font-size:15px}.payroll-control-panel ol,.payroll-control-panel ul{color:#46554d;margin:0;padding-inline-start:20px;font-size:12px;line-height:1.9}@media (max-width:980px){.payroll-flow-rail{grid-template-columns:repeat(2,minmax(220px,1fr))}.payroll-flow-step:nth-child(4n+1):after{display:block}.payroll-flow-step:nth-child(odd):after{display:none}}@media (max-width:720px){.payroll-workflow-btn span{display:none}.payroll-flow-hero,.payroll-workflow-grid,.payroll-flow-rail{grid-template-columns:1fr}.payroll-flow-step:after{display:none}}.guide-help-section{border:1px solid var(--border-light);background:var(--bg-primary);border-radius:8px;margin-bottom:12px;padding:14px}.guide-help-section h3{color:var(--color-primary-700);margin:0 0 8px;font-size:15px}.guide-help-section p{color:var(--text-secondary);margin:0;line-height:1.8}.guide-help-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.guide-help-list li{grid-template-columns:26px 1fr;align-items:flex-start;gap:8px;display:grid}.guide-help-list span{background:var(--color-primary-600);color:#fff;border-radius:999px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.guide-help-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.guide-help-tags li{border:1px solid var(--border-light);background:var(--color-primary-50);color:var(--color-primary-700);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.guide-step-shot-list,.guide-scenario-list{gap:14px;display:grid}.guide-scenario-card{border:1px solid var(--border-light);background:#fbfefd;border-radius:8px;gap:12px;padding:14px;display:grid}.guide-scenario-card>header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:10px;display:flex}.guide-scenario-card>header strong{color:var(--text-primary);font-size:14px}.guide-scenario-card>header span{background:var(--color-primary-50);color:var(--color-primary-700);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.guide-scenario-meta{gap:6px;display:grid}.guide-scenario-meta p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.7}.guide-scenario-meta b{color:var(--text-primary)}.guide-scenario-steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.guide-scenario-steps>li{gap:8px;display:grid}.guide-step-shot-card{border:1px solid var(--border-light);background:#fbfefd;border-radius:8px;gap:10px;padding:12px;display:grid}.guide-step-shot-caption{grid-template-columns:28px 1fr;align-items:start;gap:8px;display:grid}.guide-step-shot-caption span{background:var(--color-primary-600);color:#fff;border-radius:999px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid}.guide-step-shot-caption p{color:var(--text-primary);margin:0;font-size:13px;font-weight:700;line-height:1.7}.guide-step-shot-image,.guide-step-shot-missing{border:1px solid var(--border-light);background:#fff;border-radius:8px;width:100%}.guide-step-shot-image{object-fit:contain;max-height:620px;display:block}.guide-step-shot-missing{min-height:160px;color:var(--text-secondary);place-items:center;font-size:13px;display:grid}.guide-signature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.guide-signature-grid span{border-top:1px solid var(--border-medium);min-height:54px;color:var(--text-secondary);padding-top:8px;font-size:12px}.guide-help-screenshot{object-fit:contain;border:1px solid var(--border-light);background:#fff;border-radius:8px;width:100%;max-height:520px;display:block}.topbar-badge{top:-4px;background:var(--color-error);color:#fff;border:2px solid var(--bg-primary);min-width:18px;height:18px;font-size:10px;font-weight:800;font-family:var(--font-family-heading);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;line-height:1;display:inline-flex;position:absolute;inset-inline-end:-4px}.topbar-account-btn{border:1px solid var(--border-light);background:var(--bg-primary);height:38px;color:var(--text-primary);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:4px 10px 4px 6px;transition:background .16s,border-color .16s;display:inline-flex}.topbar-account-btn:hover,.topbar-account-btn.is-open{background:var(--color-primary-50);border-color:var(--color-primary-100)}.topbar-avatar{background:linear-gradient(135deg, var(--color-secondary-500), var(--color-primary-500));color:#fff;width:30px;height:30px;font-weight:800;font-family:var(--font-family-heading);border-radius:10px;flex-shrink:0;place-items:center;font-size:13px;display:grid}.topbar-account-text{text-align:start;max-width:160px;line-height:1.15;display:grid}.topbar-account-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.topbar-account-role{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.topbar-account-chev{color:var(--text-secondary);transition:transform .2s}.topbar-popover{top:calc(100% + 8px);background:var(--bg-primary);border:1px solid var(--border-light);width:min(360px,92vw);box-shadow:var(--shadow-dropdown,0 14px 30px #122d1e24);z-index:40;border-radius:14px;animation:.16s topbar-pop;position:absolute;inset-inline-start:0;overflow:hidden}@keyframes topbar-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topbar-popover-account{width:260px}.topbar-popover-header{border-bottom:1px solid var(--border-light);background:var(--color-primary-50);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.topbar-popover-header strong{font-size:13px;font-family:var(--font-family-heading)}.topbar-popover-meta{color:var(--text-secondary);font-size:11px;font-weight:600}.topbar-popover-empty{text-align:center;color:var(--text-secondary);padding:28px 18px;font-size:12px;font-weight:600}.topbar-notif-list,.topbar-menu-list{margin:0;padding:4px;list-style:none}.topbar-notif-item{color:var(--text-primary);border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:10px 12px;text-decoration:none;transition:background .14s;display:grid}.topbar-notif-item:hover{background:var(--color-primary-50)}.topbar-notif-dot{background:var(--color-secondary-500);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.topbar-notif-body{min-width:0}.topbar-notif-title{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.topbar-notif-step{color:var(--color-primary-600);font-weight:600}.topbar-notif-sub{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.topbar-popover-footer{text-align:center;color:var(--color-primary-600);background:var(--color-primary-50);border-top:1px solid var(--border-light);padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:background .14s;display:block}.topbar-popover-footer:hover{background:var(--color-primary-100)}.topbar-menu-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .14s,color .14s;display:flex}.topbar-menu-item:hover{background:var(--color-primary-50);color:var(--color-primary-600)}.topbar-menu-item.topbar-menu-danger:hover{color:var(--color-error);background:#ef444414}.page{width:100%;min-height:100%;margin:0;padding:24px 28px;overflow:auto}.page-header{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.page-header .page-title{color:var(--text-primary);font-size:22px;font-family:var(--font-family-heading);align-items:center;gap:10px;display:inline-flex}.page-header .page-title svg{color:var(--color-primary-500)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px;display:grid}.page .stat{background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-card);border-radius:14px;min-height:auto;padding:16px 18px;display:block}.page .stat:before{display:none}.page .stat .stat-label{color:var(--text-secondary);margin:0;font-size:12px;font-weight:600}.page .stat .stat-value{overflow-wrap:anywhere;max-width:100%;color:var(--text-primary);font-size:20px;font-weight:800;line-height:1.15;font-family:var(--font-family-heading);margin:6px 0 0}.page .empty{text-align:center;color:var(--text-secondary);background:var(--bg-primary);border:1px dashed var(--border-light);border-radius:14px;padding:28px;font-weight:600}.page .error{color:#b91c1c;background:#ef444414;border:1px solid #ef444438;border-radius:12px;margin-bottom:16px;padding:14px 18px;font-weight:600}*{box-sizing:border-box}html,body{background:var(--bg-secondary);height:100%;min-height:100%;color:var(--text-primary);font-family:var(--font-family-primary);direction:rtl;margin:0;font-weight:500;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-page{color:#fff;background:linear-gradient(105deg,#043626fa 0%,#054e36f5 48%,#0b8558eb 100%),radial-gradient(circle at 72% 28%,#ffffff2e,#0000 30%);place-items:center;width:100%;max-width:100vw;min-height:100vh;padding:42px 18px 76px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";opacity:.34;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.login-page:after{content:"";pointer-events:none;background:#ffffff0d;border:1px solid #ffffff14;border-radius:36px;width:560px;height:420px;position:absolute;top:24%;right:60%;transform:rotate(12deg)}.login-top-chip{z-index:1;background:#ffffff29;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:9px;padding:8px 13px;font-size:13px;display:inline-flex;position:absolute;top:16px;left:18px;box-shadow:0 12px 28px #0000001f}.login-guide-action{z-index:2;position:absolute;top:16px;right:18px}.login-guide-action .guide-workflow-btn{color:#fff;background:#ffffff29;border-color:#ffffff2e}.login-guide-action .guide-workflow-btn:hover{color:#fff;background:#ffffff3d}.login-home-link{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:12px;align-items:center;gap:8px;min-height:38px;padding:8px 13px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;position:absolute;top:18px;right:18px}.login-home-link:hover{color:#fff;background:#ffffff38}.login-card{z-index:1;width:min(100%,420px);min-width:0;max-width:calc(100vw - 36px);color:var(--text-primary);background:#fafcfbf2;border:1px solid #ffffffd1;border-radius:28px;justify-self:center;padding:34px 32px 30px;position:relative;overflow:hidden;box-shadow:0 26px 60px #04211747}.login-card-accent{background:linear-gradient(90deg, var(--color-secondary-500), #2fa56b, var(--color-primary-500));border-radius:0 0 999px 999px;height:4px;position:absolute;top:0;left:24px;right:24px}.login-icon{color:#0d7b58;background:#fff;border-radius:19px;place-items:center;width:58px;height:58px;margin:0 auto 16px;display:grid;box-shadow:0 10px 24px #165c2d1f}.login-heading{text-align:center;margin-bottom:20px}.login-heading h1{letter-spacing:0;margin:0;font-size:25px}.login-heading p{color:var(--text-secondary);margin:8px 0 0;font-size:14px}.login-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.login-soft-btn{color:#0d7353;background:#eef7f3;border:1px solid #d8e7df;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:54px;font-weight:700;display:inline-flex}.login-soft-btn:first-child{color:#7b671c;background:#fbf6df;border-color:#eadc9e}.vision-mark{z-index:1;text-align:center;color:#fff3;line-height:1;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.vision-mark span,.vision-mark small{font-size:13px;display:block}.vision-mark strong{font-size:52px;display:block}.login-footer{z-index:1;color:#ffffffd1;white-space:nowrap;background:#03231a9e;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:8px 13px;font-size:12px;display:inline-flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.shell{direction:ltr;background:#f6f8f7;grid-template-columns:minmax(0,1fr) 272px;height:100dvh;display:grid;overflow:hidden}.shell.employee-self-service{grid-template-columns:minmax(0,1fr) 272px}.sidebar{background:var(--color-sidebar,#fff);color:var(--color-sidebar-text);border-left:1px solid var(--color-sidebar-border);z-index:25;direction:rtl;grid-area:1/2;width:272px;height:100dvh;padding:10px 8px;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-2px 0 14px #0f3e1f0d}.main-sidebar{flex-direction:column;min-height:0;display:flex}.brand{border-bottom:1px solid var(--color-sidebar-border);flex:none;align-items:center;gap:8px;margin-bottom:4px;padding:12px 10px 14px;display:flex}.mobile-sidebar-close{margin-inline-start:auto;display:none!important}.brand-mark{background:linear-gradient(135deg, var(--color-secondary-500), var(--color-primary-500));color:#fff;border-radius:8px;place-items:center;width:40px;height:40px;font-weight:800;display:grid;box-shadow:0 5px 12px #00000029}.brand h1{color:var(--color-sidebar-text);margin:0;font-size:16px}.brand p{color:var(--color-sidebar-muted);margin:2px 0 0;font-size:10.5px}.sidebar-user-panel{color:var(--color-sidebar-text);background:linear-gradient(135deg,#f0f7f2 0%,#e8f5ec 100%);border:1px solid #d8ead9;border-radius:9px;flex:none;align-items:center;gap:8px;margin:2px 0 8px;padding:8px;display:flex}.sidebar-user-panel .user-avatar{background:linear-gradient(135deg, var(--color-secondary-500), var(--color-primary-500));color:#fff;border-radius:999px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid;box-shadow:0 3px 8px #00000029}.sidebar-user-panel div{gap:2px;min-width:0;display:grid}.sidebar-user-panel strong{text-overflow:ellipsis;white-space:nowrap;color:var(--color-sidebar-text);font-size:13px;overflow:hidden}.sidebar-user-panel small{color:var(--color-sidebar-muted);font-size:11px}.sidebar-search{border:1px solid var(--color-sidebar-border);height:38px;color:var(--color-sidebar-muted);background:#f7faf8;border-radius:9px;align-items:center;gap:8px;margin:0 4px 14px;padding:0 10px;display:flex}.sidebar-search input{width:100%;min-width:0;color:var(--color-sidebar-text);background:0 0;border:0;outline:0}.sidebar-search input::placeholder{color:var(--color-sidebar-muted)}.nav{scrollbar-width:thin;scrollbar-color:#d8ead9 transparent;flex:auto;align-content:start;gap:4px;min-height:0;padding-bottom:8px;display:grid;overflow:hidden auto}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-track{background:0 0}.nav::-webkit-scrollbar-thumb{background:#d8ead9;border-radius:999px}.nav::-webkit-scrollbar-thumb:hover{background:#c8e6cf}.nav-group{gap:0;margin-bottom:0;display:grid}.nav-item-pinned+.nav-group,.nav-group+.nav-group{border-top:1px solid var(--color-sidebar-border);margin-top:4px;padding-top:4px}.nav-group-header{text-align:right;cursor:pointer;width:100%;font:inherit;min-height:40px;color:var(--color-sidebar-muted);border:0;background:0 0;border-inline-end:2px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:9px 12px;font-size:14px;font-weight:600;transition:background .16s,color .16s,border-color .16s;display:flex}.nav-group-header span.label-cluster{align-items:center;gap:7px;display:inline-flex}.nav-group-header:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-active-text)}.nav-group.open>.nav-group-header{background:var(--color-sidebar-active-bg);color:var(--color-sidebar-active-text);border-inline-end-color:var(--color-primary-500,#165c2d)}.nav-group.open>.nav-group-header:hover{background:var(--color-sidebar-hover-strong,#d8ead9)}.nav-group-header .chev{opacity:.75;transition:transform .22s}.nav-group.open>.nav-group-header .chev{opacity:1;transform:rotate(180deg)}.nav-group-meta{align-items:center;gap:6px;display:inline-flex}.nav-group-count{min-width:20px;height:16px;color:var(--color-sidebar-muted);background:#f0f4f1;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;transition:background .16s,color .16s;display:none}.nav-group.open>.nav-group-header .nav-group-count{background:var(--color-primary-100,#c8e6cf);color:var(--color-primary-700,#0e3e1f)}.nav-item-pinned{color:var(--color-sidebar-text);background:0 0;border-inline-end:2px solid #0000;margin-bottom:0;padding:9px 12px!important;font-size:14px!important;font-weight:700!important}.nav-item-pinned:hover{background:var(--color-sidebar-hover)}.nav-item-pinned.active{background:var(--color-sidebar-active-bg);color:var(--color-sidebar-active-text);border-inline-end-color:var(--color-primary-500,#165c2d)}.nav-group-items{border-inline-end:1px dashed #e8eee9;flex-direction:column;gap:0;max-height:0;margin-inline-end:10px;padding:0 2px;transition:max-height .24s,padding .2s;display:flex;overflow:hidden}.nav-group.open>.nav-group-items{padding:1px 2px 2px}.nav-group-items>.nav-item{opacity:0;padding-inline-start:24px;font-size:13px;transition:opacity .2s 60ms,transform .2s 60ms,background .16s,color .16s;transform:translateY(-4px)}.nav-group.open>.nav-group-items>.nav-item{opacity:1;transform:translateY(0)}.nav-group-toggle,.nav-item{text-align:right;cursor:pointer;width:100%;font:inherit;background:0 0;border:0}.nav-group-toggle{min-height:38px;color:var(--color-sidebar-muted);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.nav-group-toggle span{align-items:center;gap:9px;display:inline-flex}.nav-group-toggle:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text)}.chevron{transition:transform .18s}.chevron.open{transform:rotate(-90deg)}.nav-subtree{border-right:1px solid var(--color-sidebar-border);gap:2px;padding:0 8px 7px 0;display:grid}.nav-item{min-height:34px;color:var(--color-sidebar-muted);border-radius:8px;grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;padding:7px 10px;font-size:13px;transition:background .16s,color .16s;display:grid}.nav-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-item:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-active-text)}.nav-item.active{background:var(--color-sidebar-active-bg,#e8f5ec);color:var(--color-sidebar-active-text,#0e3e1f);box-shadow:inset 3px 0 0 var(--color-primary-500,#165c2d);font-weight:600}.nav-item.active:hover{background:var(--color-sidebar-hover-strong,#d8ead9);color:var(--color-sidebar-active-text)}.nav-item.active:before{content:"";background:var(--color-primary-500,#165c2d);border-radius:999px;width:4px;height:4px;margin-inline-end:4px;display:inline-block;box-shadow:0 0 6px #165c2d73}.nav-status{border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800;display:none}.nav-status.live{color:#4ade80;background:#10b9812e}.nav-status.foundation{color:#fbbf24;background:#f59e0b2e}.nav-status.planned{color:var(--color-secondary-500);background:#d4af3724}.nav-item.active .nav-status{color:#fff;background:#ffffff2e}.sidebar-collapse{color:#b91c1c;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:36px;margin-top:6px;font-size:12px;font-weight:600;transition:background .16s,color .16s;display:inline-flex}.sidebar-collapse:hover{color:#991b1b;background:#fee2e2}.sidebar-collapse.legacy{border:1px solid var(--color-sidebar-border);color:var(--color-sidebar-muted);background:#ffffff0a;border-radius:12px;margin-top:auto;font-weight:800}.main{direction:rtl;background:#f6f8f7;grid-area:1/1;min-width:0;height:100vh;padding:18px 20px 24px;overflow:hidden auto}.main>.page{flex-direction:column;gap:14px;width:100%;max-width:none;min-height:calc(100vh - 42px);display:flex}.main>.screen-panel{width:100%;min-width:0;display:none}.main>.screen-panel.active{align-content:start;display:grid}.main>.screen-panel.card.active,.main>.screen-panel.platform-map.active,.main>.screen-panel.audit-log.active,.main>.screen-panel.integration-log.active{display:block}.main>.screen-panel.dashboard-command.active{display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-bottom:1px solid #e8ece9;justify-content:space-between;align-items:center;gap:14px;min-height:42px;margin:-18px -20px 18px;padding:8px 20px;display:flex;position:sticky;top:0}.topbar-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;min-width:0;display:grid}.topbar-heading .eyebrow,.topbar-heading .page-title,.topbar-heading .page-subtitle{grid-column:2}.mobile-menu-btn{grid-area:1/1/span 3;display:none!important}.topbar-date{color:#69727c;white-space:nowrap;justify-content:center;align-items:center;gap:12px;font-size:11px;display:flex}.topbar-date span+span{border-inline-start:1px solid #e2e8e3;padding-inline-start:12px}.topbar-tools{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.eyebrow{color:var(--color-primary-600);margin:0 0 4px;font-size:11px;font-weight:700}.page-title{margin:0;font-size:18px;font-weight:800}.page-subtitle{color:var(--text-secondary);margin:3px 0 0;font-size:12px}.grid{gap:14px;display:grid}.stats{grid-template-columns:repeat(auto-fit,minmax(156px,1fr));margin-bottom:16px}.dashboard-command{border-right:5px solid var(--color-secondary-500);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.dashboard-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.dashboard-operations{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);align-items:start;margin-bottom:20px}.operations-mini-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}.platform-map{margin-bottom:20px}.module-grid,.feature-foundations{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.module-tile{border:1px solid var(--border-light);background:linear-gradient(180deg, #fff 0%, var(--color-primary-50) 100%);min-height:150px;color:var(--text-primary);text-align:right;border-radius:16px;align-content:start;gap:7px;padding:14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.module-tile:hover{border-color:var(--color-primary-500);background:linear-gradient(180deg, #fff 0%, var(--color-primary-100) 100%);box-shadow:var(--shadow-card);transform:translateY(-2px)}.module-icon,.foundation-icon{background:var(--color-primary-50);width:34px;height:34px;color:var(--color-primary-500);border-radius:10px;place-items:center;display:grid}.module-tile strong{font-size:15px;font-family:var(--font-family-heading)}.module-tile small{color:var(--color-primary-600);font-weight:800}.module-tile p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.feature-foundations{margin-bottom:20px}.foundation-card{min-height:178px;box-shadow:none}.foundation-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.foundation-card ul{color:var(--text-secondary);margin:0;padding:0 18px 0 0;font-size:13px;line-height:1.9}.organization-area{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);align-items:start;margin-bottom:20px}.job-salary-area{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;margin-bottom:20px}.single-column-area{grid-template-columns:minmax(0,1fr)}.job-salary-area .mini-stats,.job-salary-area .form-two-columns,.job-salary-area .form-three-columns{flex:none}.job-salary-area .table-wrap{flex:1 1 0;min-height:128px}.organization-dashboard{grid-row:span 3}.organization-layout{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);align-items:start;gap:14px;display:grid}.org-chart-panel,.org-table-panel{border:1px solid var(--border-light);background:var(--bg-secondary);border-radius:8px;min-width:0;padding:14px}.subsection-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.subsection-head h4{color:var(--text-primary);margin:2px 0 0;font-size:15px}.org-tree,.org-tree-children{margin:0;padding:0;list-style:none}.org-tree{gap:10px;display:grid}.org-tree-children{border-right:1px solid var(--border-light);gap:8px;margin:8px 18px 0 0;padding-right:18px;display:grid;position:relative}.org-tree-node{border:1px solid var(--border-light);background:var(--bg-primary);box-shadow:var(--shadow-card);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.org-tree-node.level-1{border-right:3px solid var(--color-primary-500)}.org-tree-node.level-2{border-right:3px solid var(--color-warning)}.org-tree-node.level-3,.org-tree-node.level-4{border-right:3px solid var(--color-info)}.org-tree-node.inactive{opacity:.72;background:var(--color-gray-50)}.org-node-main,.org-node-meta{min-width:0}.org-node-main{align-items:center;gap:8px;display:flex}.org-node-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.org-node-code{background:var(--color-primary-50);min-width:48px;color:var(--color-primary-700);text-align:center;border-radius:999px;flex:none;padding:3px 8px;font-size:12px;font-weight:700}.org-node-meta{color:var(--text-secondary);flex-wrap:wrap;grid-column:1/-1;gap:6px;font-size:12px;display:flex}.org-node-meta span{border:1px solid var(--border-light);background:var(--bg-secondary);border-radius:999px;padding:3px 8px}.organization-screen{align-content:start;gap:18px}.organization-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.organization-stat-card{background:#fff;border:1px solid #dfe6e2;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 14px;min-height:86px;padding:16px 18px;display:grid;box-shadow:0 12px 28px #0f231b0b}.organization-stat-card strong{color:#121826;overflow-wrap:anywhere;max-width:100%;font-size:20px;font-weight:900;line-height:1.15}.organization-stat-card small{color:#69727c;grid-column:2;font-size:12px;font-weight:700}.organization-stat-icon{border-radius:14px;grid-row:1/span 2;place-items:center;width:44px;height:44px;display:grid}.organization-stat-icon.blue{color:#2563eb;background:#eef5ff}.organization-stat-icon.green{color:#0f9f58;background:#eafbf1}.organization-stat-icon.amber{color:#c68405;background:#fff7df}.organization-stat-icon.violet{color:#9333ea;background:#f4e8ff}.organization-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.organization-add-button{background:var(--color-primary-600);color:#fff;border:0;border-radius:11px;align-items:center;gap:8px;min-height:56px;padding:0 20px;font-weight:900;display:inline-flex;box-shadow:0 12px 24px #0f63322e}.organization-toolbar-actions{align-items:center;gap:12px;min-width:0;display:flex}.organization-search{color:#8a95a3;background:#fff;border:1px solid #d8e1dc;border-radius:10px;align-items:center;gap:10px;width:min(280px,32vw);min-height:48px;padding:0 14px;display:flex}.organization-search input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0}.organization-view-tabs{background:#f0f2f4;border-radius:18px;gap:4px;padding:5px;display:inline-flex}.organization-view-tabs button{color:#596370;background:0 0;border:0;border-radius:15px;align-items:center;gap:7px;min-height:38px;padding:0 18px;font-weight:800;display:inline-flex}.organization-view-tabs button.active{color:#162033;background:#fff;box-shadow:0 8px 18px #101e2d14}.organization-canvas-card{background:#fff;border:1px solid #dfe6e2;border-radius:14px;min-height:min(62vh,650px);padding:24px;position:relative;overflow:hidden;box-shadow:0 16px 34px #0f231b0a}.organization-canvas-toolbar{background:#f3f4f6;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:12px;display:flex}.organization-toolset{align-items:center;gap:8px;display:flex}.organization-toolset button{color:#334155;background:#fff;border:0;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.organization-toolset button.active{color:#fff;background:#3b82f6;box-shadow:0 10px 22px #3b82f647}.organization-zoom-meta{color:#52606f;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.organization-chart-viewport{background:radial-gradient(circle at 50% 12%,#3b82f60d,#0000 32%),#fcfdfd;border-radius:0 0 12px 12px;place-items:start center;min-height:470px;padding:56px 28px 96px;display:grid;overflow:auto}.org-chart-tree{transform-origin:top;min-width:max-content;transition:transform .18s}.org-chart-branch{justify-items:center;gap:28px;display:grid;position:relative}.org-chart-children{justify-content:center;align-items:flex-start;gap:28px;padding-top:26px;display:flex;position:relative}.org-chart-children:before{content:"";background:#d8e0e6;width:1px;height:26px;position:absolute;top:0;right:50%}.org-chart-children .org-chart-branch:before{content:"";background:#d8e0e6;width:1px;height:26px;position:absolute;top:-26px;right:50%}.org-chart-node{color:#fff;background:linear-gradient(135deg,#3b82f6,#7c3aed);border:1px solid #3b82f652;border-radius:18px;align-content:center;justify-items:center;gap:8px;width:220px;min-height:150px;padding:18px 18px 0;display:grid;overflow:hidden;box-shadow:0 18px 34px #4555be3d}.org-chart-node:disabled{cursor:default}.org-chart-node.inactive{filter:grayscale(.2);opacity:.72}.org-chart-node-icon{background:#fff3;border-radius:999px;place-items:center;width:54px;height:54px;display:grid}.org-chart-node strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:17px;font-weight:900;overflow:hidden}.org-chart-node small{color:#ffffffd1;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:18px;font-size:11px;overflow:hidden}.org-chart-node-footer{background:#ffffff14;border-top:1px solid #ffffff2e;justify-content:flex-end;align-items:center;gap:5px;width:calc(100% + 36px);min-height:38px;margin-top:8px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.org-chart-branch.level-1>.org-chart-node{background:linear-gradient(135deg,#0f9f58,#16a34a);box-shadow:0 18px 34px #0f9f5833}.org-chart-branch.level-2>.org-chart-node{background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 18px 34px #2563eb2e}.org-chart-branch.level-3>.org-chart-node,.org-chart-branch.level-4>.org-chart-node{background:linear-gradient(135deg,#64748b,#334155);box-shadow:0 18px 34px #33415524}.org-chart-empty{color:#6b7280;justify-items:center;gap:12px;font-weight:800;display:grid}.org-chart-empty span{width:60px;height:60px;color:var(--color-primary-600);background:#eef8f1;border-radius:18px;place-items:center;display:grid}.organization-minimap{color:#596370;background:#ffffffe6;border:1px solid #e0e6e2;border-radius:12px;width:184px;padding:10px;font-size:11px;font-weight:800;position:absolute;bottom:24px;right:24px;box-shadow:0 14px 30px #0f231b14}.organization-minimap div{background:#dbeafe;border:2px solid #60a5fa;border-radius:4px;height:86px;margin:8px 0;position:relative}.organization-minimap i{background:#0f63321a;border-radius:999px;position:absolute;inset:28px 58px}.org-list-view,.organization-table-view{background:#fbfcfc;border:1px solid #edf1ee;border-radius:12px;min-height:470px;padding:18px}.employee-management-screen{align-content:start;gap:18px}.employee-management-tabs{background:#fff;border:1px solid #e4e9e5;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:64px;padding:8px;display:grid;box-shadow:0 12px 30px #0f231b09}.employee-management-tabs button{color:#66707c;background:0 0;border:0;border-radius:15px;justify-content:center;align-items:center;gap:10px;min-height:48px;font-weight:800;display:inline-flex}.employee-management-tabs button.active{color:#fff;background:#2563eb;box-shadow:0 14px 28px #2563eb38}.employee-management-tabs button span{background:#ffffff2e;border-radius:999px;min-width:30px;padding:3px 8px;font-size:11px}.employee-management-tabs button:not(.active) span{color:#2563eb;background:#edf4ff}.employee-management-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.employee-add-button{background:var(--color-primary-600);color:#fff;border:0;border-radius:12px;align-items:center;gap:8px;min-height:52px;padding:0 20px;font-weight:900;display:inline-flex;box-shadow:0 12px 24px #0f63322e}.employee-refresh-btn{border-radius:12px;min-height:52px}.employee-segmented-tabs{background:#f0f2f4;border-radius:18px;gap:5px;padding:5px;display:inline-flex}.employee-segmented-tabs button{color:#66707c;background:0 0;border:0;border-radius:15px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-weight:800;display:inline-flex}.employee-segmented-tabs button.active{color:#2563eb;background:#fff;box-shadow:0 8px 18px #101e2d14}.employee-segmented-tabs button span:last-child{color:#2563eb;background:#e9f1ff;border-radius:999px;min-width:28px;padding:2px 8px;font-size:11px}.employee-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.employee-metric-card{background:#fff;border:1px solid #dfe6e2;border-radius:14px;align-content:center;justify-items:start;gap:9px;min-height:140px;padding:22px 24px;display:grid;box-shadow:0 12px 28px #0f231b0b}.employee-metric-card small{color:#66707c;font-size:13px;font-weight:700}.employee-metric-card strong{color:#121826;overflow-wrap:anywhere;max-width:100%;font-size:22px;font-weight:900;line-height:1.15}.employee-metric-icon{border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:4px;display:grid}.employee-metric-icon.blue{color:#2563eb;background:#dbeafe}.employee-metric-icon.green{color:#059669;background:#d9fbe8}.employee-metric-icon.amber{color:#d97706;background:#fef3c7}.employee-metric-icon.violet{color:#9333ea;background:#f3e8ff}.employee-list-card{background:#fff;border:1px solid #dfe6e2;border-radius:14px;overflow:hidden;box-shadow:0 14px 30px #0f231b0a}.employee-list-header{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.employee-list-header h3{color:#121826;margin:0;font-size:20px}.employee-list-header p{color:#69727c;margin:4px 0 0;font-size:12px}.employee-filter-stack{gap:12px;padding:18px 24px 20px;display:grid}.employee-search-field,.employee-select-field{color:#8a95a3;background:#fff;border:1px solid #d8e1dc;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.employee-search-field input,.employee-select-field select{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0}.employee-table-wrap{padding:0 24px 24px;overflow:auto}.employee-table-wrap table{border-collapse:separate;border-spacing:0;border:1px solid #e4e9e5;border-radius:14px;width:100%;min-width:980px;overflow:hidden}.employee-table-wrap th{color:#334155;text-align:right;white-space:nowrap;background:#f3f4f6;height:52px;padding:0 14px;font-size:12px;font-weight:900}.employee-table-wrap td{color:#334155;vertical-align:middle;border-top:1px solid #edf1ee;min-height:64px;padding:14px;font-size:13px}.employee-person-cell{align-items:center;gap:10px;min-width:210px;display:flex}.employee-person-cell>span{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:999px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.employee-person-cell div{gap:3px;min-width:0;display:grid}.employee-person-cell strong{color:#121826;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.employee-person-cell small{color:#6b7280;text-align:right;direction:ltr;font-size:11px}.employee-number-chip,.employee-grade-chip{color:#475569;background:#eef2f7;border-radius:6px;justify-content:center;align-items:center;min-height:24px;padding:2px 8px;font-weight:800;display:inline-flex}.employee-grade-chip{color:#2563eb;background:#eef5ff}.employee-profile-link{color:#475569;background:0 0;border:0;font-weight:800}.employee-profile-link:hover{color:var(--color-primary-600)}.employee-readiness-dot{color:#d97706;margin-inline-start:8px;font-size:11px;font-weight:800;display:inline-flex}.employee-readiness-dot.ready{color:#059669}.employee-profile-layout{direction:ltr;background:#fff;border:1px solid #dfe6e2;border-radius:14px;grid-template-columns:minmax(0,1fr) 320px;gap:0;display:grid;overflow:hidden;box-shadow:0 14px 30px #0f231b0a}.employee-profile-main,.employee-profile-sidebar{direction:rtl}.employee-profile-main{background:#fff;align-content:start;gap:22px;min-width:0;padding:28px;display:grid}.employee-profile-sidebar{background:#fbfcfc;border-right:1px solid #e6ece8;align-content:start;gap:12px;min-width:0;padding:18px 14px;display:grid}.employee-profile-actionbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.employee-profile-actions-wrap{display:inline-flex;position:relative}.employee-profile-menu-trigger[aria-expanded=true]{color:#1f2937;background:#f1f5f9}.employee-profile-menu{z-index:12;background:#fff;border:1px solid #e3e8e4;border-radius:14px;width:218px;padding:8px 0;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 42px #0f172a24}.employee-profile-menu button{color:#3f4956;text-align:right;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:10px;min-height:40px;padding:0 16px;font-size:13px;font-weight:800;display:flex}.employee-profile-menu button:hover{color:var(--color-primary-600);background:#f8fafc}.employee-profile-menu span{background:#edf1ee;height:1px;margin:7px 0}.employee-profile-menu button.danger{color:#ef4444}.employee-profile-menu button.danger:hover{color:#dc2626;background:#fff5f5}.employee-profile-hero{background:linear-gradient(#fff 0%,#fbfcfc 100%);border-bottom:1px solid #e8efea;gap:22px;padding:22px;display:grid}.employee-profile-identity{justify-content:flex-start;align-items:center;gap:18px;display:flex}.employee-profile-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#7c3aed);border-radius:999px;place-items:center;width:66px;height:66px;font-size:24px;font-weight:900;display:grid;box-shadow:0 16px 30px #2563eb3d}.employee-profile-identity h2{color:#121826;margin:8px 0 2px;font-size:25px;line-height:1.25}.employee-profile-identity p{color:#475569;margin:0;font-weight:700}.employee-profile-status,.employee-readiness-pill,.employee-profile-list-item em{color:#047857;background:#d9fbe8;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:2px 10px;font-size:11px;font-style:normal;font-weight:900;display:inline-flex}.employee-profile-facts{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.employee-profile-facts>div,.employee-profile-field{background:#fbfcfc;border:1px solid #edf1ee;border-radius:12px;gap:8px;min-width:0;padding:16px;display:grid}.employee-profile-facts small,.employee-profile-field small{color:#7a8591;font-size:12px;font-weight:800}.employee-profile-facts strong,.employee-profile-field strong{color:#18212f;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900;overflow:hidden}.employee-profile-tabs{border-bottom:1px solid #e8efea;gap:10px;padding:0 2px 4px;display:flex;overflow-x:auto}.employee-profile-tabs button{color:#66707c;background:0 0;border:0;border-radius:12px 12px 0 0;flex:none;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:900;display:inline-flex}.employee-profile-tabs button.active{color:#2563eb;background:#eef5ff}.employee-profile-detail-card{background:#fff;border:1px solid #e3eae6;border-radius:16px;gap:22px;min-height:420px;padding:26px;display:grid}.employee-profile-detail-head{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.employee-profile-detail-head h3{color:#121826;margin:0;font-size:22px}.employee-profile-detail-head p{color:#6b7280;margin:5px 0 0;font-size:12px}.employee-readiness-pill{color:#c2410c;background:#fff7ed}.employee-readiness-pill.ready{color:#047857;background:#d9fbe8}.employee-profile-field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.employee-profile-field{background:#fff;justify-content:end;min-height:88px}.employee-profile-sidebar-head{align-items:center;gap:10px;padding:2px 2px 8px;display:flex}.employee-profile-sidebar-head h3{color:#121826;margin:0;font-size:20px}.employee-profile-sidebar-head p{color:#7a8591;margin:4px 0 0;font-size:12px}.employee-search-field.compact{border-radius:18px;min-height:42px;padding:0 10px}.employee-profile-filter-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.employee-profile-filter-row select{color:#475569;background:#fff;border:1px solid #d8e1dc;border-radius:12px;min-width:0;min-height:38px;padding:0 10px;font-weight:800}.employee-profile-list{gap:4px;max-height:620px;padding-inline-end:2px;display:grid;overflow:auto}.employee-profile-list-item{color:#334155;text-align:right;background:0 0;border:0;border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:62px;padding:8px 10px;display:grid}.employee-profile-list-item.active{background:#e9f1ff;box-shadow:inset -4px 0 #2563eb}.employee-profile-list-avatar{color:#fff;background:#2f74f0;border-radius:999px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.employee-profile-list-item span:nth-child(2){gap:3px;min-width:0;display:grid}.employee-profile-list-item strong,.employee-profile-list-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.employee-profile-list-item strong{color:#18212f;font-size:13px;font-weight:900}.employee-profile-list-item small{color:#6b7280;font-size:11px}.employee-profile-list-item em{color:#64748b;background:#eef2f7}.employee-profile-list-item em.ready{color:#047857;background:#d9fbe8}.leave-console-screen{align-content:start;gap:18px;display:grid}.leave-console-header{background:#fff;border:1px solid #edf1ee;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:10px 18px;display:flex;box-shadow:0 12px 30px #0f231b09}.leave-console-header h2{color:#121826;align-items:center;gap:8px;margin:0 8px 0 0;font-size:22px;display:inline-flex}.leave-console-header p{color:#7a8591;margin:4px 0 0;font-size:12px;font-weight:700}.leave-console-tabs{background:#fff;border:1px solid #edf1ee;border-radius:16px;justify-content:flex-end;gap:0;min-height:58px;display:flex;overflow:hidden}.leave-console-tabs button{color:#66707c;background:0 0;border:0;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:8px;min-width:150px;min-height:58px;font-weight:900;display:inline-flex}.leave-console-tabs button.active{border-bottom-color:var(--color-primary-600);color:var(--color-primary-700);background:#f3fbf6}.leave-status-strip{flex-wrap:wrap;justify-content:flex-end;gap:14px;padding-top:4px;display:flex}.leave-status-strip span{border-radius:999px;align-items:center;gap:8px;min-height:32px;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex}.leave-status-strip .pending{color:#c2410c;background:#fff7ed}.leave-status-strip .active{color:#047857;background:#dffbea}.leave-status-strip .info{color:#2563eb;background:#eaf1ff}.leave-period-label{color:#66707c;margin:8px 0 0;font-size:13px;font-weight:800}.leave-stat-grid,.leave-operations-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.leave-stat-card{border:1px solid #0000;border-radius:14px;align-content:center;justify-items:end;gap:8px;min-height:120px;padding:18px 20px;display:grid}.leave-stat-card strong{color:#121826;overflow-wrap:anywhere;max-width:100%;font-size:22px;line-height:1.15}.leave-stat-card span{color:#66707c;font-size:13px;font-weight:800}.leave-stat-card.blue{color:#2563eb;background:#eaf1ff}.leave-stat-card.amber{color:#d97706;background:#fff7df}.leave-stat-card.green{color:#059669;background:#e6fbef}.leave-stat-card.red{color:#ef4444;background:#fff1f1}.leave-operation-card{color:#121826;text-align:right;background:#fff;border:1px solid #dfe6e2;border-radius:14px;align-content:center;justify-items:start;gap:7px;min-height:112px;padding:18px 20px;display:grid;position:relative;box-shadow:0 12px 28px #0f231b09}.leave-operation-card.selected{border-color:#b9d8ff;box-shadow:0 16px 32px #2563eb1f}.leave-operation-card>span{color:#fff;background:#f59e0b;border-radius:999px;place-items:center;min-width:24px;height:24px;font-size:11px;font-weight:900;display:grid;position:absolute;top:16px;right:16px}.leave-operation-card strong,.leave-service-tile strong{color:#121826;font-size:17px;font-weight:900}.leave-operation-card small,.leave-service-tile small{color:#7a8591;font-size:12px;font-weight:700}.leave-services-card,.leave-list-card,.leave-decision-preview,.leave-decision-form-card,.leave-articles-card,.leave-article-toolbar{background:#fff;border:1px solid #dfe6e2;border-radius:14px;box-shadow:0 12px 28px #0f231b09}.leave-services-head{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px 16px;display:flex}.leave-services-head h3{color:#121826;margin:0;font-size:20px}.leave-services-head p{color:#7a8591;margin:5px 0 0;font-size:12px}.leave-service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:24px;display:grid}.leave-service-tile{text-align:center;background:#fbfcfc;border:1px solid #0000;border-radius:14px;align-content:center;justify-items:center;gap:7px;min-height:104px;padding:16px;display:grid}.leave-service-tile.green{background:#effdf4;border-color:#86efac}.leave-service-tile.amber{background:#fffbeb;border-color:#fde68a}.leave-service-tile.purple{background:#faf5ff;border-color:#e9d5ff}.leave-service-tile.red{background:#fff5f5;border-color:#fecaca}.leave-service-tile.blue{background:#eef5ff;border-color:#bfdbfe}.leave-service-tile.cyan{background:#ecfeff;border-color:#a5f3fc}.leave-service-tile.teal{background:#f0fdfa;border-color:#99f6e4}.leave-service-tile.orange{background:#fff7ed;border-color:#fed7aa}.leave-list-card{overflow:hidden}.leave-list-tabs{background:#f8fafc;border-bottom:1px solid #edf1ee;justify-content:flex-end;gap:8px;padding:12px 14px;display:flex}.leave-list-tabs button{color:#66707c;background:0 0;border:0;border-radius:12px;min-height:38px;padding:0 16px;font-weight:900}.leave-list-tabs button.active{color:#121826;background:#fff;box-shadow:0 8px 18px #101e2d14}.leave-decision-layout{grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:18px;display:grid}.leave-decision-preview,.leave-decision-form-card{min-height:560px}.leave-decision-preview{align-content:start;gap:70px;padding:28px;display:grid}.leave-decision-preview h3{color:#121826;margin:0;font-size:20px}.leave-decision-preview>p{color:#a0a8b2;justify-self:center;font-weight:800}.leave-decision-document{background:#fbfcfc;border:1px dashed #b6c3cc;border-radius:14px;gap:12px;padding:24px;line-height:1.9;display:grid}.leave-decision-inner{background:#fff;border:1px solid #e5ece8;border-radius:14px;gap:16px;margin:22px;padding:22px;display:grid}.leave-decision-inner h3{color:#121826;margin:0}.leave-articles-area{gap:18px;display:grid}.leave-article-toolbar{grid-template-columns:auto 180px minmax(0,1fr);gap:12px;padding:18px;display:grid}.leave-article-groups{gap:18px;padding:22px;display:grid}.leave-article-group{background:#fbfcfc;border:1px solid #e5ece8;border-radius:14px;overflow:hidden}.leave-article-group-head{background:#fff;border-bottom:1px solid #edf1ee;justify-content:flex-end;align-items:center;gap:12px;min-height:58px;padding:0 18px;display:flex}.leave-article-group-head span{background:#3b82f6;border-radius:999px;width:10px;height:10px}.leave-article-group-head strong{color:#121826;font-size:16px}.leave-article-group-head small{color:#64748b;font-weight:800}.leave-article-row{background:#fff;border:1px solid #edf1ee;border-radius:14px;grid-template-columns:82px minmax(0,1fr);gap:16px;margin:14px;padding:18px;display:grid}.leave-article-row span{color:#1d4ed8;background:#eaf1ff;border-radius:999px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:900;display:inline-flex}.leave-article-row strong{color:#121826;margin-top:10px;display:block}.leave-article-row p{color:#334155;margin:10px 0;line-height:1.8}.leave-article-row small{color:#7a8591}.leave-article-actions{justify-content:center;align-items:center;gap:12px;display:flex}.leave-article-actions button{color:#64748b;background:0 0;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.leave-article-actions button:first-child{color:#ef4444}.attendance-console-screen{align-content:start;gap:18px;display:grid}.attendance-console-header{background:#fff;border:1px solid #edf1ee;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:10px 18px;display:flex;box-shadow:0 12px 30px #0f231b09}.attendance-console-header h2{color:#121826;margin:0;font-size:22px}.attendance-console-header p{color:#7a8591;margin:5px 0 0;font-size:12px;font-weight:700}.attendance-console-tabs{background:#fff;border:1px solid #edf1ee;border-radius:16px 16px 0 0;justify-content:flex-end;min-height:64px;display:flex;overflow:hidden}.attendance-console-tabs button{color:#66707c;background:0 0;border:0;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:9px;min-width:170px;min-height:64px;font-weight:900;display:inline-flex}.attendance-console-tabs button.active{color:#2563eb;background:#eff6ff;border-bottom-color:#2563eb}.attendance-device-alert{color:#ef4444;background:#fff5f5;border:1px solid #fecaca;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 18px;display:flex}.attendance-device-alert>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.attendance-device-alert>div>span{background:#ef4444;border-radius:999px;width:10px;height:10px}.attendance-device-alert strong{font-weight:900}.attendance-device-alert small{color:#ef4444;opacity:.78;font-weight:800}.attendance-daily-card,.attendance-placeholder-card{background:#fff;border:1px solid #dfe6e2;border-radius:18px;gap:18px;padding:18px;display:grid;box-shadow:0 14px 30px #0f231b0a}.attendance-filter-panel{background:#fbfcfc;border:1px solid #edf1ee;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:14px;padding:20px;display:grid}.attendance-filter-panel .field{margin:0}.attendance-check-toggle{color:#334155;white-space:nowrap;justify-content:center;align-items:center;gap:10px;min-height:48px;font-size:13px;font-weight:800;display:inline-flex}.attendance-check-toggle input{width:17px;height:17px}.attendance-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.attendance-stat-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-stat-card{background:#fff;border:2px solid #d8e1dc;border-radius:14px;place-items:center;gap:6px;min-height:92px;padding:16px;display:grid}.attendance-stat-card strong{color:#121826;overflow-wrap:anywhere;max-width:100%;font-size:22px;line-height:1.15}.attendance-stat-card span{color:#64748b;font-size:13px;font-weight:900}.attendance-stat-card.total{border-color:#cbd5e1}.attendance-stat-card.present{background:#f0fdf4;border-color:#22c55e}.attendance-stat-card.present strong,.attendance-stat-card.present span{color:#15803d}.attendance-stat-card.absent{background:#fff1f2;border-color:#fb7185}.attendance-stat-card.absent strong,.attendance-stat-card.absent span{color:#be123c}.attendance-stat-card.late{background:#fefce8;border-color:#eab308}.attendance-stat-card.late strong,.attendance-stat-card.late span{color:#a16207}.attendance-stat-card.leave{background:#eff6ff;border-color:#60a5fa}.attendance-stat-card.leave strong,.attendance-stat-card.leave span{color:#1d4ed8}.attendance-results-panel{background:#fff;border:1px solid #dfe6e2;border-radius:14px;min-height:230px;overflow:hidden}.attendance-empty-state{color:#9aa3ad;align-content:center;place-items:center;gap:14px;min-height:230px;display:grid}.attendance-empty-state p{margin:0;font-weight:800}.attendance-placeholder-card{align-content:start;min-height:360px}.attendance-placeholder-card h3{color:#121826;margin:0;font-size:22px}.attendance-placeholder-card p{color:#64748b;margin:8px 0 0;font-weight:700}.compact-table table{min-width:560px}.approvals-workflow-screen .compact-table table{min-width:920px}.approval-task-summary{min-width:220px}.approval-task-summary strong,.approval-task-summary small{display:block}.approval-task-summary small{color:var(--text-secondary);margin-top:4px;line-height:1.55}.approval-decision-modal textarea.input{resize:vertical;min-height:112px}.approval-decision-summary{border:1px solid var(--border-light);background:var(--bg-secondary);border-radius:8px;gap:6px;padding:12px;display:grid}.approval-decision-summary strong,.approval-decision-summary small{display:block}.approval-decision-summary small{color:var(--text-secondary);line-height:1.55}.lifecycle-area{grid-template-columns:minmax(0,1.25fr) minmax(360px,.85fr);align-items:start;margin-bottom:20px}.employee-portal-grid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start}.attendance-monitor-area{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:start}.attendance-monitor-summary{grid-row:span 2}.employee-portal-hero{grid-column:1/-1}.portal-quick-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.employee-self-service .main{background:#fbfcfd;padding:18px 24px 28px}.employee-self-service .topbar{border-bottom-color:#edf1f4;min-height:58px;margin:-18px -24px 24px;padding:10px 24px;box-shadow:0 8px 24px #10182808}.employee-self-service .brand-mark,.employee-self-service .user-avatar{color:#fff;background:#146534;border-radius:999px}.employee-self-service .nav-item.active{color:#fff;background:#166934;box-shadow:0 10px 24px #1669342e}.employee-self-service .nav-item.active small{color:#ffffffc7}.employee-portal-home{gap:16px}.portal-welcome-band{color:#101828;background:#edf5ff;border:1px solid #b9d5ff;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:104px;padding:22px 26px;display:grid}.portal-welcome-avatar{color:#183b62;background:#fff;border-radius:22px;place-items:center;width:64px;height:64px;font-size:28px;font-weight:900;display:grid;box-shadow:0 12px 28px #14497c14}.portal-welcome-band h3{margin:0;font-size:24px;font-weight:900}.portal-welcome-band p{color:#64748b;margin:5px 0 0}.portal-welcome-kicker{font-size:12px;color:#7c8da3!important;margin:0 0 8px!important}.portal-welcome-badge{color:#2563eb;background:#dbeafe;border-radius:999px;align-self:end;padding:6px 11px;font-size:12px;font-weight:800}.portal-employee-preview{max-width:360px}.portal-section-tabs{background:#fff;border:1px solid #e8edf2;border-radius:18px;align-items:center;gap:18px;min-height:54px;padding:8px;display:flex;overflow-x:auto}.portal-section-tabs button{color:#667085;white-space:nowrap;background:0 0;border:0;border-radius:14px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-weight:800;display:inline-flex}.portal-section-tabs button.active{color:#fff;background:#2563eb;box-shadow:0 10px 20px #2563eb2e}.portal-action-grid{grid-template-columns:repeat(8,minmax(118px,1fr));gap:12px;display:grid}.portal-action-tile{color:#155e75;border:0;border-radius:16px;place-items:center;gap:8px;min-height:86px;font-weight:900;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:inset 0 0 0 1px #ffffffa6}.portal-action-tile:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0f172a14}.portal-action-tile span{font-size:13px}.tile-blue{color:#2563eb;background:#edf5ff}.tile-green{color:#15803d;background:#edf8ef}.tile-purple{color:#6d28d9;background:#f1edff}.tile-cream{color:#b45309;background:#fff8e6}.tile-cyan{color:#0e7490;background:#eafcff}.tile-rose{color:#dc2626;background:#fff1f2}.tile-amber{color:#c26b20;background:#fff8e7}.tile-teal{color:#0f766e;background:#e9fbfb}.tile-mint{color:#15803d;background:#effdf4}.portal-action-offset{grid-column:-2/-1}.portal-metric-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.portal-metric-strip .mini-stat{background:#f8fafc;border:0;min-height:82px}.portal-overview-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.portal-panel{background:#fff;border:1px solid #e8edf2;border-radius:18px;grid-template-rows:auto 1fr;min-height:220px;display:grid;overflow:hidden}.portal-panel-header{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:14px 18px;display:flex}.portal-panel-header h3{margin:0;font-size:15px;font-weight:900}.portal-panel-content,.portal-loading-state,.portal-empty-celebration{text-align:center;color:#667085;place-content:center;gap:8px;min-height:160px;padding:20px;display:grid}.portal-panel-content strong{color:#101828;font-size:18px}.portal-panel-content small,.portal-loading-state,.portal-empty-celebration{font-size:13px}.portal-loading-state:before{content:"";border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:999px;justify-self:center;width:32px;height:32px;animation:.8s linear infinite spin}.portal-empty-celebration:before{content:"";background:radial-gradient(circle at 35% 35%,#facc15 0 18%,#0000 19%),#eff6ff;border-radius:999px;justify-self:center;width:34px;height:34px}.compact-form{gap:9px;margin-bottom:12px}.form-grid{gap:10px;min-width:0;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.document-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.lifecycle-console{grid-row:span 2}.lifecycle-forms,.lifecycle-lists{gap:12px;min-width:0;display:grid}.lifecycle-forms{grid-template-columns:repeat(2,minmax(0,1fr))}.lifecycle-forms .inline-form:last-child{grid-column:1/-1}.lifecycle-table{gap:8px;min-width:0;display:grid}.list-heading{color:var(--color-primary-700);font-size:13px;font-weight:800}.expatriates-area,.separation-area{grid-template-columns:minmax(0,1.2fr) minmax(380px,.9fr);align-items:start;margin-bottom:20px}.expatriates-console,.separation-console{grid-row:span 2}.expatriate-forms,.separation-forms{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.expatriate-forms .inline-form:first-child{grid-column:1/-1}.calculation-box{background:#f8fbf9;border:1px solid #dbe8df;border-radius:10px;gap:10px;padding:12px;display:grid}.compliance-area{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;margin-bottom:20px}.compliance-area .integration-contracts-card{grid-column:1/-1}.eltezam-dictionary-card .system-list{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-area{grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);align-items:start;margin-bottom:20px}.attendance-devices-area{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;margin-bottom:20px}.attendance-foundation-list{gap:14px}.foundation-block{gap:10px;min-width:0;display:grid}.foundation-block-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.payroll-area{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;margin-bottom:20px}.payroll-components-area{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(320px,.72fr);align-items:start;margin-bottom:20px}.payroll-component-form{grid-row:span 2}.component-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mandate-area,.training-bonus-area{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;margin-bottom:20px}.payroll-lines{grid-column:1/-1}.mini-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.mini-stat{background:#fff;border:1px solid #e5eee7;border-radius:10px;align-content:center;gap:3px;min-height:68px;padding:11px 13px;display:grid;box-shadow:0 5px 14px #162d1f09}.mini-stat span{color:var(--text-secondary);font-size:11px;font-weight:600}.mini-stat strong{color:var(--text-primary);overflow-wrap:anywhere;max-width:100%;font-size:19px;font-weight:800;line-height:1.15}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.permission-item{background:#fff;border:1px solid #e5eee7;border-radius:10px;align-content:center;gap:4px;min-height:80px;padding:12px;display:grid}.permission-item span,.permission-item small,.system-row span{color:var(--text-secondary);font-size:12px}.permission-item strong,.system-row strong{font-size:14px}.permission-matrix-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.permission-matrix-actions{justify-content:flex-start;margin-bottom:12px}.role-permissions-card td strong,.role-permissions-card td small{display:block}.role-permissions-card td small{color:var(--text-secondary);margin-top:3px;font-size:11px}.input-with-icon{min-width:0;position:relative}.input-with-icon svg{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-with-icon .input{padding-right:38px}.request-workflow-grid{gap:14px;display:grid}.workflow-procedure{border:1px solid var(--border-light);background:#fff;border-radius:8px;gap:12px;padding:14px;display:grid}.workflow-procedure-header,.workflow-step-title,.workflow-step-meta,.workflow-grants{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.workflow-step-list{gap:10px;display:grid}.workflow-step{background:var(--color-surface-muted);border:1px solid #e5eee7;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.workflow-step-index{background:var(--color-primary-600);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.workflow-step-body{gap:7px;min-width:0;display:grid}.workflow-step-body p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.workflow-step-meta,.workflow-grants{color:var(--text-secondary);flex-wrap:wrap;justify-content:flex-start;font-size:12px}.workflow-grants span{color:var(--text-primary);font-weight:700}.text-danger{color:var(--color-error)!important}.system-list{gap:10px;display:grid}.system-row{background:#fff;border:1px solid #e5eee7;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:11px 12px;display:flex}.system-row div:first-child{gap:4px;display:grid}.action-row{text-align:right;width:100%}.selected-row{border-color:var(--color-primary-500);background:#f3faf5}.policy-note{color:var(--text-primary);background:#fff;border:1px solid #e5eee7;border-radius:10px;gap:8px;padding:12px;display:grid}.policy-note p{color:var(--text-secondary);margin:0;line-height:1.8}.active-note{background:#f3faf5;border-color:#b9dec5}.contract-row small{color:var(--text-secondary);font-size:12px;line-height:1.6}.integration-log,.audit-log{margin-bottom:20px}.audit-details-row td{background:#f8fbf9}.audit-details-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.audit-snapshots{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.audit-snapshots pre{text-align:left;white-space:pre-wrap;word-break:break-word;max-height:240px;color:var(--text-primary);direction:ltr;background:#fff;border:1px solid #dde8df;border-radius:8px;padding:10px;font-size:11px;line-height:1.55;overflow:auto}.hr-catalog-area{grid-template-columns:minmax(0,1.35fr) minmax(330px,.75fr);align-items:start;margin-bottom:20px}.hr-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hr-area-card{background:#fbfdfb;border:1px solid #dde8df;border-radius:12px;gap:10px;min-width:0;padding:13px;display:grid}.hr-area-head{justify-content:space-between;align-items:start;gap:10px;display:flex}.hr-area-head div{gap:4px;min-width:0;display:grid}.hr-area-head span,.hr-source-row small{color:var(--text-secondary);font-size:11px;font-weight:800}.hr-area-head strong{font-size:15px}.hr-area-card p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.7}.hr-source-row,.hr-chip-list{flex-wrap:wrap;gap:7px;display:flex}.hr-source-row small,.hr-chip-list span{color:var(--color-primary-600);background:#eef8f1;border-radius:999px;padding:5px 8px}.hr-chip-list span{color:#55606a;background:#fff;border:1px solid #dde8df;font-size:11px;font-weight:800}.reports-area{grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr);align-items:start;margin-bottom:20px}.settings-area{grid-template-columns:minmax(0,1.35fr) minmax(340px,.75fr);align-items:start;margin-bottom:20px}.settings-dashboard{grid-row:span 3}.database-card .system-row{align-items:flex-start}.database-card .system-row strong,.database-card .system-row small{overflow-wrap:anywhere}.database-card .system-row small{color:var(--text-secondary);font-size:12px}.leave-balances-area{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;margin-bottom:20px}.employee-documents-area{grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr);align-items:start;margin-bottom:20px}.document-profile-card,.document-letter{min-height:100%}.document-selector{margin-bottom:16px}.document-person{background:#fbfdfb;border:1px solid #dbe8df;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.document-person div{gap:4px;min-width:0;display:grid}.document-person strong{font-size:17px}.document-person span{color:var(--text-secondary);font-size:13px}.service-request-banner{background:#f2faf5;border:1px solid #b9d7c7;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.service-request-banner div:first-child{gap:4px;min-width:0;display:grid}.service-request-banner span,.service-request-banner small{color:var(--text-secondary);font-size:12px;font-weight:800}.service-request-banner strong{color:var(--color-primary-700);font-size:15px}.document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.document-field{background:#fbfdfb;border:1px solid #dbe8df;border-radius:12px;align-content:center;gap:5px;min-height:64px;padding:11px;display:grid}.document-field span,.document-meta,.document-note{color:var(--text-secondary);font-size:12px;font-weight:800}.document-field strong{overflow-wrap:anywhere;font-size:14px}.document-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.document-letter p{color:var(--text-secondary);margin:0 0 14px;line-height:1.9}.document-meta{flex-wrap:wrap;gap:8px 14px;margin-bottom:14px;display:flex}.salary-grid{margin-bottom:14px}.document-signature{border-top:1px solid var(--border-light);color:var(--text-secondary);gap:5px;margin-top:18px;padding-top:14px;display:grid}.document-signature strong{color:var(--text-primary)}.payslip-detail{margin-top:14px}.document-balance-list{gap:10px;margin-top:16px;display:grid}.document-balance-list h4{margin:0;font-size:14px}.document-balance-row{background:#fbfdfb;border:1px solid #dbe8df;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px;font-size:13px;display:flex}.balance-usage{min-width:120px;color:var(--text-secondary);gap:5px;font-size:12px;font-weight:800;display:grid}.reports-overview{grid-row:span 2}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.report-list{gap:10px;display:grid}.report-list h4{margin:0;font-size:14px}.report-bars{gap:10px;display:grid}.report-bar-row{background:#fbfdfb;border:1px solid #dde8df;border-radius:12px;gap:6px;padding:10px;display:grid}.report-bar-label{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.report-bar-label span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.report-bar-track{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden}.report-bar-track span{border-radius:inherit;background:var(--color-primary-500);height:100%;display:block}.work-area{grid-template-columns:minmax(0,1fr);align-items:start}.work-area>aside{min-width:0}.card{background:var(--bg-primary);min-width:0;box-shadow:var(--shadow-card);border:1px solid #e5ebe7;border-radius:10px;padding:16px}.card .card{box-shadow:none;border-radius:10px}.card-header{background:#fff;border-bottom:1px solid #eef2ef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:-16px -16px 14px;padding:14px 16px;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.card-title{margin:0;font-size:16px;font-weight:800}.stat{border-radius:10px;justify-content:space-between;align-items:center;min-height:70px;padding:13px 14px;display:flex;position:relative;overflow:hidden}.stat:before{content:"";inset-inline-end:0;background:var(--color-primary-500);border-radius:999px 0 0 999px;width:4px;position:absolute;top:16px;bottom:16px}.stat-icon{width:36px;height:36px;color:var(--color-primary-500);background:#ecfdf3;border-radius:10px;place-items:center;display:grid}.stat-label{color:var(--text-secondary);margin:0;font-size:11px;font-weight:600}.stat-value{overflow-wrap:anywhere;max-width:100%;margin:5px 0 0;font-size:19px;font-weight:800;line-height:1.15}.stat-value,.mini-stat strong,.badge,td{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.table-wrap{background:#fff;border:1px solid #eef2ef;border-radius:10px;max-width:100%;overflow-x:auto}.device-table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:right;border-bottom:1px solid var(--border-light);vertical-align:middle;padding:11px 10px}th{background:var(--color-gray-50);color:var(--color-gray-700);font-size:11px;font-weight:700}td{color:#303947;font-size:13px}.stack-cell{justify-items:start;gap:6px;min-width:0;display:inline-grid}.saraf-validation-panel{border-top:1px solid var(--border-light);gap:12px;margin-top:14px;padding-top:14px;display:grid}.chip-list{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.chip-list span{color:#475569;white-space:nowrap;background:#f8fafc;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.chip-list.danger span{color:#b91c1c;background:#fef2f2}tbody tr:hover{background:#fbfdfb}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge.pending{color:#9a3412;background:#fff7ed}.badge.approved,.badge.active{color:#047857;background:#ecfdf3}.badge.rejected{color:#b91c1c;background:#fef2f2}.badge.holiday{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}tr.holiday-row{background:#f8fbff}tr.holiday-row:hover{background:#eff6ff}.form{gap:13px;min-width:0;display:grid}.field{gap:6px;min-width:0;display:grid}.checkbox-line{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:.85rem;line-height:1.6;display:flex}.checkbox-line input{accent-color:var(--color-primary-600);margin-top:4px}.form-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.form-three-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.form-four-columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0;display:grid}.sub-card{border:1px solid var(--border-light);background:var(--color-surface);border-radius:8px;min-width:0;padding:14px}.checkbox-field{border:1px solid var(--border-light);background:var(--color-surface-muted);min-height:42px;color:var(--color-text);border-radius:8px;align-items:center;gap:8px;padding:9px 10px;font-size:.86rem;font-weight:700;display:flex}.checkbox-field input{accent-color:var(--color-primary-600)}.checkbox-field span{align-items:center;gap:6px;min-width:0;display:inline-flex}.deduction-type-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.decision-card-grid,.decision-command-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.decision-metric{border:1px solid var(--border-light);background:var(--color-surface);border-radius:8px;gap:8px;min-width:0;padding:14px;display:grid}.decision-metric span{min-width:0;color:var(--color-text-muted);align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.decision-metric svg{color:var(--color-primary-600)}.decision-metric strong{color:var(--color-text);font-size:24px;line-height:1}.decision-section-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:12px;display:flex}.decision-card-link{border:1px solid var(--border-light);background:var(--color-surface);min-width:0;color:var(--color-text);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;padding:12px;text-decoration:none;display:grid}.decision-card-link span{color:var(--color-primary-600)}.decision-card-link strong,.decision-card-link small{min-width:0}.decision-card-link small{color:var(--color-text-muted);grid-column:1/-1;line-height:1.6}.decision-form{gap:12px;min-width:0;display:grid}.decision-form-step{border:1px solid var(--border-light);background:var(--color-surface);border-radius:8px;gap:12px;min-width:0;padding:14px;display:grid}.decision-step-title{grid-template-columns:34px 1fr;align-items:center;gap:10px;min-width:0;display:grid}.decision-step-title>span{background:var(--color-primary-50);width:34px;height:34px;color:var(--color-primary-700);border-radius:999px;place-items:center;font-size:13px;font-weight:900;display:inline-grid}.decision-step-title strong,.decision-step-title small{min-width:0;display:block}.decision-step-title strong{color:var(--color-text);font-size:14px}.decision-step-title small{color:var(--color-text-muted);line-height:1.6}.decision-selected-employee{border:1px dashed var(--border-light);background:var(--color-surface-muted);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:0;padding:10px;display:grid}.decision-selected-employee span{color:#075985;background:#e0f2fe;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.decision-selected-employee strong,.decision-selected-employee small{min-width:0}.decision-selected-employee small{color:var(--color-text-muted);text-align:left}.decision-form-actions{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding-top:4px;display:flex}.decision-form-actions span{color:var(--color-text-muted);font-size:12px;font-weight:700}.decision-filter{border:1px solid var(--border-light);background:var(--color-surface);min-height:36px;color:var(--color-text-muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.decision-filter select{color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;font-size:12px;font-weight:800}.lifecycle-command-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.lifecycle-metric{border:1px solid var(--border-light);background:var(--color-surface);border-radius:8px;gap:8px;min-width:0;padding:14px;display:grid}.lifecycle-metric span{min-width:0;color:var(--color-text-muted);align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.lifecycle-metric svg{color:var(--color-primary-600)}.lifecycle-metric strong{color:var(--color-text);font-size:24px;line-height:1}.lifecycle-section-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:12px;display:flex}.lifecycle-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.lifecycle-action-card{border:1px solid var(--border-light);background:var(--color-surface);min-width:0;color:var(--color-text);text-align:right;cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;padding:12px;display:grid}.lifecycle-action-card:disabled{cursor:not-allowed;opacity:.62}.lifecycle-action-card span{color:var(--color-primary-600)}.lifecycle-action-card strong,.lifecycle-action-card small{min-width:0}.lifecycle-action-card small{color:var(--color-text-muted);grid-column:1/-1;line-height:1.6}.form-section-title{border-top:1px solid var(--border-light);color:var(--color-primary-600);margin-top:4px;padding-top:12px;font-size:13px;font-weight:800}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a66;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.modal-panel{background:var(--bg-primary);border:1px solid #11182714;border-radius:14px;width:min(920px,100%);max-height:min(90vh,100vh - 40px);padding:18px;overflow:auto;box-shadow:0 24px 60px #11182738}.modal-dismiss{z-index:42;background:#fff;border-color:#1118271a;justify-content:center;width:34px;height:34px;padding:0;position:fixed;top:18px;left:18px;box-shadow:0 10px 24px #11182729}.employee-modal-form{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-modal-form>.card-header,.employee-modal-form>.eltizam-checklist,.employee-modal-form>.eltizam-compliance-box,.employee-modal-form>.form-section-title,.employee-modal-form>.button-row{grid-column:1/-1}.eltizam-checklist{background:#fbfdfb;border:1px solid #dbe8df;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.eltizam-checklist strong{color:var(--color-primary-600);font-size:13px}.eltizam-checklist span{color:#047857;background:#ecfdf3;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.eltizam-compliance-box{background:#fff;border:1px solid #dbe8df;border-radius:12px;gap:9px;padding:12px;display:grid}.eltizam-compliance-box small{color:var(--text-secondary);line-height:1.7}.readiness-cell{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.readiness-cell small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.5;overflow:hidden}.progress-track{background:#eef5f0;border-radius:999px;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.label{color:var(--color-gray-700);font-size:12px;font-weight:700}.field-hint{color:var(--color-gray-600);margin-top:6px;font-size:12px;line-height:1.6;display:block}.portal-subsection{border:1px solid var(--border-light);background:#f8fbf9;border-radius:8px;margin:14px 0;padding:12px}.compact-header{margin-bottom:10px}.input{width:100%;min-width:0;height:40px;color:var(--text-primary);background:#fff;border:1px solid #d8e0db;border-radius:8px;outline:none;padding:0 12px;transition:border-color .16s,box-shadow .16s,background .16s}textarea.input{resize:vertical;height:auto;min-height:110px;padding-top:10px}.input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #165c2d1f}.input.compact{background:#fff;min-width:130px;height:34px;padding:0 8px}.status-select{box-sizing:border-box;width:100%;min-width:0;max-width:112px;display:block}.status-cell{overflow:hidden}.payroll-dashboard table{table-layout:auto!important;min-width:920px!important}.device-toggle{color:var(--text-secondary);background:#fbfdfb;border:1px solid #dbe8df;border-radius:12px;align-items:center;gap:9px;padding:11px;font-size:13px;font-weight:800;display:flex}.device-toggle input{width:18px;height:18px;accent-color:var(--color-primary-500)}.button-row{flex-wrap:wrap;gap:8px;display:flex}.icon-btn{color:#55606a;background:#fff;border:1px solid #e3e8e4;border-radius:10px;place-items:center;width:38px;height:38px;display:inline-grid;position:relative}.icon-btn:hover{color:var(--color-primary-600);background:#f2f7f4}.notification-btn span{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-5px;right:-5px}.danger-icon{color:#b91c1c;background:#fff8f8;border-color:#ffdada}.btn{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-size:13px;font-weight:700;display:inline-flex}.btn.primary{color:#fff;background:var(--color-primary-500);box-shadow:0 7px 16px #126b382e}.btn.secondary{color:var(--color-primary-600);background:#ecfdf3;border-color:#bbf7d0}.btn.danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.btn.ghost{color:#55606a;background:#fff;border-color:#e3e8e4}.compact-btn{border-radius:8px;min-height:30px;padding:0 9px;font-size:12px}.employee-name-link{appearance:none;font:inherit;color:#165c2d;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;-webkit-text-decoration:underline #165c2d59;text-decoration:underline #165c2d59;text-decoration-thickness:1px;transition:color .12s,text-decoration-color .12s}.employee-name-link:hover{color:#0e3e1f;text-decoration-color:#0e3e1f}.employee-name-link:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #d4af37}.employee-name-link.subtle{color:#0e3e1f;text-decoration:none}.employee-name-link.subtle:hover{-webkit-text-decoration:underline #0e3e1f;text-decoration:underline #0e3e1f}.empty{text-align:center;color:var(--text-secondary);padding:32px 16px}.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px}.demo-users{background:var(--color-gray-50);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:14px;padding:14px;font-size:13px;line-height:1.8}.user-chip{border:1px solid var(--border-light);min-height:42px;color:var(--text-secondary);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:7px 10px;display:flex}.floating-support{z-index:30;color:#fff;background:#07875f;border:0;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:fixed;bottom:22px;left:22px;box-shadow:0 14px 28px #07875f47}.user-avatar{width:34px;height:34px;color:var(--color-primary-600);background:#ecfdf3;border-radius:50%;place-items:center;font-weight:800;display:grid}@media (min-width:1101px){.main{flex-direction:column;padding:16px 20px 18px;display:flex}.topbar{flex:none;min-height:42px;margin:-16px -20px 14px;padding:7px 20px}.main>.screen-panel.active{flex:none}.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations){flex:auto;min-height:0;max-height:calc(100vh - 102px);margin-bottom:0;overflow:hidden}.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations).grid{grid-auto-rows:minmax(0,1fr);align-items:stretch}.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations)>.card,.main>.screen-panel.card.active,.main>.screen-panel.audit-log.active,.main>.screen-panel.integration-log.active{flex-direction:column;min-height:0;max-height:100%;display:flex;overflow:hidden}.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) .card-header{flex:none}.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) .table-wrap,.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) .system-list,.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) .permission-grid,.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) .report-grid,.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) .report-list,.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) .document-grid,.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) .document-balance-list,.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) .hr-catalog-grid,.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) .organization-layout,.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) .lifecycle-lists,.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) .lifecycle-forms,.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) .expatriate-forms,.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) .separation-forms{flex:auto;min-height:0;overflow:auto}.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) table{table-layout:fixed;min-width:100%}.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) th,.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) td{overflow-wrap:anywhere;padding:10px 8px}.main>.screen-panel.active:not(.dashboard-command):not(.stats):not(.dashboard-operations) .balance-usage{min-width:0}.employee-self-service .main>.employee-portal-home.active{max-height:calc(100vh - 106px);padding-bottom:4px;overflow:auto}.employee-self-service .main>.employee-portal-home.active::-webkit-scrollbar{width:8px}.employee-self-service .main>.employee-portal-home.active::-webkit-scrollbar-thumb{background:#d8e2ec;border-radius:999px}.main>.screen-panel.platform-map.active{display:none}.dashboard-command{margin-bottom:12px;padding:14px 18px}.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px}.dashboard-operations{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:12px;margin-bottom:0}.dashboard-operations>.card{padding:14px 16px}.dashboard-operations .card-header{margin-bottom:10px}.stat{min-height:68px;padding:13px 14px}.stat-icon{width:36px;height:36px}.stat-value{margin-top:4px;font-size:19px}}@media (max-width:1100px){html,body{height:auto;overflow:auto}.shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.shell.employee-self-service{grid-template-columns:minmax(0,1fr)}.login-page:after{right:44%}.sidebar{grid-area:auto;height:auto;position:static}.main{grid-area:auto;height:auto;min-height:0;overflow:visible}.topbar{position:static}.topbar-date,.topbar-tools{justify-content:flex-start}.stats,.module-grid,.feature-foundations,.organization-area,.job-salary-area,.attendance-area,.attendance-monitor-area,.attendance-devices-area,.lifecycle-area,.expatriates-area,.separation-area,.payroll-area,.payroll-components-area,.mandate-area,.training-bonus-area,.reports-area,.settings-area,.hr-catalog-area,.leave-balances-area,.employee-documents-area,.employee-portal-grid,.dashboard-operations,.compliance-area,.eltezam-dictionary-card .system-list,.work-area{grid-template-columns:1fr}.portal-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-action-offset{grid-column:auto}.portal-metric-strip,.portal-overview-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.organization-layout{grid-template-columns:1fr}.organization-kpis,.employee-management-tabs,.employee-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-management-actions{flex-direction:column;align-items:stretch}.employee-profile-layout{grid-template-columns:1fr}.employee-profile-sidebar{border-top:1px solid #e6ece8;border-right:0}.employee-profile-facts,.employee-profile-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-console-header{flex-direction:column;align-items:stretch}.leave-stat-grid,.leave-operations-grid,.leave-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-decision-layout,.leave-article-toolbar{grid-template-columns:1fr}.attendance-console-header,.attendance-device-alert{flex-direction:column;align-items:stretch}.attendance-filter-panel,.attendance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-segmented-tabs{width:100%;overflow-x:auto}.employee-segmented-tabs button{flex:1 0 auto}.organization-toolbar,.organization-toolbar-actions{flex-direction:column;align-items:stretch}.organization-search{width:100%}.organization-view-tabs{width:100%;overflow-x:auto}.organization-view-tabs button{flex:1 0 auto}.payroll-lines{grid-column:auto}.reports-overview,.settings-dashboard,.organization-dashboard,.lifecycle-console,.expatriates-console,.separation-console,.payroll-component-form{grid-row:auto}}@media (max-width:640px){.login-page{padding:128px 14px 78px}.login-top-chip{justify-content:center;top:16px;left:14px;right:14px}.login-home-link{justify-content:center;top:62px;left:14px;right:14px}.login-card{border-radius:24px;width:100%;max-width:calc(100vw - 28px);padding:30px 20px 22px}.login-heading h1{font-size:22px}.login-heading p{font-size:13px}.login-actions{grid-template-columns:1fr}.login-footer{text-overflow:ellipsis;max-width:calc(100vw - 24px);overflow:hidden}.main{padding:14px}.mobile-nav-backdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c18126b;border:0;position:fixed;inset:0}.sidebar{inset-block:0;inset-inline-end:auto;z-index:90;width:min(326px,88vw);height:100dvh;padding:14px 10px 16px;transition:right .2s;display:flex;position:fixed;right:-340px;transform:none;box-shadow:-18px 0 40px #0f231b29}.sidebar.mobile-open{right:0}.nav{padding-bottom:18px;overflow:auto}.mobile-menu-btn,.mobile-sidebar-close{display:inline-grid!important}.topbar{z-index:40;margin:-14px -14px 14px;padding:12px 14px;position:sticky;top:0}.modal-backdrop{align-items:start;padding:12px}.modal-panel{border-radius:14px;max-height:calc(100vh - 24px);padding:16px}.modal-dismiss{top:14px;left:14px}.employee-modal-form,.form-grid.two,.form-grid.three,.document-fields{grid-template-columns:1fr}.topbar{gap:10px;display:grid}.topbar-heading{grid-template-columns:42px minmax(0,1fr);align-items:start}.topbar-tools{grid-template-columns:1fr repeat(5,42px);align-items:center;gap:8px;display:grid}.topbar-date{white-space:normal;flex-wrap:wrap;justify-content:flex-start}.employee-self-service .main{padding:14px 12px 24px}.employee-self-service .topbar{margin:-14px -12px 14px;padding:10px 12px}.portal-welcome-band{border-radius:16px;grid-template-columns:auto minmax(0,1fr);padding:18px}.portal-welcome-badge{grid-column:1/-1;justify-self:start}.portal-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-action-tile{min-height:82px}.portal-metric-strip,.portal-overview-panels{grid-template-columns:1fr}.portal-section-tabs{border-radius:14px;gap:8px}.organization-kpis,.employee-management-tabs,.employee-metrics{grid-template-columns:1fr}.employee-management-tabs{border-radius:14px}.employee-management-tabs button{justify-content:space-between;padding:0 14px}.employee-management-actions>.button-row{grid-template-columns:1fr;display:grid}.employee-add-button,.employee-refresh-btn{width:100%}.employee-profile-main{padding:16px}.employee-profile-actionbar,.employee-profile-detail-head{flex-direction:column;align-items:stretch}.employee-profile-actionbar .button-row{grid-template-columns:1fr;display:grid}.employee-profile-actions-wrap{width:100%;display:grid}.employee-profile-menu{width:min(218px,100vw - 38px)}.employee-profile-hero,.employee-profile-detail-card{border-radius:12px;padding:16px}.employee-profile-identity{align-items:flex-start}.employee-profile-avatar{width:54px;height:54px;font-size:20px}.employee-profile-identity h2{font-size:20px}.employee-profile-facts,.employee-profile-field-grid,.employee-profile-filter-row{grid-template-columns:1fr}.employee-profile-list{max-height:420px}.leave-console-tabs,.leave-list-tabs{justify-content:flex-start;overflow-x:auto}.leave-console-tabs button,.leave-list-tabs button{flex:none}.leave-stat-grid,.leave-operations-grid,.leave-service-grid,.leave-decision-layout{grid-template-columns:1fr}.leave-decision-preview,.leave-decision-form-card{min-height:0}.leave-article-row{grid-template-columns:1fr}.leave-article-actions{justify-content:flex-start}.attendance-console-tabs{justify-content:flex-start;overflow-x:auto}.attendance-console-tabs button{flex:none;min-width:148px}.attendance-filter-panel,.attendance-stat-grid,.attendance-stat-grid.compact{grid-template-columns:1fr}.attendance-check-toggle{justify-content:flex-start}.employee-metric-card{grid-template-columns:auto minmax(0,1fr);align-content:center;justify-items:stretch;min-height:92px;padding:16px}.employee-metric-card .employee-metric-icon{grid-row:1/span 2;margin:0}.employee-list-header{padding:16px}.employee-filter-stack{padding:14px 16px 16px}.employee-table-wrap{padding:0 16px 16px}.employee-table-wrap table{min-width:880px}.organization-stat-card{min-height:74px;padding:14px}.organization-add-button,.organization-search{width:100%}.organization-canvas-card{border-radius:12px;min-height:620px;padding:12px}.organization-canvas-toolbar{flex-direction:column-reverse;align-items:stretch}.organization-toolset{padding-bottom:2px;overflow-x:auto}.organization-zoom-meta{justify-content:space-between}.organization-chart-viewport{place-items:start center;min-height:460px;padding:42px 12px 120px}.org-chart-node{width:200px}.org-chart-children{flex-direction:column;align-items:center}.organization-minimap{width:150px;bottom:18px;right:18px}.user-chip{grid-column:1/-1;width:100%;min-width:0}.main>.screen-panel.dashboard-command.active{display:grid}.permission-grid,.module-grid,.feature-foundations,.mini-stats,.operations-mini-stats,.report-grid,.document-grid,.component-toggles,.lifecycle-forms,.expatriate-forms,.separation-forms,.form-two-columns,.form-three-columns,.form-four-columns,.permission-matrix-toolbar,.workflow-procedure-header,.workflow-step-title,.deduction-type-grid,.decision-command-strip,.decision-card-grid,.decision-selected-employee,.lifecycle-command-strip,.lifecycle-action-grid,.system-row{grid-template-columns:1fr}.decision-section-header,.decision-form-actions,.lifecycle-section-header{flex-direction:column;align-items:stretch}.decision-filter,.decision-filter select,.decision-form-actions .btn{width:100%}.decision-selected-employee small{text-align:right}.attendance-devices-dashboard .mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.device-table-wrap{background:0 0;border:0;overflow:visible}.device-table-wrap table,.device-table-wrap thead,.device-table-wrap tbody,.device-table-wrap tr,.device-table-wrap td{width:100%;min-width:0;display:block}.device-table-wrap table{border-collapse:separate;border-spacing:0}.device-table-wrap thead{display:none}.device-table-wrap tbody{gap:10px;display:grid}.device-table-wrap tr{border:1px solid var(--border-light);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 18px #122d1e0b}.device-table-wrap td{text-align:right;overflow-wrap:anywhere;border-bottom:1px solid #edf2ef;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:grid}.device-table-wrap td:last-child{border-bottom:0}.device-table-wrap td:before{content:attr(data-label);color:var(--text-secondary);font-size:11px;font-weight:800}.device-table-wrap td[data-label=إجراء]{grid-template-columns:1fr}.device-table-wrap td[data-label=إجراء]:before{display:none}.device-table-wrap .button-row{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.device-table-wrap .button-row .btn{width:100%}.floating-support{width:46px;height:46px;bottom:18px;left:18px}.system-row,.workflow-procedure-header,.workflow-step-title{display:grid}.workflow-step{grid-template-columns:1fr}.page-title{font-size:18px}.card{border-radius:10px;padding:14px}.card-header{margin:-14px -14px 12px;padding:12px 14px}.modal-panel .card-header{margin:-16px -16px 12px;padding:12px 16px}.card-title{font-size:15px}.mini-stat{min-height:62px}.mini-stat strong,.stat-value{font-size:18px}.org-tree-node{grid-template-columns:minmax(0,1fr)}.org-tree-children{margin-right:8px;padding-right:10px}.org-node-main{flex-direction:column;align-items:flex-start}.org-node-main strong{white-space:normal}}.main{flex-direction:column;min-height:100vh;padding:16px clamp(12px,2vw,28px) 24px;display:flex;overflow-x:auto}.main-content{flex:1;width:100%;min-height:0;padding-inline:18px}.mobile-menu-toggle{top:12px;z-index:25;background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:16px;line-height:1;display:none;position:fixed;inset-inline-start:12px;box-shadow:0 2px 8px #00000014}.mobile-menu-toggle[aria-expanded=true]{display:none}.sidebar-overlay{z-index:20;background:#0006;animation:.2s sidebar-overlay-in;position:fixed;inset:0}@keyframes sidebar-overlay-in{0%{opacity:0}to{opacity:1}}.main>.page{width:100%;max-width:100%;margin:0;padding:0}.page>section.card,.page>.card{box-sizing:border-box;width:100%;max-width:100%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.form-three-columns{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;display:grid}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:640px}.page-header{flex-flow:wrap;align-items:flex-start;row-gap:12px;width:100%}.page-header>div:first-child{flex:320px;min-width:0}@media (min-width:1600px){.main{padding:24px clamp(28px,3vw,48px) 32px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}}@media (max-width:1280px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.page-header .page-title{font-size:20px}}@media (max-width:1024px){.shell{grid-template-columns:minmax(0,1fr) 200px}.sidebar{width:200px;padding:12px 8px}.nav-group-header{padding:9px 10px;font-size:12.5px}.nav-item{padding:5px 8px;font-size:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}}@media (max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar.main-sidebar{inset-inline-end:0;z-index:30;border-inline-end:0;border-inline-start:1px solid var(--color-sidebar-border);width:min(280px,80vw);height:100vh;transition:transform .24s;position:fixed;top:0;transform:translate(100%);box-shadow:-12px 0 32px #00000052}.sidebar.main-sidebar.open,.sidebar.main-sidebar[data-open=true]{transform:translate(0)}.mobile-menu-toggle{display:inline-flex!important}.main{padding:14px 14px 20px;padding-top:0}.topbar-shell{padding-inline-start:60px}.topbar-popover{inset-inline:auto 0}.page-header{flex-direction:column;align-items:stretch}.page-header>div:first-child{flex:100%}.page-header .page-title{font-size:19px}}@media (max-width:640px){.main{padding:12px 10px 16px;padding-top:60px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.stat-value{font-size:16px}.stat-label{font-size:11px}.page>section.card,.page>.card{border-radius:10px;padding:12px}.form-three-columns{grid-template-columns:1fr;gap:10px}.page-header{margin-bottom:14px;padding-bottom:12px}.page-header .page-title{font-size:17px}.page-header .page-subtitle,.table-wrap table{font-size:12px}.table-wrap table th,.table-wrap table td{padding:6px 8px}.table-actions{flex-wrap:wrap;gap:6px}.table-actions .btn{flex:0 auto}.input,.page input.input,.page select.input,.page textarea.input{font-size:14px}}@media (max-width:420px){.stats-grid{grid-template-columns:1fr 1fr}.main{padding:58px 8px 14px}.brand h1{font-size:14px}.brand p{display:none}}@media print{@page{size:A4 portrait;margin:12mm}*,:before,:after{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none!important;text-shadow:none!important}html,body{text-align:right!important;color:#111827!important;direction:rtl!important;background:#fff!important}.sidebar,.mobile-menu-toggle,.sidebar-collapse,.topbar-shell,.topbar,.page-actions,.button-row,.btn,.ant-btn,.table-actions{display:none!important}.shell{height:auto!important;display:block!important}.main{padding:0!important;overflow:visible!important}.content,.page,.portal-page,.screen-panel,.modal-content,.ant-modal-content,.ant-card,.card{text-align:right!important;color:#111827!important;direction:rtl!important;background:#fff!important}.page,.portal-page,.screen-panel.active{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.page-header,.card-header,.ant-card-head,.ant-descriptions-header{text-align:right!important;direction:rtl!important;border-color:#d1d5db!important}.card,.ant-card,.document-letter,.document-profile-card,.report-print-section{break-inside:avoid;page-break-inside:avoid;border:1px solid #d1d5db!important;border-radius:0!important}.table-wrap,.ant-table-container,.ant-table-content,.ant-table-body{overflow:visible!important}table,.ant-table table{border-collapse:collapse!important;table-layout:auto!important;direction:rtl!important;width:100%!important;min-width:0!important}th,td,.ant-table-cell,.ant-descriptions-item-label,.ant-descriptions-item-content{text-align:right!important;border-color:#d1d5db!important}.page table th{position:static!important}.stats-grid,.form-three-columns,.document-grid,.document-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.pdf-export-mode{background:#fff!important}.pdf-export-mode body{text-align:right!important;direction:rtl!important;background:#fff!important}.pdf-export-mode .sidebar,.pdf-export-mode .mobile-menu-toggle,.pdf-export-mode .sidebar-collapse,.pdf-export-mode .topbar-shell,.pdf-export-mode .topbar,.pdf-export-mode .page-actions,.pdf-export-mode .button-row,.pdf-export-mode .btn,.pdf-export-mode .ant-btn,.pdf-export-mode .table-actions,.pdf-export-mode .no-print{display:none!important}.pdf-export-mode .main,.pdf-export-mode .main-content,.pdf-export-mode .page,.pdf-export-mode .portal-page,.pdf-export-mode .screen-panel,.pdf-export-mode .card,.pdf-export-mode .ant-card{text-align:right!important;color:#111827!important;box-shadow:none!important;direction:rtl!important;background:#fff!important}.pdf-export-mode .main-content,.pdf-export-mode .page,.pdf-export-mode .portal-page{width:max-content!important;min-width:100%!important;max-width:none!important}.pdf-export-mode .table-wrap,.pdf-export-mode .ant-table-container,.pdf-export-mode .ant-table-content,.pdf-export-mode .ant-table-body{overflow:visible!important}.pdf-export-mode table,.pdf-export-mode .ant-table table{border-collapse:collapse!important;direction:rtl!important}.pdf-export-mode th,.pdf-export-mode td,.pdf-export-mode .ant-table-cell{text-align:right!important}.pdf-export-mode .page table th{position:static!important}.request-code,.request-code-link{letter-spacing:.2px;background:var(--color-primary-50,#ecfdf5);color:var(--color-primary-700,#15803d);border:1px solid var(--color-primary-100,#d1fae5);white-space:nowrap;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12px;font-weight:600}.request-code-link{cursor:pointer;align-items:center;gap:4px;text-decoration:none;transition:background .14s,color .14s,border-color .14s,transform .14s;display:inline-flex}.request-code-button{border:1px solid var(--color-primary-100,#d1fae5);appearance:none;line-height:1.4}.request-code-link:hover,.request-code-link:focus-visible{background:var(--color-primary-100,#d1fae5);color:var(--color-primary-800,#166534);border-color:var(--color-primary-200,#a7f3d0);text-decoration:none;transform:translateY(-1px)}.request-code-link:focus-visible{outline:2px solid var(--color-primary-500,#16a34a);outline-offset:2px}.request-code-link-icon{opacity:.6;flex-shrink:0}.request-code-link:hover .request-code-link-icon,.request-code-link:focus-visible .request-code-link-icon{opacity:1}@keyframes row-focus-pulse{0%{background-color:#fef3c7}60%{background-color:#fde68a}to{background-color:#0000}}.row-focused{animation:2.4s row-focus-pulse}.row-focused>td,tr.row-focused>td{transition:background-color 1.2s;background-color:#fef9c3!important}.request-details-panel{flex-direction:column;width:min(760px,100%);max-height:min(92vh,100vh - 32px);padding:0;display:flex;overflow:hidden}.request-details-header{background:linear-gradient(135deg,#0f5c2d 0%,#1a7a3e 100%);border-bottom:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.request-details-header .request-details-eyebrow{color:#ffffffd9}.request-details-header .request-details-title{color:#fff}.request-details-header .request-code{color:#fff;background:#ffffff26;border-color:#ffffff59}.request-details-header .request-details-close{color:#ffffffe6}.request-details-header .request-details-close:hover,.request-details-header .request-details-close:focus-visible{color:#fff;background:#ffffff2e;border-color:#ffffff59}.request-details-header-text{flex:1;min-width:0}.payroll-runs-table thead th{color:#fff;background:linear-gradient(135deg,#0f5c2d 0%,#1a7a3e 100%);border-color:#0f5c2d}.payroll-runs-table td.amount-gross{color:#1d4ed8;font-weight:600}.payroll-runs-table td.amount-net{color:#15803d;font-weight:700}.request-details-eyebrow{color:var(--text-secondary,#6b7280);letter-spacing:.3px;font-size:12px;font-weight:600}.request-details-title{font-size:17px;font-family:var(--font-family-heading,inherit);flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 0;display:flex}.request-details-close{width:32px;height:32px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.request-details-close:hover,.request-details-close:focus-visible{color:var(--text-primary,#111827);border-color:var(--border-light,#e5e7eb);background:#fff}.request-details-body{flex:1;min-height:0;padding:18px;overflow-y:auto}.request-details-section+.request-details-section{margin-top:22px}.request-details-section-title{color:var(--color-primary-700,#15803d);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--color-primary-100,#d1fae5);margin:0 0 10px;padding-bottom:6px;font-size:13px;font-weight:700}.request-details-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px 16px;margin:0;display:grid}.request-details-field{flex-direction:column;gap:2px;min-width:0;display:flex}.request-details-field.wide{grid-column:1/-1}.request-details-field dt{color:var(--text-secondary,#6b7280);font-size:11px;font-weight:600}.request-details-field dd{color:var(--text-primary,#111827);word-break:break-word;margin:0;font-size:13px;font-weight:500}.request-details-field dd.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12px}.request-details-field .muted{color:var(--text-secondary,#9ca3af);font-style:italic}.request-details-timeline{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.request-details-step{border:1px solid var(--border-light,#e5e7eb);background:#f9fafb;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.request-details-step-icon{flex-shrink:0;margin-top:2px;display:inline-flex}.request-details-step-body{flex:1;min-width:0}.request-details-step-header{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.request-details-step-role{color:var(--text-secondary,#6b7280);font-size:11px}.request-details-step-meta{color:var(--text-secondary,#6b7280);flex-direction:column;gap:2px;margin-top:4px;font-size:12px;display:flex}.request-details-step-reason{color:var(--text-primary,#111827)}.request-details-footer{border-top:1px solid var(--border-light,#e5e7eb);background:#fafafa;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}@media (max-width:640px){.request-details-panel{border-radius:12px 12px 0 0;max-height:92vh;margin-top:auto}.request-details-header{padding:12px 14px}.request-details-body{padding:14px}.request-details-grid{grid-template-columns:1fr}}.landing-page{--landing-ink:#102018;--landing-muted:#607166;--landing-line:#dfe8e2;--landing-surface:#fff;--landing-soft:#f6f9f7;--landing-blue:#2563eb;width:100%;height:100vh;color:var(--landing-ink);scroll-behavior:smooth;background:#fff;overflow:hidden auto}.landing-page :where(h1,h2,h3,p){letter-spacing:0;margin:0}.landing-page :where(a){color:inherit;text-decoration:none}.landing-hero{isolation:isolate;border-bottom:1px solid var(--landing-line);background:#f8fbf9;min-height:clamp(640px,86vh,820px);position:relative;overflow:hidden}.landing-nav{z-index:3;justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100% - 36px);min-height:78px;margin:0 auto;display:flex;position:relative}.landing-brand,.landing-nav-actions,.landing-hero-actions,.landing-kicker,.landing-btn{align-items:center;display:inline-flex}.landing-brand{color:var(--color-primary-800);gap:10px;font-size:18px;font-weight:800}.landing-brand-mark{background:var(--color-primary-700);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;box-shadow:0 10px 22px #165c2d33}.landing-nav-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.landing-nav-link,.landing-login-link{min-height:38px;color:var(--landing-muted);border-radius:8px;align-items:center;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.landing-nav-link:hover{color:var(--color-primary-700);background:#eef6f1}.landing-login-link{color:#fff;background:var(--color-primary-700);border:1px solid var(--color-primary-700)}.landing-login-link:hover{background:var(--color-primary-800)}.landing-hero-content{z-index:2;justify-items:start;width:min(1180px,100% - 36px);margin:0 auto;padding:clamp(52px,9vh,104px) 0 82px;display:grid;position:relative}.landing-kicker{min-height:34px;color:var(--color-primary-700);background:#ffffffdb;border:1px solid #165c2d29;border-radius:8px;gap:8px;padding:6px 10px;font-size:13px;font-weight:800}.landing-hero h1{color:var(--color-primary-900);margin-top:26px;font-size:clamp(56px,8vw,112px);font-weight:800;line-height:.95}.landing-hero-lead{color:#30433a;width:min(690px,100%);margin-top:26px;font-size:clamp(18px,2vw,24px);font-weight:600;line-height:1.85}.landing-hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px}.landing-btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;gap:9px;min-height:48px;padding:11px 18px;font-size:14px;font-weight:900;transition:transform .14s,box-shadow .16s,background .16s,border-color .16s,color .16s}.landing-btn:hover{transform:translateY(-1px)}.landing-btn:active{transform:translateY(0)}.landing-btn.primary{background:var(--color-primary-700);color:#fff;box-shadow:0 12px 24px #0e3e1f38}.landing-btn.primary:hover{background:var(--color-primary-800)}.landing-btn.secondary{color:var(--color-primary-800);background:#fff;border-color:#0e3e1f2e}.landing-btn.secondary:hover{border-color:var(--color-primary-300);box-shadow:0 12px 24px #0e3e1f14}.landing-btn.compact{min-height:42px;margin-top:24px;padding:9px 14px}.landing-btn.light{color:var(--color-primary-800);background:#fff;border-color:#ffffff8c}.landing-stat-strip{background:#ffffffe6;border:1px solid #165c2d24;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(650px,100%);margin-top:44px;display:grid;overflow:hidden;box-shadow:0 18px 42px #1e3a2a14}.landing-stat-strip div{border-inline-start:1px solid #165c2d1f;gap:4px;padding:18px;display:grid}.landing-stat-strip div:last-child{border-inline-start:0}.landing-stat-strip strong{color:var(--color-primary-800);font-size:28px;font-family:var(--font-family-heading)}.landing-stat-strip span{color:var(--landing-muted);font-size:12px;font-weight:800}.landing-hero-visual{z-index:1;opacity:.96;pointer-events:none;width:min(680px,50vw);height:min(480px,58vh);position:absolute;inset:108px auto auto max(-70px,-7vw)}.product-window{transform-origin:0;background:#fff;border:1px solid #0e3e1f21;border-radius:8px;width:100%;height:100%;overflow:hidden;transform:perspective(1200px)rotateY(12deg)rotateX(4deg);box-shadow:0 26px 70px #10201829}.product-window-top{background:#fbfdfb;border-bottom:1px solid #e5eee8;align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.product-window-top span{background:#d4af37;border-radius:50%;width:9px;height:9px}.product-window-top span:nth-child(2){background:#16a34a}.product-window-top span:nth-child(3){background:#2563eb}.product-shell{grid-template-columns:150px 1fr;height:calc(100% - 38px);display:grid}.product-sidebar{color:#ffffffc2;background:#0e3e1f;align-content:start;gap:12px;padding:18px 14px;font-size:12px;font-weight:800;display:grid}.product-sidebar strong{color:#fff;margin-bottom:8px;font-size:18px}.product-sidebar span{background:#ffffff14;border-radius:8px;align-items:center;min-height:30px;padding:0 10px;display:flex}.product-content{background:#f8faf9;align-content:start;gap:16px;padding:20px;display:grid}.product-header{color:var(--color-primary-900);justify-content:space-between;align-items:center;gap:12px;font-weight:900;display:flex}.product-header small{color:var(--landing-muted);font-size:11px}.product-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.product-kpi,.product-panel{background:#fff;border:1px solid #e3ece6;border-radius:8px}.product-kpi{align-content:space-between;min-height:92px;padding:14px;display:grid}.product-kpi small{color:var(--landing-muted);font-size:11px;font-weight:800}.product-kpi strong{color:var(--color-primary-800);font-size:28px}.product-kpi.gold strong{color:#9f7b12}.product-kpi.info strong{color:var(--landing-blue)}.product-panel{grid-template-columns:1.2fr .8fr;gap:18px;min-height:180px;padding:18px;display:grid}.product-chart{align-items:end;gap:10px;min-height:136px;padding-top:18px;display:flex}.product-chart span{background:var(--color-primary-500);border-radius:8px 8px 0 0;flex:1;min-width:12px}.product-chart span:nth-child(2n){background:#d4af37}.product-chart span:nth-child(3n){background:#2563eb}.product-list{align-content:center;gap:12px;display:grid}.product-list span{background:#dbe7df;border-radius:999px;height:12px}.product-list span:first-child{width:92%}.product-list span:nth-child(2){background:#eadca9;width:72%}.product-list span:nth-child(3){background:#cfe0ff;width:84%}.product-list span:nth-child(4){width:58%}.landing-section{background:#fff;padding:72px 0}.landing-container{width:min(1180px,100% - 36px);margin:0 auto}.landing-trust-band{background:var(--color-primary-900);color:#fff;padding:20px 0}.trust-grid{background:#ffffff24;border:1px solid #ffffff24;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.trust-grid div{background:var(--color-primary-900);color:#ffffffe6;justify-content:center;align-items:center;gap:10px;min-height:76px;font-weight:900;display:flex}.trust-grid svg{color:#d4af37}.landing-section-heading{text-align:center;justify-items:center;gap:12px;width:min(760px,100%);margin:0 auto 34px;display:grid}.landing-section-heading.align-start{text-align:start;justify-items:start;margin:0}.landing-section-heading>span{color:var(--color-primary-700);font-size:13px;font-weight:900}.landing-section-heading h2,.landing-final h2{color:var(--landing-ink);font-size:clamp(30px,4vw,48px);line-height:1.25}.landing-section-heading p{color:var(--landing-muted);font-size:16px;line-height:1.9}.landing-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.landing-feature{border:1px solid var(--landing-line);background:var(--landing-surface);border-radius:8px;align-content:start;gap:14px;min-height:230px;padding:22px;display:grid;box-shadow:0 10px 26px #122d1e0d}.landing-feature-icon,.landing-workflow article>span{background:var(--color-primary-50);width:44px;height:44px;color:var(--color-primary-700);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.landing-feature:nth-child(2n) .landing-feature-icon{color:#9f7b12;background:#fff8df}.landing-feature:nth-child(3n) .landing-feature-icon{color:var(--landing-blue);background:#eaf1ff}.landing-feature h3,.landing-workflow h3{color:var(--landing-ink);font-size:20px}.landing-feature p,.landing-workflow p,.landing-final p{color:var(--landing-muted);font-size:15px;line-height:1.8}.landing-modules-band{background:var(--landing-soft);border-block:1px solid var(--landing-line)}.landing-split{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:56px;display:grid}.landing-module-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.landing-module{border:1px solid var(--landing-line);min-height:62px;color:var(--landing-ink);background:#fff;border-radius:8px;align-items:center;gap:10px;padding:14px 16px;font-weight:900;display:flex}.landing-module svg{color:var(--color-primary-600);flex:none}.landing-workflow{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.landing-workflow article{border:1px solid var(--landing-line);background:#fff;border-radius:8px;align-content:start;gap:14px;min-height:190px;padding:24px;display:grid;position:relative}.landing-workflow article:not(:last-child):after{content:"";top:50%;background:var(--color-primary-200);width:34px;height:2px;position:absolute;inset-inline-start:-25px}.landing-final{background:var(--color-primary-800);color:#fff;padding:76px 0}.landing-final-inner{text-align:center;justify-items:center;gap:16px;display:grid}.landing-final svg{color:#d4af37}.landing-final h2{color:#fff;max-width:780px}.landing-final p{color:#ffffffc7;max-width:620px}@media (max-width:1040px){.landing-hero{min-height:auto}.landing-hero-visual{width:min(860px,100% - 36px);height:390px;margin:0 auto 46px;position:relative;inset:auto}.product-window{transform:none}.landing-hero-content{padding-bottom:38px}.landing-feature-grid,.landing-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-split{grid-template-columns:1fr;gap:32px}}@media (max-width:720px){.landing-nav{align-items:flex-start;min-height:auto;padding:16px 0 0}.landing-nav-actions{gap:6px}.landing-nav-link{display:none}.landing-hero-content{padding-top:24px;padding-bottom:20px}.landing-hero h1{margin-top:16px;font-size:clamp(44px,17vw,70px)}.landing-hero-lead{margin-top:18px;font-size:17px;line-height:1.75}.landing-hero-actions,.landing-stat-strip{margin-top:22px}.landing-stat-strip div{padding:13px 16px}.landing-stat-strip strong{font-size:24px}.landing-btn{min-height:44px}.landing-stat-strip,.trust-grid,.landing-feature-grid,.landing-module-list,.landing-workflow{grid-template-columns:1fr}.landing-stat-strip div,.landing-stat-strip div:last-child{border-inline-start:0;border-bottom:1px solid #165c2d1f}.landing-stat-strip div:last-child{border-bottom:0}.landing-stat-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-stat-strip div,.landing-stat-strip div:last-child{border-bottom:0;border-inline-start:1px solid #165c2d1f}.landing-stat-strip div:last-child{border-inline-start:0}.landing-section{padding:52px 0}.landing-hero-visual,.landing-workflow article:not(:last-child):after{display:none}}@media (max-width:440px){.landing-brand{font-size:15px}.landing-brand-mark{width:32px;height:32px}.landing-login-link{padding:8px 10px;font-size:12px}.landing-btn,.landing-hero-actions{width:100%}}body{font-weight:400}.page-title,.page-header .page-title{font-size:20px;font-weight:700}.card-title,.page .card-title{font-size:16px;font-weight:700}.stat-value{font-size:24px;font-weight:700}.stat-label{font-size:12px;font-weight:600}.page-subtitle{font-size:13px}.mini-stat strong{font-size:18px;font-weight:700}.nav-item{font-size:14px!important;font-weight:600!important}.btn{font-size:14px;font-weight:500}.badge,.page .badge,th,.page table th{font-size:12px;font-weight:700}td,.page table td{font-size:14px}.nav-group.open>.nav-group-header,.nav-item.active,.nav-item-pinned.active{color:#fff!important;background:#165c2d!important;border-inline-end:3px solid #d4af37!important;box-shadow:0 6px 16px #165c2d33!important}.nav-group.open>.nav-group-header:hover,.nav-item.active:hover,.nav-item-pinned.active:hover{color:#fff!important;background:#124d26!important}.nav-group.open>.nav-group-header .chev{color:#fff;opacity:1}.nav-group.open>.nav-group-header .nav-group-count{color:#fff!important;background:#fff3!important}.nav-item.active:before{background:#d4af37!important;box-shadow:0 0 8px #d4af378c!important}