@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Noto+Nastaliq+Urdu:wght@400;700&display=swap";
@font-face{font-family:Jameel;src:url(/fonts/jameel.ttf)format("truetype");font-weight:400;font-display:swap}.urdu-body{text-align:right;font-feature-settings:"liga" 1, "calt" 1;direction:rtl;unicode-bidi:isolate;font-family:Jameel,serif;font-size:28px;line-height:2}.urdu-heading{font-feature-settings:"liga" 1, "calt" 1;direction:rtl;font-family:Jameel,serif;font-size:42px;line-height:2.4}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-canvas:#faf9f5;--surface-raised:#fff;--surface-sunken:#f4f2ee;--surface-overlay:#fffffff5;--surface-hover:#f2f0ea;--ink-1:#161b20;--ink-2:#3e4349;--ink-3:#6a6f74;--ink-4:#9b9fa3;--ink-muted:#6a6f74;--ink-on-primary:#f9f8f5;--line-1:#dee2e5;--line-2:#caced3;--line-3:#a0a5ab;--brand-50:#eaf8ee;--brand-100:#ceeed8;--brand-200:#a4dab5;--brand-400:#4b8a63;--brand-500:#346b49;--brand-600:#245337;--brand-700:#193b26;--brand-900:#0c1f13;--ok-50:#e7f7e9;--ok-500:#298646;--ok-700:#154f27;--warn-50:#fef0d8;--warn-500:#c8942d;--warn-700:#8e5300;--danger-50:#ffedeb;--danger-500:#cf4040;--danger-700:#8d1a1e;--info-50:#e5f4ff;--info-500:#0079b4;--info-700:#004d76;--neutral-pill-bg:#e9ebee;--neutral-pill-fg:#373b40;--font-latin:"Inter", "Helvetica Neue", Arial, sans-serif;--font-urdu:"Noto Naskh Arabic", "Noto Sans Arabic", serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--t-xs:12px;--t-sm:13px;--t-base:14px;--t-md:15px;--t-lg:17px;--t-xl:22px;--t-2xl:27px;--t-3xl:34px;--lh-tight:1.2;--lh-base:1.45;--lh-loose:1.6;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:56px;--s-10:72px;--r-xs:3px;--r-sm:5px;--r-md:7px;--r-lg:10px;--r-xl:14px;--shadow-1:0 1px 2px #0f171f0f;--shadow-2:0 1px 3px #0f171f0f, 0 4px 12px #0f171f0d;--shadow-3:0 8px 24px #0f171f1a, 0 2px 6px #0f171f0d;--shadow-focus:0 0 0 3px #346b4940;--ease:cubic-bezier(.2, .8, .2, 1);--d-fast:.12s;--d-base:.18s;--d-slow:.28s;--sidebar-w:240px;--topbar-h:56px;--content-max:1320px}@supports (color:lab(0% 0 0)){:root{--surface-canvas:lab(97.9434% -.15974 1.89872);--surface-raised:lab(100% 0 0);--surface-sunken:lab(95.6296% -.189781 2.2797);--surface-overlay:lab(100% 0 0/.96);--surface-hover:lab(94.8298% -.248373 3.04277);--ink-1:lab(9.50177% -1.15329 -4.20978);--ink-2:lab(28.0661% -1.23599 -4.24612);--ink-3:lab(46.6304% -1.06823 -3.55754);--ink-4:lab(65.1932% -.871062 -2.85484);--ink-muted:lab(46.6304% -1.06823 -3.55754);--ink-on-primary:lab(97.7114% -.1598 1.89873);--line-1:lab(89.5553% -.661552 -2.14579);--line-2:lab(82.5934% -.875711 -2.85739);--line-3:lab(67.5111% -1.08168 -3.56467);--brand-50:lab(96.2111% -6.18491 3.1677);--brand-100:lab(91.3259% -13.971 7.1606);--brand-200:lab(82.4403% -23.427 12.0213);--brand-400:lab(52.4625% -28.4265 14.6223);--brand-500:lab(40.7284% -25.3212 13.0315);--brand-600:lab(31.3156% -22.1906 11.4248);--brand-700:lab(21.8399% -17.4253 8.97002);--brand-900:lab(9.97944% -11.0012 5.56828);--ok-50:lab(95.6952% -7.39086 4.71013);--ok-500:lab(49.4309% -39.316 25.9959);--ok-700:lab(29.2089% -27.2206 18.0005);--warn-50:lab(95.4455% 2.29469 13.3967);--warn-500:lab(65.2305% 13.5109 58.7919);--warn-700:lab(41.6079% 21.9919 52.451);--danger-50:lab(95.1759% 6.12173 3.29607);--danger-500:lab(49.4737% 56.8232 34.3326);--danger-700:lab(31.1954% 47.515 29.9191);--info-50:lab(95.394% -3.98144 -8.18951);--info-500:lab(47.5913% -12.4826 -40.4206);--info-700:lab(30.1572% -9.09811 -34.032);--neutral-pill-bg:lab(93.0362% -.553161 -1.78919);--neutral-pill-fg:lab(24.5889% -1.03888 -3.54269);--shadow-1:0 1px 2px lab(7.18439% -1.49957 -6.86639/.06);--shadow-2:0 1px 3px lab(7.18439% -1.49957 -6.86639/.06), 0 4px 12px lab(7.18439% -1.49957 -6.86639/.05);--shadow-3:0 8px 24px lab(7.18439% -1.49957 -6.86639/.1), 0 2px 6px lab(7.18439% -1.49957 -6.86639/.05);--shadow-focus:0 0 0 3px lab(40.7284% -25.3212 13.0315/.25)}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-latin);font-size:var(--t-base);line-height:var(--lh-base);color:var(--ink-1);background:var(--surface-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[dir=rtl] body{font-family:var(--font-urdu);font-size:var(--t-md)}html[dir=rtl] [data-latin]{font-family:var(--font-latin)}h1,h2,h3,h4,h5,h6{color:var(--ink-1);margin-top:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brand-700);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--brand-100);color:var(--brand-900)}.mono{font-family:var(--font-mono);font-size:.92em}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:var(--surface-raised);border:1px solid var(--line-1);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card-header{padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line-1);justify-content:space-between;align-items:center;gap:var(--s-4);display:flex}.card-title{font-size:var(--t-md);font-weight:var(--fw-semibold);color:var(--ink-1);margin:0}.card-subtitle{font-size:var(--t-sm);color:var(--ink-3);margin-top:2px}.card-body{padding:var(--s-5)}.card-footer{padding:var(--s-4) var(--s-5);border-top:1px solid var(--line-1);gap:var(--s-3);background:var(--surface-sunken);border-radius:0 0 var(--r-lg) var(--r-lg);justify-content:flex-end;display:flex}.approval-timeline{padding:var(--s-1) 0;flex-direction:column;display:flex;position:relative}.approval-timeline-item{gap:var(--s-4);padding-bottom:var(--s-5);display:flex;position:relative}.approval-timeline-item:last-child{padding-bottom:0}.approval-timeline-item:not(:last-child):after{content:"";background:var(--line-2);width:2px;position:absolute;top:36px;bottom:0;left:17px}html[dir=rtl] .approval-timeline-item:not(:last-child):after{left:auto;right:17px}.approval-timeline-node{width:36px;height:36px;font-weight:var(--fw-bold);font-size:var(--t-sm);z-index:1;border:2px solid var(--line-2);background:var(--surface-raised);color:var(--ink-3);transition:all var(--d-fast) var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.approval-timeline-node--ok{background:var(--ok-500);border-color:var(--ok-500);color:#fff}.approval-timeline-node--active{background:var(--brand-500);border-color:var(--brand-500);color:#fff;box-shadow:0 0 0 4px var(--brand-100)}.approval-timeline-node--danger{background:var(--danger-500);border-color:var(--danger-500);color:#fff}.approval-timeline-node--skipped{background:var(--surface-sunken);border-color:var(--line-2);color:var(--ink-4)}.approval-timeline-node--pending{background:var(--surface-sunken);border-color:var(--line-2);color:var(--ink-3)}.approval-timeline-content{background:var(--surface-raised);border:1px solid var(--line-1);border-radius:var(--r-md);padding:var(--s-4);transition:border-color var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);flex:1}.approval-timeline-content--active{border-color:var(--brand-500);background:var(--brand-50);box-shadow:0 1px 4px #0000000d}.approval-timeline-header{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-2);display:flex}.approval-timeline-title-wrap{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.approval-step-title{font-size:var(--t-md);font-weight:var(--fw-semibold);color:var(--ink-1)}.approval-role-badge{font-size:var(--t-xs);font-weight:var(--fw-medium);background:var(--surface-sunken);color:var(--ink-2);border:1px solid var(--line-1);border-radius:var(--r-xs);align-items:center;padding:2px 8px;display:inline-flex}.approval-timeline-body{font-size:var(--t-sm);color:var(--ink-2)}.approval-meta-grid{gap:var(--s-3);margin-top:var(--s-2);padding-top:var(--s-2);border-top:1px solid var(--line-1);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.approval-meta-item{flex-direction:column;gap:2px;display:flex}.approval-meta-label{font-size:var(--t-xs);font-weight:var(--fw-medium);color:var(--ink-3);text-transform:uppercase;letter-spacing:.5px}.approval-meta-val{color:var(--ink-1);font-size:var(--t-sm)}.approval-remarks-box{margin-top:var(--s-3);padding:var(--s-3);background:var(--surface-sunken);border-left:3px solid var(--brand-500);border-radius:0 var(--r-xs) var(--r-xs) 0;font-size:var(--t-sm)}html[dir=rtl] .approval-remarks-box{border-left:none;border-right:3px solid var(--brand-500);border-radius:var(--r-xs) 0 0 var(--r-xs)}.approval-waiting-note{align-items:center;gap:var(--s-2);margin-top:var(--s-2);font-size:var(--t-sm);color:var(--ink-3);display:flex}.btn{--_bg:var(--surface-raised);--_fg:var(--ink-1);--_bd:var(--line-2);justify-content:center;align-items:center;gap:var(--s-2);height:38px;padding:0 var(--s-4);font-size:var(--t-md);font-weight:var(--fw-medium);border:1px solid var(--_bd);background:var(--_bg);color:var(--_fg);border-radius:var(--r-md);white-space:nowrap;transition:background var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease), color var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);display:inline-flex}.btn:hover{--_bg:var(--surface-hover)}.btn:active{--_bg:var(--surface-sunken)}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn[disabled],.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{--_bg:var(--brand-500);--_fg:var(--ink-on-primary);--_bd:var(--brand-500)}.btn--primary:hover{--_bg:var(--brand-600);--_bd:var(--brand-600);--_fg:var(--ink-on-primary)}.btn--primary:active{--_bg:var(--brand-700);--_bd:var(--brand-700);--_fg:var(--ink-on-primary)}.btn--ghost{--_bg:transparent;--_bd:transparent;--_fg:var(--ink-2)}.btn--ghost:hover{--_bg:var(--surface-hover)}.btn--danger{--_bg:var(--surface-raised);--_fg:var(--danger-700);--_bd:var(--line-2)}.btn--danger:hover{--_bg:var(--danger-50);--_bd:var(--danger-500)}.btn--danger-solid{--_bg:var(--danger-500);--_fg:white;--_bd:var(--danger-500)}.btn--danger-solid:hover{--_bg:var(--danger-700);--_bd:var(--danger-700)}.btn--sm{height:32px;padding:0 var(--s-3);font-size:var(--t-sm);border-radius:var(--r-sm)}.btn--lg{height:44px;padding:0 var(--s-5);font-size:var(--t-lg)}.btn--icon{width:38px;padding:0}.btn--icon.btn--sm{width:32px}.btn .icon{flex:none;width:16px;height:16px}fieldset{border:0;min-width:0;margin:0;padding:0}.border-0{border:0!important}.w-100{width:100%}.field{gap:var(--s-2);flex-direction:column;display:flex}.field-label{font-size:var(--t-sm);font-weight:var(--fw-medium);color:var(--ink-2);align-items:center;gap:var(--s-2);display:flex}.field-label .req{color:var(--danger-500)}.field-label:has(+input[required]):after{content:" *";color:var(--danger-500)}.field-label:has(+select[required]):after{content:" *";color:var(--danger-500)}.field-label:has(+textarea[required]):after{content:" *";color:var(--danger-500)}.field-label:has(+.cluster-2 input[required]):after{content:" *";color:var(--danger-500)}.field:has(>.cluster-2 input[required])>.field-label:after{content:" *";color:var(--danger-500)}.field-help{font-size:var(--t-xs);color:var(--ink-3)}.field-error{font-size:var(--t-xs);color:var(--danger-700);align-items:center;gap:var(--s-1);display:flex}.input,.select,.textarea{width:100%;height:38px;padding:0 var(--s-3);background:var(--surface-raised);border:1px solid var(--line-2);border-radius:var(--r-md);color:var(--ink-1);font-size:var(--t-md);transition:border-color var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease)}.input::placeholder{color:var(--ink-4)}.input:hover,.select:hover,.textarea:hover{border-color:var(--line-3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-500);box-shadow:var(--shadow-focus);outline:none}.textarea{height:auto;min-height:80px;padding:var(--s-2) var(--s-3);resize:vertical}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger-500)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #cf404033;box-shadow:0 0 0 3px lab(49.4737% 56.8232 34.3326/.2)}.input--with-prefix{padding-left:30px}.input-wrap,.topbar-search,.toolbar-search{position:relative}.input-wrap .prefix-icon,.topbar-search>.prefix-icon,.toolbar-search>.prefix-icon{width:14px;height:14px;color:var(--ink-3);pointer-events:none;z-index:1;position:absolute;top:50%;left:10px;transform:translateY(-50%)}html[dir=rtl] .input--with-prefix{padding-left:var(--s-3);padding-right:30px}html[dir=rtl] .input-wrap .prefix-icon,html[dir=rtl] .topbar-search>.prefix-icon,html[dir=rtl] .toolbar-search>.prefix-icon{left:auto;right:10px}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2.5 4.5L6 8l3.5-3.5' fill='none' stroke='%23667' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}html[dir=rtl] .select{padding-right:var(--s-3);background-position:10px;padding-left:28px}.field-hint{font-size:var(--t-sm);color:var(--ink-3);margin:var(--s-1) 0 var(--s-2)}.check-grid{gap:var(--s-2);padding:var(--s-2) 0;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.check,.radio{align-items:center;gap:var(--s-2);font-size:var(--t-md);color:var(--ink-1);cursor:pointer;display:inline-flex}.check input,.radio input{width:16px;height:16px;accent-color:var(--brand-500)}.toggle{width:36px;height:20px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle .slot{background:var(--line-2);transition:background var(--d-base) var(--ease);border-radius:999px;position:absolute;inset:0}.toggle .slot:before{content:"";width:16px;height:16px;transition:transform var(--d-base) var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.toggle input:checked+.slot{background:var(--brand-500)}.toggle input:checked+.slot:before{transform:translate(16px)}html[dir=rtl] .toggle input:checked+.slot:before{transform:translate(-16px)}.pill{height:24px;font-size:var(--t-xs);font-weight:var(--fw-medium);background:var(--neutral-pill-bg);color:var(--neutral-pill-fg);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.pill:before{content:"";opacity:.8;background:currentColor;border-radius:50%;width:6px;height:6px}.pill--ok{background:var(--ok-50);color:var(--ok-700)}.pill--warn{background:var(--warn-50);color:var(--warn-700)}.pill--danger{background:var(--danger-50);color:var(--danger-700)}.pill--info{background:var(--info-50);color:var(--info-700)}.pill--brand{background:var(--brand-50);color:var(--brand-700)}.pill--mute{background:var(--neutral-pill-bg);color:var(--neutral-pill-fg)}.pill--no-dot:before{display:none}.tag{height:22px;font-family:var(--font-mono);background:var(--surface-sunken);border:1px solid var(--line-1);border-radius:var(--r-xs);color:var(--ink-2);align-items:center;gap:4px;padding:0 7px;font-size:12px;display:inline-flex}.t-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--t-md)}.t-table thead th{text-align:start;font-size:var(--t-xs);font-weight:var(--fw-semibold);color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;padding:var(--s-3) var(--s-4);background:var(--surface-sunken);border-bottom:1px solid var(--line-1);z-index:1;position:sticky;top:0}.t-table tbody td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-1);color:var(--ink-1);vertical-align:middle}.t-table tbody tr:hover td{background:var(--surface-hover)}.t-table tbody tr:last-child td{border-bottom:0}.t-table .col-num{text-align:end;font-variant-numeric:tabular-nums}.t-table .col-actions{white-space:nowrap;text-align:end;width:1%}.tabs{border-bottom:1px solid var(--line-1);padding:0 var(--s-2);gap:2px;display:flex}.tab{appearance:none;padding:var(--s-3) var(--s-4);font-size:var(--t-md);font-weight:var(--fw-medium);color:var(--ink-3);border-radius:var(--r-md) var(--r-md) 0 0;transition:color var(--d-fast) var(--ease), background var(--d-fast) var(--ease);background:0 0;border:0;position:relative}.tab:hover{color:var(--ink-1);background:var(--surface-hover)}.tab[aria-selected=true]{color:var(--ink-1)}.tab[aria-selected=true]:after{content:"";background:var(--brand-500);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.banner{align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);border:1px solid var(--line-1);background:var(--surface-sunken);font-size:var(--t-md);color:var(--ink-1);display:flex}.timeline{margin-top:16px;padding-inline-start:24px;position:relative}.timeline:before{content:"";top:0;bottom:0;border-inline-start:2px dotted var(--brand-300);width:2px;position:absolute;inset-inline-start:7px}.timeline-item{margin-bottom:24px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{inset-inline-start:-24px;background:var(--surface-default);border:4px solid var(--brand-500);z-index:1;border-radius:50%;width:16px;height:16px;position:absolute;top:4px}.timeline-marker--audit{border-color:var(--ink-3)}.timeline-content{background:var(--surface-default);border:1px solid var(--line-1);border-radius:var(--rad-md);padding:16px}.timeline-date{font-size:var(--t-sm);color:var(--ink-3);margin-bottom:8px;font-weight:500}.banner .icon{flex:none;width:16px;height:16px;margin-top:2px}.banner-title{font-weight:var(--fw-semibold)}.banner-msg{color:var(--ink-2);margin-top:2px}.banner--info{background:var(--info-50);color:var(--info-700);border-color:#a1cae8;border-color:lab(79.1643% -8.79321 -19.3308)}.banner--ok{background:var(--ok-50);color:var(--ok-700);border-color:#a9d0b0;border-color:lab(79.9123% -17.808 11.42)}.banner--warn{background:var(--warn-50);color:var(--warn-700);border-color:#eac992;border-color:lab(82.724% 6.50713 31.9344)}.banner--danger{background:var(--danger-50);color:var(--danger-700);border-color:#f4b0aa;border-color:lab(78.3655% 24.7378 13.5339)}.banner--info .banner-msg,.banner--ok .banner-msg,.banner--warn .banner-msg,.banner--danger .banner-msg{color:inherit;opacity:.85}.avatar{background:var(--brand-100);width:36px;height:36px;color:var(--brand-700);font-size:12px;font-weight:var(--fw-semibold);border:1px solid var(--line-1);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.avatar--lg{width:64px;height:64px;font-size:20px}.kbd{border:1px solid var(--line-2);border-radius:var(--r-xs);min-width:18px;height:18px;font-family:var(--font-mono);background:var(--surface-raised);color:var(--ink-2);border-bottom-width:2px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;display:inline-flex}.divider{background:var(--line-1);height:1px;margin:var(--s-4) 0}.divider--vert{background:var(--line-1);width:1px;height:24px}.stack-2{gap:var(--s-2);flex-direction:column;display:flex}.stack-3{gap:var(--s-3);flex-direction:column;display:flex}.stack-4{gap:var(--s-4);flex-direction:column;display:flex}.stack-5{gap:var(--s-5);flex-direction:column;display:flex}.cluster-2{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.cluster-3{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.cluster-4{gap:var(--s-4);flex-wrap:wrap;align-items:center;display:flex}.cluster-2>.input,.cluster-2>.select,.cluster-3>.input,.cluster-3>.select,form.cluster-2>.input,form.cluster-2>.select{flex:1;width:auto;min-width:0}.empty{padding:var(--s-9) var(--s-5);text-align:center;color:var(--ink-3)}.empty-title{font-size:var(--t-md);font-weight:var(--fw-semibold);color:var(--ink-2);margin-bottom:4px}.empty-msg{font-size:var(--t-sm);color:var(--ink-3)}.skel{background:linear-gradient(90deg, var(--surface-sunken) 0%, var(--surface-hover) 50%, var(--surface-sunken) 100%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s infinite skel}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.login-shell{background:var(--surface-canvas);grid-template-columns:460px 1fr;min-height:100vh;display:grid}.login-aside{background:var(--brand-900);color:#e1efe5;color:lab(93.3111% -6.18541 3.168);padding:var(--s-7);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.login-aside:before{content:"";pointer-events:none;background:radial-gradient(circle,#346b4980,#0000 65%);background:radial-gradient(circle,lab(40.7284% -25.3212 13.0315/.5),#0000 65%);border-radius:50%;width:480px;height:480px;position:absolute;inset:-20% -30% auto auto}.login-aside:after{content:"";pointer-events:none;background:radial-gradient(circle,#4b8a6359,#0000 65%);background:radial-gradient(circle,lab(52.4625% -28.4265 14.6223/.35),#0000 65%);border-radius:50%;width:360px;height:360px;position:absolute;bottom:-25%;left:-10%}.login-aside-mark{align-items:center;gap:var(--s-3);z-index:1;display:flex;position:relative}.mark-square{background:var(--brand-500);color:#fff;width:44px;height:44px;font-size:22px;font-weight:700;font-family:var(--font-urdu);border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #00000040;box-shadow:0 2px 8px lab(0% 0 0/.25)}.mark-square--sm{border-radius:8px;width:34px;height:34px;font-size:18px}.mark-square-logo{object-fit:contain;border-radius:inherit;width:100%;height:100%}.mark-name{font-size:var(--t-md);color:#fff;font-weight:600}.mark-sub{font-size:var(--t-xs);color:#c4d2c8;color:lab(82.8709% -6.18729 3.16914);margin-top:2px}.login-aside-quote{z-index:1;max-width:360px;position:relative}.login-aside-quote h2{font-size:var(--t-2xl);color:#fff;margin:0 0 var(--s-3);letter-spacing:-.01em;font-weight:600;line-height:1.25}.login-aside-quote p{color:#c7d5cb;color:lab(84.0309% -6.18705 3.16899);font-size:var(--t-md);margin:0;line-height:1.55}.login-aside-foot{z-index:1;gap:var(--s-2);flex-direction:column;display:flex;position:relative}.login-main{padding:var(--s-5) var(--s-7);flex-direction:column;display:flex}.login-topbar{justify-content:flex-end;display:flex}.login-card{background:var(--surface-raised);border:1px solid var(--line-1);border-radius:var(--r-xl);box-shadow:var(--shadow-2);padding:var(--s-7);width:100%;max-width:420px}.login-h1{font-size:var(--t-2xl);margin:0 0 var(--s-2);letter-spacing:-.01em;font-weight:600}.login-sub{color:var(--ink-3);font-size:var(--t-md);margin:0 0 var(--s-6)}.lang-toggle{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface-raised);display:inline-flex;overflow:hidden}.lang-toggle button{appearance:none;font-size:var(--t-sm);color:var(--ink-2);cursor:pointer;border:0;border-right:1px solid var(--line-1);background:0 0;padding:6px 14px}.lang-toggle button:last-child{border-right:0}.lang-toggle button[aria-pressed=true]{background:var(--brand-500);color:#fff}.lang-toggle--sm button{font-size:var(--t-xs);padding:4px 10px}.login-foot{font-size:var(--t-xs);color:var(--ink-3);padding-top:var(--s-4);border-top:1px solid var(--line-1);margin-top:var(--s-6);justify-content:space-between;align-items:center;display:flex}html[dir=rtl] .login-shell{grid-template-columns:1fr 460px}html[dir=rtl] .login-aside{order:2}@media (max-width:960px){.login-shell{grid-template-columns:1fr}.login-aside{display:none}}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--brand-900);color:#c8d5cc;color:lab(84.004% -5.56669 2.85106);border-inline-end:1px solid #06150c;border-inline-end:1px solid lab(5.57123% -6.71443 3.35061);flex-direction:column;height:100vh;min-height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand .brand-name{font-size:var(--t-sm);color:#fff;font-weight:600}.sidebar-brand .brand-sub{font-size:var(--t-xs);color:#9ba99f;color:lab(67.7906% -6.19093 3.17131);margin-top:2px}.sidebar-nav{padding:var(--s-3) var(--s-2);flex-direction:column;flex:1;gap:2px;display:flex}.nav-link{align-items:center;gap:var(--s-3);border-radius:var(--r-md);color:#bbc8bf;color:lab(79.3639% -5.56746 2.85153);font-size:var(--t-sm);appearance:none;text-align:start;cursor:pointer;width:100%;transition:background var(--d-fast) var(--ease), color var(--d-fast) var(--ease);background:0 0;border:0;padding:9px 12px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:#fff;background:#152f1f;background:lab(17.0705% -14.2276 7.32028);text-decoration:none}.nav-link.is-active{background:var(--brand-500);color:#fff;box-shadow:0 1px #24533780;box-shadow:0 1px lab(31.3156% -22.1906 11.4248/.5)}.nav-icon{flex:none;width:18px;height:18px}.sf-meta{flex:1;min-width:0}.sf-name{font-size:var(--t-sm);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sf-role{font-size:var(--t-xs);color:#9ba99f;color:lab(67.7906% -6.19093 3.17131)}.topbar{z-index:5;height:var(--topbar-h);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-1);padding:0 var(--s-5);justify-content:space-between;align-items:center;gap:var(--s-4);background:#ffffffeb;background:lab(100% 0 0/.92);display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:var(--s-3);flex:1;display:flex}.breadcrumb{font-size:var(--t-sm);align-items:center;gap:8px;display:flex}.bc-prev{color:var(--ink-3)}.bc-sep{color:var(--ink-4)}.user-btn{align-items:center;gap:var(--s-3);padding:4px var(--s-3) 4px 4px;border-radius:var(--r-md);cursor:pointer;background:0 0;border:1px solid #0000;display:flex}.user-btn:hover{background:var(--surface-hover);border-color:var(--line-1)}.user-name{font-size:var(--t-sm);color:var(--ink-1);font-weight:500;line-height:1.2}.user-role{color:var(--ink-3);margin-top:1px;font-size:11px}.page-title{font-size:var(--t-2xl);letter-spacing:-.01em;margin:0;font-weight:600}.page-sub{color:var(--ink-3);font-size:var(--t-md);margin:4px 0 0}.page-head--row .page-title-wrap{flex:1;min-width:0}.empty-illu{background:var(--brand-50);width:56px;height:56px;color:var(--brand-700);margin:0 auto var(--s-3);border-radius:50%;justify-content:center;align-items:center;display:flex}.logout-form{display:inline}.logout-form button{appearance:none;padding:6px var(--s-3);font-size:var(--t-sm);color:var(--danger-700);cursor:pointer;border-radius:var(--r-sm);transition:background var(--d-fast) var(--ease);background:0 0;border:0}.logout-form button:hover{background:var(--danger-50)}@media (max-width:1100px){.app-shell{grid-template-columns:64px 1fr}.sidebar-brand .brand-name,.sidebar-brand .brand-sub,.nav-link span:not(.nav-icon),.sidebar-foot{display:none}.topbar{padding:0 var(--s-4)}}.toolbar{align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-4);border-bottom:1px solid var(--line-1);background:var(--surface-raised);border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg);display:flex}.toolbar-search{flex:360px;min-width:200px;max-width:360px;position:relative}.toolbar-meta{color:var(--ink-3);font-size:var(--t-sm);flex:none}.toolbar-spacer{flex:auto}.toolbar>.input,.toolbar>.select,.toolbar>.cluster-2>.input,.toolbar>.cluster-2>.select{flex:none;width:auto}.tbl-wrap{overflow-x:auto}.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--t-sm)}.tbl thead th{text-align:start;font-weight:500;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);padding:var(--s-3) var(--s-4);background:var(--surface-sunken);border-bottom:1px solid var(--line-1);white-space:nowrap;position:sticky;top:0}.tbl tbody td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-1);color:var(--ink-1);vertical-align:middle}.tbl tbody tr{transition:background var(--d-fast) var(--ease)}.tbl tbody tr:hover{background:var(--surface-hover)}.tbl tbody tr.is-selected{background:var(--brand-50)}.tbl tbody tr.is-inactive td{color:var(--ink-3)}.tbl tbody tr:last-child td{border-bottom:0}.tbl-cell-meta{color:var(--ink-3);font-size:var(--t-xs);margin-top:2px}.tbl-cell-strong{color:var(--ink-1);font-weight:500}.tbl-actions{justify-content:flex-end;gap:4px;display:flex}.drawer-scrim{z-index:100;animation:scrim-in .18s var(--ease) forwards;background:#0f171f66;background:lab(7.18439% -1.49957 -6.86639/.4);position:fixed;inset:0}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.drawer{background:var(--surface-raised);border-left:1px solid var(--line-1);width:520px;max-width:100vw;box-shadow:var(--shadow-3);z-index:101;animation:drawer-in .24s var(--ease) forwards;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}@keyframes drawer-in{to{transform:translate(0)}}html[dir=rtl] .drawer{border-left:0;border-right:1px solid var(--line-1);left:0;right:auto;transform:translate(-100%)}.drawer-head{padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--line-1);justify-content:space-between;align-items:center;display:flex}.drawer-title{font-size:var(--t-lg);letter-spacing:-.005em;margin:0;font-weight:600}.drawer-sub{font-size:var(--t-sm);color:var(--ink-3);margin-top:4px}.drawer-body{padding:var(--s-6);flex:1;overflow-y:auto}.drawer-foot{gap:var(--s-3);padding:var(--s-4) var(--s-6);border-top:1px solid var(--line-1);background:var(--surface-sunken);justify-content:flex-end;display:flex}.drawer-close{appearance:none;cursor:pointer;color:var(--ink-3);border-radius:var(--r-sm);background:0 0;border:0;padding:6px}.drawer-close:hover{background:var(--surface-hover);color:var(--ink-1)}.form-grid{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.form-grid .span-2{grid-column:1/-1}.form-grid.grid-cols-1{grid-template-columns:1fr}.switch{appearance:none;background:var(--line-2);cursor:pointer;width:36px;height:20px;transition:background var(--d-fast) var(--ease);border-radius:999px;flex-shrink:0;position:relative}.switch:after{content:"";width:16px;height:16px;transition:transform var(--d-fast) var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0f171f33;box-shadow:0 1px 2px lab(7.18439% -1.49957 -6.86639/.2)}.switch:checked{background:var(--brand-500)}.switch:checked:after{transform:translate(16px)}html[dir=rtl] .switch:checked:after{transform:translate(-16px)}.confirm-scrim{z-index:200;padding:var(--s-5);animation:scrim-in .16s var(--ease) forwards;background:#0f171f73;background:lab(7.18439% -1.49957 -6.86639/.45);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm{background:var(--surface-raised);border:1px solid var(--line-1);border-radius:var(--r-xl);width:100%;max-width:420px;box-shadow:var(--shadow-3);overflow:hidden}.confirm-head{gap:var(--s-3);padding:var(--s-5) var(--s-6) var(--s-3);align-items:flex-start;display:flex}.confirm-icon{background:var(--danger-50);width:38px;height:38px;color:var(--danger-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.confirm-title{font-size:var(--t-md);margin:0;font-weight:600}.confirm-body{padding:0 var(--s-6) var(--s-5);color:var(--ink-2);font-size:var(--t-sm);line-height:1.55}.confirm-foot{gap:var(--s-3);padding:var(--s-4) var(--s-6);border-top:1px solid var(--line-1);background:var(--surface-sunken);justify-content:flex-end;display:flex}.toast-wrap{bottom:var(--s-6);right:var(--s-6);z-index:300;gap:var(--s-3);flex-direction:column;display:flex;position:fixed}html[dir=rtl] .toast-wrap{right:auto;left:var(--s-6)}.toast{background:var(--ink-1);color:#fff;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);box-shadow:var(--shadow-3);font-size:var(--t-sm);align-items:center;gap:var(--s-3);min-width:280px;animation:toast-in .22s var(--ease);display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.content-wrap--narrow{max-width:880px}.stepper{margin:0 0 var(--s-6) 0;padding:var(--s-3) var(--s-4);background:var(--surface-raised);border:1px solid var(--line-1);border-radius:var(--r-lg);box-shadow:var(--shadow-1);align-items:stretch;gap:0;list-style:none;display:flex;overflow-x:auto}.step{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);color:var(--ink-3);font-size:var(--t-sm);font-weight:var(--fw-medium);white-space:nowrap;display:flex;position:relative}.step+.step:before{content:"";background:var(--line-2);width:28px;height:1px;margin:0 var(--s-2)}.step-num{background:var(--surface-sunken);border:1px solid var(--line-2);width:26px;height:26px;color:var(--ink-3);font-weight:var(--fw-semibold);font-size:var(--t-xs);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.step-current{color:var(--ink-1)}.step-current .step-num{background:var(--brand-500);color:var(--ink-on-primary);border-color:var(--brand-500);box-shadow:var(--shadow-focus)}.step-done{color:var(--brand-700)}.step-done .step-num{background:var(--brand-100);color:var(--brand-700);border-color:var(--brand-200)}.form-section-h{margin:0 0 var(--s-4) 0;font-size:var(--t-md);font-weight:var(--fw-semibold);color:var(--ink-1);padding-bottom:var(--s-2);border-bottom:1px solid var(--line-1)}.salary-breakdown{gap:var(--s-2);padding:var(--s-4);background:var(--surface-sunken);border:1px solid var(--line-1);border-radius:var(--r-md);flex-direction:column;display:flex}.sb-row{font-size:var(--t-sm);color:var(--ink-2);justify-content:space-between;align-items:baseline;display:flex}.sb-row strong{color:var(--ink-1);font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold)}.sb-row.is-total{border-top:1px solid var(--line-2);padding-top:var(--s-3);margin-top:var(--s-1);font-size:var(--t-base)}.sb-row.is-total strong{color:var(--brand-700);font-size:var(--t-md)}.salary-card{padding:var(--s-4);background:var(--brand-50);border:1px solid var(--brand-200);border-radius:var(--r-md)}.salary-amt{font-size:var(--t-2xl);font-weight:var(--fw-bold);color:var(--brand-900);font-variant-numeric:tabular-nums;line-height:1.1}.salary-label{font-size:var(--t-xs);color:var(--brand-700);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.06em}.salary-hint{font-size:var(--t-sm);color:var(--ink-3);margin-top:var(--s-1)}.upload-zone{justify-content:center;align-items:center;gap:var(--s-2);padding:var(--s-7) var(--s-4);background:var(--surface-sunken);border:2px dashed var(--line-2);border-radius:var(--r-md);color:var(--ink-3);font-size:var(--t-sm);cursor:pointer;transition:all var(--d-fast) var(--ease);flex-direction:column;display:flex}.upload-zone:hover{border-color:var(--brand-400);background:var(--brand-50);color:var(--brand-700)}.kv-grid{gap:var(--s-3) var(--s-5);grid-template-columns:1fr 1fr;display:grid}.kv{flex-direction:column;gap:2px;display:flex}.kv--span-2{grid-column:span 2}.kv-label{font-size:var(--t-xs);font-weight:var(--fw-medium);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.kv-value{font-size:var(--t-sm);color:var(--ink-1);font-weight:var(--fw-medium)}.profile-hero{align-items:center;gap:var(--s-4);padding:var(--s-4);margin-bottom:var(--s-5);background:linear-gradient(135deg, var(--brand-50), var(--surface-raised));border:1px solid var(--brand-100);border-radius:var(--r-md);display:flex}.profile-avatar{background:var(--brand-500);width:64px;height:64px;color:var(--ink-on-primary);font-weight:var(--fw-bold);font-size:var(--t-xl);box-shadow:var(--shadow-1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.profile-name{font-size:var(--t-lg);font-weight:var(--fw-semibold);color:var(--ink-1);line-height:1.2}.profile-meta{gap:var(--s-2);margin-top:var(--s-2);font-size:var(--t-sm);color:var(--ink-3);flex-wrap:wrap;align-items:center;display:flex}.dash-grid{gap:var(--s-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}@media (max-width:1100px){.dash-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dash-grid{grid-template-columns:1fr}}.dash-card{background:var(--surface-raised);border:1px solid var(--line-1);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5);text-decoration:none;position:relative}.dash-card:hover{text-decoration:none}.dash-card:before{content:"";border-top-left-radius:var(--r-lg);background:var(--brand-500);border-bottom-right-radius:3px;width:32px;height:3px;position:absolute;top:0;left:0}.dash-card--ok:before{background:var(--ok-500)}.dash-card--warn:before{background:var(--warn-500)}.dash-card--info:before{background:var(--info-500)}.dash-card--brand:before{background:var(--brand-500)}.dash-card--danger:before{background:var(--danger-500)}.dash-card.is-cta{border-color:var(--warn-500);box-shadow:0 0 0 3px var(--warn-50)}html[dir=rtl] .dash-card:before{border-top-left-radius:0;border-top-right-radius:var(--r-lg);border-bottom-right-radius:0;border-bottom-left-radius:3px;left:auto;right:0}.dash-icon{border-radius:var(--r-md);background:var(--brand-50);justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.dash-label{font-size:var(--t-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.dash-val{font-size:var(--t-3xl);color:var(--ink-1);letter-spacing:-.02em;margin-top:6px;font-weight:600;line-height:1}.dash-hint{font-size:var(--t-xs);color:var(--ink-3);margin-top:6px}.quick-link{align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border:1px solid var(--line-1);border-radius:var(--r-md);font-size:var(--t-sm);color:var(--ink-1);background:var(--surface-raised);transition:border-color var(--d-fast) var(--ease), background var(--d-fast) var(--ease);text-decoration:none;display:flex}.quick-link:hover{border-color:var(--brand-400);background:var(--brand-50);color:var(--brand-700);text-decoration:none}.status-badge-active{background:var(--ok-50);color:var(--ok-700)}.status-badge-inactive{background:var(--danger-50);color:var(--danger-700)}.auth-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.error{background:var(--danger-50);color:var(--danger-700);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);margin:0 0 var(--s-4);font-size:var(--t-sm);border:1px solid #f4b0aa;border:1px solid lab(78.3655% 24.7378 13.5339)}.alert{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);margin-bottom:var(--s-4);font-size:var(--t-sm);border:1px solid #0000}.alert-warning{background:var(--warn-50);color:var(--warn-700);border-color:#eac992;border-color:lab(82.724% 6.50713 31.9344)}.alert-info{background:var(--info-50);color:var(--info-700);border-color:#a1cae8;border-color:lab(79.1643% -8.79321 -19.3308)}.form-group{margin-bottom:var(--s-4);flex-direction:column;display:flex}.form-group label{font-size:var(--t-sm);font-weight:var(--fw-medium);color:var(--ink-2);margin-bottom:var(--s-1)}.form-group input,.form-group select{width:100%;height:38px;padding:0 var(--s-3);background:var(--surface-raised);border:1px solid var(--line-2);border-radius:var(--r-md);color:var(--ink-1);font-size:var(--t-md)}.form-group input:focus,.form-group select:focus{border-color:var(--brand-500);box-shadow:var(--shadow-focus);outline:none}.avatar-circle{background:var(--brand-100);width:32px;height:32px;color:var(--brand-700);font-size:12px;font-weight:var(--fw-semibold);border:1px solid var(--line-1);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.language-toggle{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface-raised);margin:0;padding:0;display:inline-flex;overflow:hidden}.language-toggle button{appearance:none;font-size:var(--t-sm);color:var(--ink-2);cursor:pointer;border:0;border-right:1px solid var(--line-1);background:0 0;height:auto;padding:5px 12px}.language-toggle button:last-child{border-right:0}.language-toggle button.active{background:var(--brand-500);color:#fff}.language-toggle button:disabled{opacity:.7}table{border-collapse:collapse;width:100%}th,td{padding:var(--s-3) var(--s-4);text-align:start;border-bottom:1px solid var(--line-1)}th{font-weight:var(--fw-semibold);color:var(--ink-3);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-sunken)}a.action-disabled,span.action-disabled{color:var(--ink-4);opacity:.45;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;text-decoration:none}button.action-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.mb-5{margin-bottom:var(--s-6)}.mt-auto{margin-top:auto}.text-start{text-align:start}.text-muted,.text-mute{color:var(--ink-3)}.ml-1{margin-left:var(--s-1)}.ml-2{margin-left:var(--s-2)}.w-100,.w-full{width:100%}.overflow-x-auto{overflow-x:auto}.border-bottom{border-bottom:1px solid var(--line-1)}.rounded{border-radius:var(--r-md)}.object-cover{object-fit:cover}.rounded-lg{border-radius:var(--r-lg)}.border-all{border:1px solid var(--line-1)}.flex-split-layout{gap:var(--s-5);flex-wrap:wrap;align-items:flex-start;display:flex}.flex-main-panel{flex:2 480px;min-width:0}.flex-side-panel{gap:var(--s-4);flex-direction:column;flex:280px;min-width:0;display:flex}.flex-center-gap-2{align-items:center;gap:var(--s-2);display:flex}.flex-center-gap-3-mb-3{align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.flex-wrap-gap-2-mt-1{gap:var(--s-2);margin-top:var(--s-1);flex-wrap:wrap;display:flex}.user-avatar-lg{width:48px;height:48px;font-size:var(--t-lg);font-weight:var(--fw-semibold)}.user-header-box{align-items:center;gap:var(--s-4);margin-bottom:var(--s-5);padding-bottom:var(--s-5);border-bottom:1px solid var(--line-1);display:flex}.text-semibold-md{font-weight:var(--fw-semibold);color:var(--ink-1);font-size:var(--t-md)}.text-sub-sm{color:var(--ink-3);font-size:var(--t-sm)}.text-sub-sm-ink-2{color:var(--ink-2);font-size:var(--t-sm)}.input-ltr{text-align:left;direction:ltr}.field-divider-top{padding-top:var(--s-4);border-top:1px solid var(--line-1)}.cursor-pointer{cursor:pointer}.text-sm.text-ink-2.m-0{font-size:var(--t-sm);color:var(--ink-2);margin:0}.text-sm.text-ink-2.mb-2{font-size:var(--t-sm);color:var(--ink-2);margin:0 0 var(--s-2) 0}.text-sm.text-ink-3.m-0{font-size:var(--t-sm);color:var(--ink-3);margin:0}.text-sm.text-ink-2.mb-3{font-size:var(--t-sm);color:var(--ink-2);margin-bottom:var(--s-3)}.text-sm.text-danger.m-0{font-size:var(--t-sm);color:var(--danger-700);margin:0}.p-5.text-center.text-ink-3.text-sm{padding:var(--s-5);text-align:center;color:var(--ink-3);font-size:var(--t-sm)}.pt-4.border-t-line-1{padding-top:var(--s-4);border-top:1px solid var(--line-1)}.h-auto.p-2-3{height:auto;padding:var(--s-2) var(--s-3)}.inline-flex-center-gap-8.cursor-pointer.font-normal{cursor:pointer;align-items:center;gap:8px;font-weight:400;display:inline-flex}.w-16.h-16.m-0{width:16px;height:16px;margin:0}.text-ink-1{color:var(--ink-1)}.text-ink-2{color:var(--ink-2)}.text-ink-3{color:var(--ink-3)}.font-normal{font-weight:400}.p-5{padding:var(--s-5)}.flex-col-gap-4{gap:var(--s-4);flex-direction:column;display:flex}.flex-gap-8{gap:8px;display:flex}.flex-2-400{flex:2 400px}.flex-2-480{flex:2 480px}.flex-2-500{flex:2 500px}.flex-0-340{flex:0 0 340px;min-width:0}.flex-0-360{flex:0 0 360px;min-width:0}.flex-1-280-col{flex-direction:column;flex:280px;display:flex}.border-t-line-1{border-top:1px solid var(--line-1)}.flex-col-gap-5{gap:var(--s-5);flex-direction:column;display:flex}.card-footer--between{justify-content:space-between}.banner-flex-1{flex:1;margin-bottom:0}.btn-save-role{margin-left:var(--s-4);flex-shrink:0}.rbac-perm-select{font-size:var(--t-xs);color:inherit;cursor:pointer;font-weight:inherit;background:0 0;border:none;outline:none}.rbac-perm.is-locked .rbac-perm-select{cursor:not-allowed}.audit-log-body{max-height:300px;overflow-y:auto}.audit-log-row{padding-bottom:var(--s-2);margin-bottom:var(--s-2);border-bottom:1px solid var(--line-1);font-size:var(--t-sm)}.dash-row-1{gap:var(--s-5);margin-top:var(--s-6);grid-template-columns:1fr 360px;display:grid}.dash-row-2{gap:var(--s-5);margin-top:var(--s-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}.card-body--flush{padding:0}.activity-list{flex-direction:column;display:flex}.activity-item{align-items:start;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--surface-border);font-size:var(--t-sm);grid-template-columns:3.5rem .5rem 1fr;line-height:1.5;display:grid}.activity-item:last-child{border-bottom:none}.activity-time{color:var(--ink-3);font-size:var(--t-xs);white-space:nowrap;padding-top:2px}.activity-tag{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.activity-tag--system{background:var(--ink-3)}.activity-tag--attendance{background:var(--brand-500)}.activity-tag--leave{background:#c53637;background:lab(45.9853% 56.8958 34.8481)}.activity-tag--hr{background:#008a22;background:lab(49.8938% -50.813 44.8413)}.card-body--grid-2-s3{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.toolbar--wrap{flex-wrap:wrap;gap:12px}.cluster--wrap{flex-wrap:wrap}.pill-inline{margin-top:4px;display:inline-flex}.h-auto{height:auto}.p-2-3{padding:var(--s-2) var(--s-3)}.app-shell{background:var(--surface-canvas);grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--brand-900);flex-direction:column;width:240px;height:100vh;min-height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:var(--s-3);padding:var(--s-5) var(--s-4);border-bottom:1px solid #243228;border-bottom:1px solid lab(19.1339% -7.80177 4.00263);display:flex}.brand-name{font-size:var(--t-sm);font-weight:var(--fw-semibold);color:#dbe9df;color:lab(90.991% -6.1858 3.16823);line-height:1.2}.brand-sub{font-size:var(--t-xs);color:#75857a;color:lab(53.9372% -7.75364 3.97323);margin-top:2px}.mark-square{border-radius:var(--r-md);background:var(--brand-600);width:36px;height:36px;color:var(--ink-on-primary);font-size:var(--t-lg);font-weight:var(--fw-bold);font-family:var(--font-urdu);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mark-square--sm{width:28px;height:28px;font-size:var(--t-sm)}.mark-name{font-size:var(--t-sm);font-weight:var(--fw-semibold);color:#dbe9df;color:lab(90.991% -6.1858 3.16823)}.mark-sub{font-size:var(--t-xs);color:#75857a;color:lab(53.9372% -7.75364 3.97323)}.sidebar-nav{padding:var(--s-3) 0;flex:1}.nav-link{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);font-size:var(--t-sm);color:#95a299;color:lab(65.4706% -6.19158 3.17172);transition:background var(--d-fast) var(--ease), color var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease);border-left:3px solid #0000;text-decoration:none;display:flex}.nav-link:hover{color:#dce8df;color:lab(90.9641% -5.56561 2.85044);background:#243228;background:lab(19.1339% -7.80177 4.00263);text-decoration:none}.nav-link.active,.nav-link[data-active]{color:#dbe9df;color:lab(90.991% -6.1858 3.16823);border-left-color:var(--brand-400);background:#1d2d22;background:lab(16.8785% -9.39764 4.82514)}html[dir=rtl] .nav-link{border-left:none;border-right:3px solid #0000}html[dir=rtl] .nav-link.active{border-right-color:var(--brand-400)}.nav-icon{opacity:.75;flex-shrink:0;width:16px;height:16px}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{opacity:1}.sidebar-foot{padding:var(--s-3) var(--s-4);border-top:1px solid #212c25;border-top:1px solid lab(16.7479% -6.23006 3.19512)}.sf-row{align-items:center;gap:var(--s-3);display:flex}.sf-meta{overflow:hidden}.sf-name{font-size:var(--t-sm);font-weight:var(--fw-medium);color:#bbc8bf;color:lab(79.3639% -5.56746 2.85153);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sf-role{font-size:var(--t-xs);color:#5f6d63;color:lab(44.6167% -6.8239 3.49685);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}.topbar{z-index:20;height:56px;padding:0 var(--s-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-1);background:#ffffffe0;background:lab(100% 0 0/.88);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:var(--s-3);display:flex}.topbar-right{align-items:center;gap:var(--s-4);display:flex}.breadcrumb{align-items:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--ink-3);display:flex}.bc-now{color:var(--ink-1);font-weight:var(--fw-medium)}.user-btn{align-items:center;gap:var(--s-2);display:flex}.user-name{font-size:var(--t-sm);font-weight:var(--fw-medium);color:var(--ink-1)}.user-role{font-size:var(--t-xs);color:var(--ink-3)}.logout-form button{appearance:none;border:1px solid var(--line-2);border-radius:var(--r-md);font-size:var(--t-sm);color:var(--ink-2);cursor:pointer;width:auto;height:auto;transition:border-color var(--d-fast) var(--ease);background:0 0;padding:4px 12px}.logout-form button:hover{border-color:var(--danger-500);color:var(--danger-700)}.content-wrap{padding:var(--s-6) var(--s-7);max-width:1440px}.page-head{margin-bottom:var(--s-6)}.page-head--row{justify-content:space-between;align-items:flex-start;gap:var(--s-4);display:flex}.page-title-wrap{flex:1}.page-title{font-size:var(--t-xl);font-weight:var(--fw-semibold);color:var(--ink-1);margin:0 0 var(--s-1);line-height:1.2}.page-sub{font-size:var(--t-sm);color:var(--ink-3);margin:0}.avatar{background:var(--brand-600);width:32px;height:32px;color:var(--ink-on-primary);font-size:12px;font-weight:var(--fw-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar--sm{width:28px;height:28px;font-size:11px}.login-shell{grid-template-columns:430px 1fr;min-height:100vh;display:grid}@media (max-width:820px){.login-shell{grid-template-columns:1fr}.login-aside{display:none}}.login-aside{background:var(--brand-900);padding:var(--s-6) var(--s-7);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.login-aside-mark{align-items:center;gap:var(--s-3);display:flex}.login-aside-quote{margin-top:auto}.login-aside-quote h2{font-size:var(--t-xl);font-weight:var(--fw-bold);color:#e2efe6;color:lab(93.2841% -5.56535 2.85026);margin:0 0 var(--s-3);line-height:1.25}html[dir=rtl] .login-aside-quote h2{font-family:var(--font-urdu)}.login-aside-quote p{font-size:var(--t-sm);color:#859389;color:lab(59.6973% -6.81576 3.49191);margin:0;line-height:1.65}html[dir=rtl] .login-aside-quote p{font-family:var(--font-urdu)}.login-aside-foot{padding-top:var(--s-5);font-size:var(--t-xs);color:#566159;color:lab(39.923% -5.57934 2.85873);margin-top:auto}.login-main{background:var(--surface-canvas);flex-direction:column;display:flex}.login-topbar{padding:var(--s-4) var(--s-6);justify-content:flex-end;display:flex}html[dir=rtl] .login-topbar{justify-content:flex-start}.login-card-wrap{padding:var(--s-6) var(--s-7);flex:1;justify-content:center;align-items:center;display:flex}.login-card{background:var(--surface-raised);border:1px solid var(--line-1);border-radius:var(--r-xl);width:100%;max-width:440px;padding:var(--s-8) var(--s-8);box-shadow:0 4px 24px #161b2014;box-shadow:0 4px 24px lab(9.50177% -1.15329 -4.20978/.08)}.login-h1{font-size:var(--t-2xl);font-weight:var(--fw-bold);color:var(--ink-1);margin:0 0 var(--s-2);line-height:1.2}html[dir=rtl] .login-h1{font-family:var(--font-urdu)}.login-sub{font-size:var(--t-sm);color:var(--ink-3);margin:0 0 var(--s-6);line-height:1.5}html[dir=rtl] .login-sub{font-family:var(--font-urdu)}.login-submit{width:100%;margin-top:var(--s-2)}.login-forgot{align-items:center;gap:var(--s-2);font-size:var(--t-xs);color:var(--ink-3);margin:var(--s-2) 0 0;line-height:1.5;display:flex}html[dir=rtl] .login-forgot{font-family:var(--font-urdu)}.login-forgot-link{color:inherit;text-underline-offset:2px;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.login-forgot-link:hover{color:var(--brand)}.login-foot{margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px solid var(--line-1);font-size:var(--t-xs);color:var(--ink-4);justify-content:space-between;display:flex}.field-required{color:var(--danger-500)}.input-icon-wrap{align-items:center;display:flex;position:relative}.input-icon{color:var(--ink-4);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.input-icon--left{left:11px}.input-icon--right{right:11px}.input-icon--btn{pointer-events:auto;cursor:pointer;color:var(--ink-3);width:auto;height:auto;transition:color var(--d-fast) var(--ease);background:0 0;border:none;padding:0}.input-icon--btn:hover{color:var(--ink-1)}.input--icon-left{padding-left:36px!important}.input--icon-right{padding-right:36px!important}html[dir=rtl] .input-icon--left{left:auto;right:11px}html[dir=rtl] .input-icon--right{left:11px;right:auto}html[dir=rtl] .input--icon-left{padding-left:var(--s-3)!important;padding-right:36px!important}html[dir=rtl] .input--icon-right{padding-right:var(--s-8)!important;padding-left:36px!important}.we-list{gap:var(--s-3);padding:var(--s-4);flex-direction:column;display:flex}.we-block{border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--surface-base);transition:border-color var(--d-fast) var(--ease);overflow:hidden}.we-block.has-entries{border-color:var(--brand-200);background:var(--surface-raised)}.we-block-head{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);display:flex}.we-block-meta{align-items:center;gap:var(--s-2);display:flex}.we-rows{gap:var(--s-2);padding:var(--s-3) var(--s-4);border-top:1px dashed var(--line-1);background:var(--surface-base);flex-direction:column;display:flex}.we-row{gap:var(--s-2);grid-template-columns:160px 1fr 140px 32px;align-items:center;display:grid}.we-hours{align-items:center;gap:var(--s-2);display:flex}.we-hours-lbl{font-size:var(--t-xs);color:var(--ink-3);font-weight:500}.cat-summary{gap:var(--s-3);margin-bottom:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.cat-card{padding:var(--s-4);background:var(--surface-raised);border:1px solid var(--line-1);border-radius:var(--r-md)}.cat-h{align-items:center;gap:var(--s-2);margin-bottom:var(--s-3);display:flex}.cat-name{font-size:var(--t-xs);color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.cat-val{font-size:var(--t-2xl);color:var(--ink-1);margin-bottom:var(--s-3);font-weight:700;line-height:1}.cat-bar{background:var(--line-1);height:6px;margin-bottom:var(--s-2);border-radius:999px;overflow:hidden}.cat-fill{border-radius:inherit;height:100%;transition:width var(--d-base) var(--ease)}.cat-fill--brand{background:var(--brand-500)}.cat-fill--info{background:var(--info-500)}.cat-fill--warn{background:var(--warn-500)}.cat-fill--ok{background:var(--ok-500)}.cat-fill--mute{background:var(--ink-3)}.cat-meta{font-size:var(--t-xs);color:var(--ink-3)}.op-stats{gap:var(--s-3);margin-bottom:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.op-stat{padding:var(--s-4);background:var(--surface-raised);border:1px solid var(--line-1);border-radius:var(--r-md)}.op-stat-lbl{font-size:var(--t-xs);color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--s-2);font-weight:600}.op-stat-val{font-size:var(--t-2xl);color:var(--ink-1);margin-bottom:4px;font-weight:700;line-height:1}.op-stat-sub{font-size:var(--t-xs);color:var(--ink-3)}.profile-banner{align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-6);background:linear-gradient(135deg, var(--brand-50), var(--surface-raised) 60%);border:1px solid var(--line-1);border-radius:var(--r-lg);flex-wrap:wrap;display:flex}.profile-banner-avatar{background:var(--brand-700);color:#fff;width:88px;height:88px;box-shadow:var(--shadow-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex}.profile-banner-body{flex:1;min-width:240px}.profile-banner-name{font-size:var(--t-xl);color:var(--ink-1);font-weight:700;line-height:1.2}.profile-banner-alt{font-size:var(--t-md);color:var(--ink-2);margin-top:2px}.profile-banner-meta{align-items:center;gap:var(--s-2);margin-top:var(--s-3);font-size:var(--t-sm);color:var(--ink-2);flex-wrap:wrap;display:flex}.profile-banner-sep{color:var(--ink-3)}.profile-banner-stats{gap:var(--s-5);border-inline-start:1px solid var(--line-2);padding-inline-start:var(--s-5);display:flex}.pb-stat{text-align:center}.pb-stat-val{font-size:var(--t-xl);color:var(--ink-1);font-weight:700;line-height:1}.pb-stat-lbl{font-size:var(--t-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.profile-2col{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:1100px){.profile-2col{grid-template-columns:1fr}}.pref-section{margin-top:var(--s-6)}.pref-section-h{margin-bottom:var(--s-3)}.pref-section-h h2{font-size:var(--t-md);color:var(--ink-1);margin:0;font-weight:600}.pref-section-h p{font-size:var(--t-sm);color:var(--ink-3);margin:4px 0 0}.pref-cards{background:var(--surface-raised);border:1px solid var(--line-1);border-radius:var(--r-md);overflow:hidden}.pref-row{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-4);border-bottom:1px solid var(--line-1);display:flex}.pref-row:last-child{border-bottom:none}.pref-row-h{flex:1;min-width:0}.pref-name{font-size:var(--t-sm);color:var(--ink-1);font-weight:600}.pref-desc{font-size:var(--t-xs);color:var(--ink-3);margin-top:2px}.theme-picker{gap:var(--s-2);display:flex}.theme-pick{background:var(--surface-base);border:1px solid var(--line-2);border-radius:var(--r-md);padding:var(--s-2);cursor:pointer;transition:all var(--d-fast) var(--ease);position:relative}.theme-pick:hover{border-color:var(--line-3)}.theme-pick.is-on{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.theme-pick-preview{border-radius:var(--r-sm);border:1px solid var(--line-2);width:64px;height:36px;display:flex;overflow:hidden}.theme-pick-preview span{flex:1}.theme-pick-lbl{font-size:var(--t-xs);color:var(--ink-2);text-align:center;margin-top:4px;font-weight:500}.theme-pick-check{top:4px;background:var(--brand-700);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;inset-inline-end:4px}.approval-reason{color:var(--ink-2);font-style:italic;font-size:var(--t-sm)}.approval-row{justify-content:space-between;gap:var(--s-3);font-size:var(--t-sm);padding:6px 0;display:flex}.approval-row:not(:last-child){border-bottom:1px solid var(--line-1)}.approval-lbl{color:var(--ink-3);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.approval-name{color:var(--ink-1);font-weight:600}.approval-role{font-size:var(--t-xs);color:var(--ink-3);margin-top:2px}.approval-detail{padding:var(--s-3) var(--s-4)}.approval-actions{gap:var(--s-2);padding:var(--s-3) var(--s-4);border-top:1px solid var(--line-1);justify-content:flex-end;display:flex}.switch-row{align-items:center;gap:var(--s-3);padding:var(--s-3);cursor:pointer;display:flex}.switch-help{font-size:var(--t-xs);color:var(--ink-3)}.role-chiprow{gap:var(--s-3);margin-top:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.role-chip{align-items:center;gap:var(--s-1) var(--s-2);padding:var(--s-3) var(--s-4);background:var(--surface-base);border:1px solid var(--line-1);border-radius:var(--r-md);cursor:pointer;text-align:start;transition:border-color var(--d-fast) var(--ease), background var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;display:grid}.role-chip:hover{border-color:var(--brand-300);background:var(--surface-raised)}.role-chip.is-active{border-color:var(--brand-500);background:var(--brand-50);box-shadow:0 0 0 1px var(--brand-500) inset}.role-chip-dot{grid-row:1/span 2;align-self:center}.role-chip-name{font-weight:var(--fw-semibold);color:var(--ink-1);font-size:var(--t-sm)}.role-chip-meta{font-size:var(--t-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;grid-column:2}.role-chip .pill{grid-row:1/span 2;align-self:center}.rbac-row{gap:var(--s-4);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-1);grid-template-columns:200px 1fr;align-items:center;display:grid}.rbac-row:last-child{border-bottom:0}.rbac-mod-name{font-weight:var(--fw-semibold);color:var(--ink-1);font-size:var(--t-sm)}.rbac-mod-meta{font-size:var(--t-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;margin-top:2px}.rbac-perms{gap:var(--s-2);flex-wrap:wrap;display:flex}.rbac-perm{align-items:center;gap:var(--s-2);border:1px solid var(--line-2);background:var(--surface-base);cursor:pointer;font-size:var(--t-xs);color:var(--ink-2);transition:border-color var(--d-fast) var(--ease), background var(--d-fast) var(--ease), color var(--d-fast) var(--ease);border-radius:999px;padding:6px 10px;display:inline-flex}.rbac-perm input{width:14px;height:14px;accent-color:var(--brand-500);margin:0}.rbac-perm:hover{border-color:var(--brand-400)}.rbac-perm.is-on{background:var(--brand-50);border-color:var(--brand-500);color:var(--brand-700);font-weight:var(--fw-medium)}.rbac-perm.is-locked{background:var(--ok-50,var(--surface-raised));border-color:var(--ok-500,var(--brand-500));color:var(--ok-700,var(--brand-700));cursor:not-allowed;opacity:.85;font-weight:var(--fw-medium)}.rbac-perm-label{white-space:nowrap}.me-hero{margin-top:var(--s-5);border:1px solid var(--line-1);border-radius:var(--r-lg);background:linear-gradient(135deg, var(--brand-50) 0%, var(--surface-base) 70%);grid-template-columns:1.2fr 1fr;gap:0;display:grid;overflow:hidden}.me-hero-main{padding:var(--s-6);gap:var(--s-2);flex-direction:column;display:flex}.me-hero-label{font-size:var(--t-xs);color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.me-hero-time{color:var(--ink-1);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(40px,5vw,56px);font-weight:700;line-height:1}.me-hero-meta{align-items:center;gap:var(--s-3);font-size:var(--t-sm);color:var(--ink-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.me-hero-side{padding:var(--s-5) var(--s-6);justify-content:center;gap:var(--s-3);background:var(--surface-base);border-inline-start:1px solid var(--line-1);flex-direction:column;display:flex}.me-hero-row{justify-content:space-between;align-items:baseline;gap:var(--s-3);font-size:var(--t-sm);color:var(--ink-2);display:flex}.me-hero-row strong{color:var(--ink-1);font-weight:var(--fw-semibold);font-size:var(--t-base)}.hol-list{flex-direction:column;display:flex}.hol-row{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-1);grid-template-columns:56px 1fr auto;display:grid}.hol-row:last-child{border-bottom:0}.hol-date{color:var(--ink-1);font-weight:600;font-size:var(--t-sm)}.hol-name{font-size:var(--t-sm);color:var(--ink-1)}.card-body--flush>.approval-row{gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-1);grid-template-columns:1.4fr 1fr 1.2fr auto;align-items:center;display:grid}.card-body--flush>.approval-row:last-child{border-bottom:0}.card-body--flush>.approval-row>.emp-cell{grid-column:1}.approval-meta{align-items:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--ink-2);flex-wrap:wrap;display:flex}.approval-reason{font-size:var(--t-sm);color:var(--ink-2);font-style:italic}.approval-actions{gap:var(--s-2);justify-self:end;display:flex}.roster-list{flex-direction:column;display:flex}.roster-row{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);border-bottom:1px solid var(--line-1);grid-template-columns:auto 1fr auto;display:grid}.roster-row:last-child{border-bottom:0}.roster-meta{min-width:0}.status-dot{background:var(--ink-4);border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot--present{background:var(--ok-500)}.status-dot--absent{background:var(--danger-500,var(--warn-500))}.status-dot--leave{background:var(--info-500)}.mywork-day{border-bottom:1px solid var(--line-1);padding:var(--s-3) var(--s-4)}.mywork-day:last-child{border-bottom:0}.mywork-day-head{margin-bottom:var(--s-2);font-size:var(--t-sm);justify-content:space-between;align-items:center;display:flex}.mywork-day-meta{font-size:var(--t-xs);color:var(--ink-3);font-weight:var(--fw-medium)}.mywork-row{align-items:center;gap:var(--s-3);padding:var(--s-2) 0;font-size:var(--t-sm);color:var(--ink-1);grid-template-columns:110px 1fr auto;display:grid}.mywork-desc{color:var(--ink-2);min-width:0}.mywork-hours{color:var(--ink-1);font-weight:600}.progress-cell{align-items:center;gap:var(--s-2);font-size:var(--t-xs);color:var(--ink-2);display:flex}.progress-bar{background:var(--line-1);border-radius:999px;flex:1;min-width:80px;max-width:120px;height:6px;overflow:hidden}.progress-fill{background:var(--brand-500);height:100%;transition:width var(--d-fast) var(--ease);border-radius:999px}.check-row{align-items:center;gap:var(--s-2);padding:var(--s-2) 0;font-size:var(--t-sm);color:var(--ink-1);cursor:pointer;display:flex}.check-row input{accent-color:var(--brand-500);width:16px;height:16px}.drawer-section-title{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin-bottom:var(--s-2);font-weight:600}[dir=rtl] .me-hero-side{border-inline-start:1px solid var(--line-1)}.nav-group-head{justify-content:space-between}.nav-group-head .nav-chev{transition:transform var(--d-base) var(--ease);color:#95a299;color:lab(65.4706% -6.19158 3.17172);margin-left:auto}html[dir=rtl] .nav-group-head .nav-chev{margin-left:0;margin-right:auto}.nav-group-head.is-open .nav-chev{transform:rotate(180deg)}.nav-group-head span:not(:last-child){flex:1}.nav-children{border-left:1px solid #182f20;border-left:1px solid lab(17.007% -12.6063 6.48122);flex-direction:column;gap:2px;margin:4px 0 8px 18px;padding-left:32px;display:flex}html[dir=rtl] .nav-children{border-left:0;border-right:1px solid #182f20;border-right:1px solid lab(17.007% -12.6063 6.48122);margin-left:0;margin-right:18px;padding-left:0;padding-right:32px}.nav-sublink{align-items:center;gap:var(--s-2);border-radius:var(--r-sm);color:#a9b5ac;color:lab(72.4038% -5.5688 2.85233);font-size:var(--t-sm);padding:7px 10px;text-decoration:none;display:flex}.nav-sublink:hover{color:#fff;background:#152f1f;background:lab(17.0705% -14.2276 7.32028);text-decoration:none}.nav-sublink.is-active{color:#fff;background:#193b26;background:lab(21.8399% -17.4253 8.97002)}.nav-bullet{background:#56695c;background:lab(42.4029% -9.32917 4.78295);border-radius:50%;flex-shrink:0;width:5px;height:5px}.nav-sublink:hover .nav-bullet,.nav-sublink.is-active .nav-bullet{background:var(--brand-400)}.dist-row{align-items:center;gap:var(--s-3);padding:var(--s-2) 0;grid-template-columns:140px 1fr 40px;display:grid}.dist-row+.dist-row{border-top:1px dashed var(--line-1)}.dist-name{font-size:var(--t-sm);color:var(--ink-2);font-weight:var(--fw-medium)}.dist-bar{background:var(--surface-sunken);border-radius:999px;height:8px;overflow:hidden}.dist-fill{background:var(--brand-500);border-radius:999px;height:100%}.dist-num{font-size:var(--t-sm);font-weight:var(--fw-semibold);color:var(--ink-1);text-align:end}.mini-chart{align-items:flex-end;gap:var(--s-1);height:120px;padding:var(--s-2) 0;display:flex}.mini-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.mini-bar-label{font-size:.65rem;font-weight:var(--fw-semibold);color:var(--ink-3);margin-bottom:2px}.mini-bar{background:var(--brand-500);border-radius:var(--r-xs) var(--r-xs) 0 0;width:100%;min-height:3px;transition:height var(--d-base) var(--ease)}.bg-muted{background-color:var(--muted)}.text-muted{color:var(--muted-foreground)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-raised);width:100%;max-width:500px}.calc-field{box-sizing:border-box;align-items:center;gap:.5rem;width:100%;min-height:2.25rem;padding:.4rem .75rem;display:inline-flex}.calc-field-icon{opacity:.7;flex-shrink:0;font-size:.9rem}.calc-field-value{color:var(--ink-1);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:.9375rem;font-weight:600}.calc-field-hint{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;margin-inline-start:auto;font-size:.7rem}.att-today-display{box-sizing:border-box;background:var(--surface-raised);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;min-height:2.25rem;color:var(--ink-1);align-items:center;gap:.5rem;padding:.45rem .85rem;font-weight:600;display:inline-flex}.att-today-icon{opacity:.75;flex-shrink:0;font-size:1rem}.att-today-date{letter-spacing:.01em;font-size:.9375rem}.att-other-indicator{color:var(--amber,#b45309);background:color-mix(in srgb, var(--amber,#b45309) 10%, transparent);border:1px solid color-mix(in srgb, var(--amber,#b45309) 30%, transparent);border-radius:var(--radius);align-items:center;gap:.4rem;margin-top:.35rem;padding:.3rem .65rem;font-size:.8125rem;font-weight:500;display:flex}.att-add-step-btn{border:1.5px dashed var(--border);border-radius:var(--radius);width:100%;color:var(--ink-2);cursor:pointer;text-align:start;background:0 0;padding:.6rem 1rem;font-size:.9rem;font-weight:500;transition:border-color .15s,color .15s,background .15s}.att-add-step-btn:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, transparent)}.att-pairs-list{flex-direction:column;gap:.6rem;display:flex}.att-pair-row{align-items:flex-end;gap:.5rem;display:flex}.att-pair-times{flex-wrap:wrap;flex:1;gap:.5rem;display:flex}.att-pair-field{flex-direction:column;flex:1;gap:.25rem;min-width:120px;display:flex}.att-pair-num{color:var(--ink-3);font-size:.75em;font-weight:400}.att-pair-remove{border:1px solid var(--border);border-radius:var(--radius);width:1.8rem;height:1.8rem;color:var(--ink-3);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:.1rem;font-size:.7rem;transition:background .12s,color .12s,border-color .12s;display:flex}.att-pair-remove:hover{background:var(--danger-bg,#fee2e2);color:var(--danger,#dc2626);border-color:var(--danger,#dc2626)}.att-hours-inline{margin-top:.6rem}.notification-bell-container{position:relative}.notification-bell-btn{margin-right:8px;position:relative}.notification-bell-btn.has-unread{color:var(--brand-700)}.notification-badge{text-align:center;background-color:var(--brand-700);color:#fff;border-radius:50%;min-width:18px;padding:2px 4px;font-size:.65rem;font-weight:700;position:absolute;top:-4px;right:-4px}.notification-dropdown{z-index:100;width:320px;padding:0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #0000001a}.notification-header{border-bottom:1px solid var(--border);padding:12px 16px}.notification-title{font-size:1rem}.notification-mark-read{padding:2px 8px}.notification-body{max-height:350px;overflow-y:auto}.notification-list{flex-direction:column;gap:4px;padding:8px;display:flex}.notification-item{border-radius:var(--r-md);cursor:pointer;padding:12px 16px;transition:background-color .2s,transform .1s}.notification-item:hover{background-color:var(--surface-hover)}.notification-item.unread{background-color:var(--ok-50)}.notification-item.unread:hover{background-color:var(--ok-500);color:#fff}.notification-item.unread:hover .notification-item-title,.notification-item.unread:hover .notification-item-message,.notification-item.unread:hover .notification-item-time{color:#fff}.notification-item.read{background-color:#0000}.notification-item.read:hover{background-color:var(--surface-hover)}.notification-item-title{color:var(--ink);font-size:.9rem}.notification-item.unread .notification-item-title{color:var(--ink-1);font-weight:700}.notification-item.read .notification-item-title{font-weight:500}.notification-item-message{color:var(--ink-2);margin-top:4px;font-size:.8rem}.notification-item-time{color:var(--ink-3);margin-top:6px;font-size:.7rem}.notification-link,.notification-link:hover,.notification-link:focus{text-decoration:none}.payroll-summary-card{background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:8px}.payroll-summary-title{font-size:1.15rem;font-weight:600}.payroll-summary-divider-dashed{border-top:1px dashed var(--color-primary-300)}.payroll-summary-divider-solid{border-top:2px solid var(--color-primary-300)}.att-add-step-btn{border:1.5px dashed var(--brand-400);background:var(--brand-100);width:max-content;color:var(--brand-700);font-size:var(--t-sm);border-radius:var(--r-md);cursor:pointer;justify-content:center;align-items:center;margin-top:1rem;padding:8px 16px;font-weight:500;transition:all .2s;display:inline-flex}.att-add-step-btn:hover{background:var(--brand-300);border-color:var(--brand-500);color:var(--brand-900)}.gap-5{gap:1.25rem}.max-w-200{max-width:200px}.max-w-300{max-width:300px}.max-w-400{max-width:400px}.max-w-800{max-width:800px}.text-justify-inter-word{text-justify:inter-word}.border-b-2-black{border-bottom:2px solid #000}.inline-block{display:inline-block}.no-underline{text-decoration:none}.grid-col-full{grid-column:1/-1}.text-24px{font-size:24px}.min-w-200px{min-width:200px}.min-w-300px{min-width:300px}.min-w-20px{min-width:20px}.line-height-2-1{line-height:2.1}.guarantor-form.urdu-body{font-size:18px;line-height:1.4}.guarantor-form .urdu-heading,.guarantor-form h2.urdu-heading{font-size:20px}.guarantor-form .print-blank,.guarantor-form .print-inline-blank{font-size:15px}.print-container{color:#000;background:#fff;border:1px solid #000;max-width:800px;min-height:970px;margin:2rem auto;padding:3rem 2rem;position:relative}.print-container:before{content:"";pointer-events:none;border:3px solid #000;position:absolute;inset:4px}.print-row-flex{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:2rem;display:flex}.print-label{white-space:nowrap}.print-blank{text-align:center;border-bottom:1px solid #000;flex-grow:1;min-width:100px;padding:0 .5rem;line-height:1.2}.print-inline-blank{text-align:center;border-bottom:1px solid #000;min-width:120px;margin:0 .5rem;padding:0 .5rem;line-height:1.2;display:inline-block}.print-signature-row{flex-wrap:wrap;justify-content:space-between;gap:2rem;min-width:120px;margin-top:4rem;display:flex}.print-signature-col{flex:1;align-items:flex-end;gap:.5rem;min-width:250px;display:flex}.print-signature-row-mt{margin-top:6rem}.print-signature-single{align-items:flex-end;gap:.5rem;min-width:400px;max-width:50%;margin-top:4rem;display:flex}.payslip-print-header{text-align:center;margin-bottom:1.5rem}.payslip-print-table{border-collapse:collapse;width:100%;margin:1.5rem 0}.payslip-print-table th,.payslip-print-table td{text-align:start;vertical-align:middle;border:1px solid #000;padding:.4rem .75rem}.payslip-print-table thead th{border-bottom:2px solid #000;font-weight:700}.payslip-print-amount{text-align:end;white-space:nowrap}.payslip-print-table .payslip-print-net td{border-top:2px solid #000;font-weight:700}.vp-page{color:#000;box-sizing:border-box;background:#fff;max-width:210mm;margin:0 auto;padding:6mm 8mm;font-size:15px;line-height:1.65}.vp-page.urdu-body{font-family:Jameel,serif}.vp-header{border:2px solid #000;justify-content:space-between;align-items:flex-start;margin-bottom:6px;padding:8px 12px;display:flex}.vp-header-logo{justify-content:center;align-items:center;width:70px;display:flex}.vp-logo-img{object-fit:contain;max-width:64px;max-height:64px}.vp-header-title{text-align:center;flex:1}.resignation-print-office-use-box{background:#fff;border:1px dotted #000;padding:8px 30px;font-size:26px;font-weight:700}.vp-main-title{font-size:28px;font-weight:700;line-height:2}.vp-sub-title{font-size:20px;line-height:1.8}.vp-header-photo{border:1.5px solid #000;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:110px;display:flex}.vp-photo-placeholder{color:#555;text-align:center;font-size:14px}.vp-photo-img{object-fit:cover;width:100%;height:100%}.vp-section{border:1.5px solid #000;border-top:none;padding:4px 10px}.vp-row{border-bottom:1px solid #ccc;align-items:baseline;gap:6px;min-height:28px;padding:2px 0;display:flex}.vp-label{white-space:nowrap;flex-shrink:0;font-size:15px}.vp-value{border-bottom:1px solid #000;flex:1;min-height:20px;padding:0 4px}.vp-two-col{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.vp-cnic-row{border-bottom:1px solid #ccc;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0;display:flex}.vp-cnic-boxes{direction:ltr;gap:2px;display:flex}.vp-cnic-box{border:1px solid #000;justify-content:center;align-items:center;width:20px;height:24px;font-family:monospace;font-size:13px;display:inline-flex}.vp-cnic-dash{align-items:center;padding:0 2px;font-size:16px;display:inline-flex}.vp-checkbox{align-items:center;gap:4px;margin-inline-end:8px;font-size:14px;display:flex}.vp-check{border:1.5px solid #000;width:16px;height:16px;display:inline-block}.vp-check--checked:after{content:"✓";text-align:center;font-size:13px;line-height:1.1;display:block}.vp-table-section{gap:0;display:flex;overflow:hidden;padding:0!important}.vp-section-label-vertical{writing-mode:vertical-rl;text-orientation:mixed;background:#fafafa;border-inline-end:1.5px solid #000;justify-content:center;align-items:center;min-width:28px;padding:6px 4px;font-size:15px;font-weight:700;display:flex}.vp-table{border-collapse:collapse;flex:1;width:100%;font-size:14px}.vp-table th,.vp-table td{text-align:start;border:1px solid #000;min-height:26px;padding:3px 6px}.vp-table thead th{color:#000;background:#fff;font-size:14px;font-weight:700}.vp-table tbody tr{height:26px}.vp-td-num{text-align:center;direction:ltr;width:32px}.vp-td-ltr{text-align:left;direction:ltr;font-family:monospace}.vp-footer-section{padding:0 2px!important}.vp-note{border:1px solid #000;margin:8px 0;padding:6px 8px;font-size:13px;line-height:1.9}.vp-sign-row{justify-content:space-between;gap:2rem;margin-top:24px;display:flex}.vp-sign-col{border-bottom:1px solid #000;flex:1;align-items:flex-end;gap:6px;min-height:36px;display:flex}.vp-docs-note{border-top:1px solid #ccc;margin-top:12px;padding-top:6px;font-size:12px;line-height:2}@media print{@page{margin:4mm;size:A4 portrait}body{margin:0!important;padding:0!important}.vp-page{width:100%;max-width:100%;padding:3mm 5mm;font-size:18px;line-height:1.8}.vp-main-title{font-size:22px}.vp-sub-title{font-size:16px}.vp-header{page-break-inside:avoid;margin-bottom:2px}.vp-table-section{page-break-inside:avoid}.vp-row{min-height:22px;padding:1px 0}.vp-section{padding:2px 8px}.vp-table th,.vp-table td{padding:2px 4px}.vp-table tbody tr{height:22px}.vp-note{margin:4px 0;padding:4px 6px;font-size:11px}.vp-sign-row{margin-top:12px}.vp-docs-note{margin-top:6px;font-size:16px}}.ur-print-paper{color:#000;background:#fff;max-width:800px;margin:0 auto;padding:10px;font-family:Noto Nastaliq Urdu,serif;font-size:18px;line-height:1.9}.ur-print-form-container{border:3px solid #000;padding:2px}.ur-print-inner-container{border:1px solid #000}.ur-print-header-section{justify-content:center;align-items:center;padding:10px 15px;display:flex;position:relative}.ur-print-header-logo{position:absolute;top:15px;right:30px}.ur-print-header-logo img{width:70px}.ur-print-header-title{text-align:center}.ur-print-title-sm{margin-bottom:-15px;font-size:14px}.ur-print-title-lg{font-size:38px;font-weight:700}.ur-print-pill-container{z-index:2;justify-content:center;align-items:center;margin:15px 0;display:flex;position:relative}.ur-print-pill-container:before,.ur-print-pill-container:after{content:"";border-top:3px double #000;flex:1}.ur-print-pill-title{background:#fff;border:1px solid #000;border-radius:20px;margin:0;padding:0 25px;font-size:16px;font-weight:700;box-shadow:0 0 0 2px #fff,0 0 0 3px #000}.ur-print-content-section{padding:0 15px 15px}.ur-print-f-row{align-items:flex-end;margin-bottom:8px;display:flex}.ur-print-f-row.align-center{align-items:center}.ur-print-lbl{white-space:nowrap;margin-left:10px}.ur-print-uline{white-space:nowrap;border-bottom:1px solid #000;flex:1;min-width:50px;min-height:20px;margin-left:10px;padding:0 5px}.ur-print-text-center{text-align:center}.ur-print-checkbox-group{flex:1;justify-content:space-around;align-items:center;display:flex}.ur-print-cb-item{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.ur-print-box{border:1px solid #000;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-family:sans-serif;font-size:12px;display:inline-flex}.ur-print-sign-row{justify-content:flex-end;margin-top:20px}.ur-print-sign-row-multi{margin-top:20px}.ur-print-spacer{flex:1}.ur-print-w-100{flex:none;width:100px}.ur-print-w-110{flex:none;width:110px}.ur-print-w-120{flex:none;width:120px}.ur-print-w-150{flex:none;width:150px}.ur-print-w-200{flex:none;width:200px}.ur-print-w-250{flex:none;width:auto;min-width:250px}.ur-print-mr-4{margin-right:20px}.ur-print-mt-3{margin-top:15px}.ur-print-inline-text{line-height:2.2;display:block}.ur-print-inline-text span.ur-print-uline{margin:0 10px;display:inline-block}.ur-print-section-divider{border-top:3px double #000;margin:15px 0 0}.ur-print-actions{text-align:center;margin-top:30px}@media print{.ur-print-actions{display:none!important}.ur-print-paper{border:none;max-width:none;padding:0}}.fam-detail-wrap{flex-direction:column;gap:4px;display:flex}.fam-chips{flex-wrap:wrap;gap:6px;display:flex}.fam-chip{background:var(--surface-2,#f5f5f5);border:1px solid var(--border,#e0e0e0);color:var(--ink-1,#333);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.fam-chip-label{color:var(--ink-3,#888);white-space:nowrap;font-weight:600}.fam-chip-label:after{content:":";margin-inline-end:2px}.fam-chip-value{color:var(--ink-1,#222)}.fam-address{color:var(--ink-2,#555);margin-top:2px;font-size:11px}.fam-print-page{color:#000;background:#fff;max-width:900px;margin:2rem auto;padding:2rem}.fam-print-page.urdu-body{direction:rtl;font-family:Jameel,serif}.fam-print-page.ltr-body{direction:ltr;font-family:sans-serif}.fam-print-title{text-align:center;margin-bottom:.5rem;font-size:24px;font-weight:700}.fam-print-note{text-align:right;margin-bottom:1.2rem;font-size:13px;line-height:1.8}.fam-print-page.ltr-body .fam-print-note{text-align:left}.fam-print-table{border-collapse:collapse;width:100%;font-size:13px}.fam-print-table th,.fam-print-table td{text-align:center;vertical-align:middle;border:1px solid #000;padding:5px 6px}.fam-print-table th{color:#000;background-color:#fff;font-weight:700}.fam-print-table tbody tr{height:36px}.fam-print-table td.fam-cell-serial{white-space:nowrap;width:40px}.fam-print-table td.fam-cell-name{text-align:right;min-width:140px}.fam-print-page.ltr-body .fam-print-table td.fam-cell-name{text-align:left}.fam-print-table td.fam-cell-address{text-align:right}.fam-print-page.ltr-body .fam-print-table td.fam-cell-address{text-align:left}.fam-print-table td.fam-cell-contact{direction:ltr}@media print{.fam-print-page{max-width:none;margin:0;padding:0}}.companion-list{gap:var(--s-1);border:1px solid var(--border-color);max-height:250px;padding:var(--s-2);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow-y:auto}.companion-list-item{word-break:break-word;align-items:flex-start;width:100%;padding:4px 0}.companion-list-item input{margin-top:3px}.actions-row{gap:var(--s-2);flex-wrap:nowrap;display:flex}.list-plain{margin:0;padding:0;list-style-type:none}.transfer-print-container{color:#000;background:#fff;border:1px solid #000;max-width:800px;min-height:1000px;margin:2rem auto;padding:2rem;position:relative}.transfer-print-container:before{content:"";pointer-events:none;border:3px solid #000;position:absolute;inset:4px}.transfer-print-header-line{border-bottom:1px solid #000;justify-content:center;margin-bottom:20px;padding-bottom:5px;font-size:2rem;font-weight:700;display:flex}.transfer-print-title{text-align:center;margin-bottom:25px}.transfer-print-title h1{font-size:2.5rem;font-weight:700}.transfer-print-fields{flex-direction:column;gap:30px;display:flex}.transfer-print-row{align-items:baseline;gap:5px;display:flex}.transfer-print-label{white-space:nowrap;font-size:.9rem}.transfer-print-blank{border-bottom:1px solid #000;flex:1;min-height:1.3rem;padding:0 .5rem;font-size:.9rem}.transfer-print-blank-fixed{border-bottom:1px solid #000;min-height:1.3rem;padding:0 .5rem;font-size:.9rem}.transfer-print-signatures{justify-content:space-between;margin-top:20px;display:flex}.transfer-print-signature-box{flex:1;gap:10px;display:flex}.transfer-print-final-approval{border-top:2px solid #000;margin-top:30px;padding-top:25px;position:relative}.transfer-print-pill{background:#fff;border:1px solid #000;border-radius:20px;padding:2px 20px;font-size:1rem;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.exit-print-container{--exit-font-size:1rem;--exit-line-height-gap:15px;--exit-separator-line:4px double #000;color:#000;background:#fff;border:1px solid #000;max-width:800px;min-height:1000px;margin:2rem auto;padding:2rem;line-height:1.4;position:relative}.exit-print-container:before{content:"";pointer-events:none;border:3px solid #000;position:absolute;inset:4px}.exit-print-fields{gap:var(--exit-line-height-gap);flex-direction:column;display:flex}.exit-print-row{align-items:baseline;gap:5px;display:flex}.exit-print-header-sub{margin-bottom:.2rem;font-size:20px;font-weight:700;line-height:normal}.exit-print-label{white-space:nowrap;font-size:var(--exit-font-size)}.exit-print-blank{min-height:1.3rem;font-size:var(--exit-font-size);border-bottom:1px solid #000;flex:1;padding:0 .5rem}.exit-print-final-approval{border-top:var(--exit-separator-line);margin-top:40px;padding-top:40px;position:relative}.exit-print-pill{background:#fff;border:1px solid #000;border-radius:20px;padding:4px 30px;font-size:1.2rem;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.exit-print-page-wrapper{color:#000;background:#fff;border:2px solid #000;max-width:800px;margin:2rem auto;padding:4px;position:relative}.exit-print-inner-wrapper{border:1px solid #000;min-height:1000px;padding:2rem}.exit-print-header{text-align:center;margin-bottom:1.2rem}.exit-print-header-top{margin-bottom:0;font-size:16px}.exit-print-header-main{margin-bottom:2px;font-size:40px;font-weight:700;line-height:normal}.exit-print-title-divider{z-index:1;justify-content:center;align-items:center;margin:1.5rem 0 2.5rem;display:flex;position:relative}.exit-print-title-divider:before,.exit-print-title-divider:after{content:"";border-top:4px double #000;flex:1}.exit-print-title-pill{background:#fff;border:1px solid #000;border-radius:20px;margin:0;padding:4px 30px;font-size:1.4rem;font-weight:700;box-shadow:0 0 0 4px #fff}.exit-print-pt{padding-top:1rem}.exit-label-gap{margin-inline-start:20px}.exit-blank-100{flex:0 0 100px}.exit-blank-250{flex:0 0 250px}.exit-print-cnic{letter-spacing:2px;text-align:center;font-family:monospace}.exit-row-center{justify-content:center}.exit-print-final-approval--bottom{border-bottom:var(--exit-separator-line);padding-bottom:20px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.resignation-print-page-wrapper{color:#000;background:#fff;border:4px solid #000;max-width:800px;margin:2rem auto;padding:4px;line-height:normal;position:relative}.resignation-print-inner-wrapper{border:1px solid #000;min-height:1000px;padding:3rem 2.5rem;position:relative}.resignation-print-header{text-align:center;margin-bottom:0;position:relative}.resignation-print-header-title{font-size:40px;font-weight:700;line-height:normal}.resignation-print-logo{width:120px;height:auto;position:absolute;top:-20px;right:-25px}.resignation-print-subheader{text-align:center;margin-top:1rem;margin-bottom:1rem;font-size:22px;line-height:normal}[dir=ltr] .resignation-print-subheader{max-width:600px}.resignation-print-salutation{text-align:right;margin-bottom:1.5rem;font-size:24px;font-weight:700}.resignation-print-row{align-items:baseline;margin-bottom:10px;font-size:22px;display:flex}.resignation-print-blank{border-bottom:1px solid #000;flex:1;min-width:50px;margin:0 10px}.resignation-flex-1-5{flex:1.5}.resignation-flex-2{flex:2}.resignation-flex-3{flex:3}[dir=ltr] .resignation-print-salutation{text-align:left}[dir=ltr] .resignation-print-row{flex-wrap:wrap;line-height:1.2}[dir=ltr] .resignation-print-blank{flex:auto;min-width:200px}[dir=ltr] .resignation-print-blank.resignation-blank-sm{min-width:150px}[dir=ltr] .resignation-print-blank.resignation-flex-1-5,[dir=ltr] .resignation-print-blank.resignation-flex-2,[dir=ltr] .resignation-print-blank.resignation-flex-3{min-width:200px}.resignation-text-block{text-align:center;margin-top:10px;font-size:22px;line-height:2.2;display:block}.resignation-print-applicant{text-align:center;margin:1rem 0;font-size:32px;font-weight:700}.resignation-print-signatures{justify-content:space-between;margin-bottom:3rem;font-size:20px;display:flex}.resignation-mb-1{margin-bottom:1rem}.resignation-print-sign-col{align-items:flex-end;gap:10px;display:flex}.resignation-print-sign-blank{border-bottom:1px solid #000;min-width:250px}.resignation-blank-150{min-width:150px}.resignation-print-office-use-wrapper{text-align:center;margin:5rem 0 6rem;position:relative}.resignation-print-office-use-line{z-index:1;border-top:1px dashed #000;position:absolute;top:50%;left:-2.5rem;right:-2.5rem}.resignation-print-office-use-box{z-index:2;background:#fff;border:1px dotted #000;padding:8px 30px;font-size:26px;font-weight:700;display:inline-block;position:relative}.generic-print-header-relative{position:relative}.generic-print-logo-box{top:0;width:6rem;position:absolute;inset-inline-start:0}.generic-print-logo-img{width:100%;height:auto}.clearance-print-page-wrapper{color:#000;background:#fff;max-width:800px;margin:2rem auto}.clearance-print-inner-wrapper{border:4px solid #1f2937;flex-direction:column;min-height:95vh;margin:1rem;padding:1.5rem;display:flex}.clearance-print-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex;position:relative}.clearance-print-header-center{text-align:center;flex:1;padding-top:1rem}.clearance-print-title{margin-bottom:1rem;font-size:2.25rem;font-weight:800}.clearance-print-subheader{font-size:1.25rem}.clearance-print-logo-wrap{top:0;width:7rem;position:absolute;inset-inline-start:0}.clearance-print-logo-wrap img{width:100%;height:auto}[dir=ltr] .clearance-print-logo-wrap{position:static}.clearance-print-text-row{margin-bottom:1.5rem;font-size:1.125rem;line-height:3}.clearance-print-text-row-large-margin{margin-bottom:2rem}.clearance-print-blank-large{text-align:center;border-bottom:1px solid #000;width:10rem;margin:0 .1rem;line-height:1;display:inline-block}.clearance-print-blank-medium{text-align:center;border-bottom:1px solid #000;width:12rem;margin:0 .5rem;line-height:1;display:inline-block}.clearance-print-checkbox-row{justify-content:space-between;margin-bottom:1rem;padding:.1rem;font-size:1.125rem;display:flex}.clearance-print-checkbox-item{align-items:center;gap:1rem;display:flex}.clearance-print-checkbox-box{border:2px solid #000;width:1.5rem;height:1.5rem}.clearance-print-table{border-collapse:collapse;text-align:center;border:1px solid #000;width:100%;margin-bottom:6rem;font-size:1.125rem}.clearance-print-table th,.clearance-print-table td{color:#000;background-color:#fff;border:1px solid #000;padding:.3rem}.clearance-print-table-col-1{width:4rem}.clearance-print-table-col-2,.clearance-print-table-col-4{width:12rem}.clearance-print-signatures{justify-content:space-between;margin-top:auto;padding:0 2rem 1rem;font-size:1.125rem;display:flex}.clearance-print-sign-box{text-align:center}.clearance-print-sign-line{border-bottom:1px solid #000;width:16rem;margin-bottom:.5rem}@media print{.clearance-print-page-wrapper{border:none;max-width:100%;margin:0}.clearance-print-inner-wrapper{min-height:280mm;margin:0;display:block}.clearance-print-signatures{margin-top:4rem}}.forms-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.form-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1.5rem;display:flex;box-shadow:0 1px 2px #0000000d}.form-card-header{flex-direction:column;display:flex}.form-card-title{color:#1f2937;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.form-card-desc{color:#6b7280;font-size:.875rem;line-height:1.25rem}.form-card-actions{justify-content:flex-end;display:flex}@media print{.print-report-container{background:#fff!important}.topbar,.sidebar{display:none!important}}.print-report-container{color:#000;background:#fff;padding:20px;font-family:Jameel,Noto Naskh Arabic,serif}.service-book-container{padding:0}@media print{@page{size:A4;margin:10mm}}.service-book-page{box-sizing:border-box;page-break-after:always;page-break-inside:avoid;background-color:#fff;width:100%;height:277mm;margin-bottom:20px;padding:30px 20px 20px;position:relative;border:4px solid #000!important}.service-book-page:before{content:"";pointer-events:none;position:absolute;inset:5px;border:4px double #000!important}.sb-photo-container{position:relative}.page-3-tight .sb-section{margin-bottom:12px}.page-3-tight .sb-row-split{margin-bottom:5px}.sb-col-10,.w-10p{width:10%}.sb-col-20,.w-20p{width:20%}.sb-col-70,.w-70p{width:70%}.sb-photo-spacer{width:160px;margin-left:30px;margin-right:20px}.sb-section-offset{margin-top:125px}.sb-photo-box{background:#fff;border:2px solid #000;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:absolute;top:30px;left:30px}.sb-photo-box img{object-fit:cover;width:100%;height:100%}.sb-page-num{z-index:10;background:#fff;border:2px solid #000;border-top:none;padding:2px 15px;font-family:sans-serif;font-size:16px;font-weight:700;position:absolute;top:-4px;left:50px}@media print{.service-book-page{box-shadow:none;margin-bottom:0}}.sb-header{margin-top:50px}.sb-logo{width:120px;height:auto;margin:0 auto 20px;display:block}.sb-heading-img{width:auto;max-height:100px;margin:0 auto;display:block}.sb-org-name{margin:0;font-size:36px;font-weight:700;display:block}.sb-doc-title{margin:20px 0;font-size:60px;font-weight:700}.sb-title-fields{margin-top:100px;font-size:24px}.sb-title-form{margin-top:50px}.sb-form-row{align-items:flex-end;margin-bottom:20px;display:flex}.sb-form-row .sb-label{min-width:150px}.sb-form-row .sb-value{border-bottom:1px solid #000;flex-grow:1;padding-bottom:5px}.sb-row-split{justify-content:space-between;align-items:flex-end;margin-bottom:15px;display:flex}.sb-field{flex:1;align-items:flex-end;margin:10px;display:flex}.sb-field-label{white-space:nowrap;margin-left:10px}.sb-field-value{text-align:center;border-bottom:1px solid #000;flex-grow:1;min-height:20px;padding-bottom:2px}.sb-footer{border-top:2px solid #000;border-bottom:2px solid #000;margin:0 20px;padding:10px 0;font-size:18px;position:absolute;bottom:50px;left:0;right:0}.sb-page-heading{margin-bottom:30px;font-size:32px;font-weight:700}.sb-sub-heading{margin-top:30px;margin-bottom:15px;font-size:24px;font-weight:700}.sb-table{border-collapse:collapse;border:2px solid #000;width:100%}.sb-table th,.sb-table td{color:#000;border:1px solid #000;padding:8px;font-size:18px}.sb-table th{text-align:center;background:0 0;font-weight:700}.sb-section{margin-bottom:30px;font-size:18px;line-height:1}.sb-paragraph{text-align:justify;font-size:20px}.sb-list{padding-right:30px;font-size:18px;line-height:2;list-style-type:lower-roman}.sb-checkbox-list{padding:0;font-size:18px;list-style:none}.sb-checkbox-list li{align-items:center;margin-bottom:15px;display:flex}.sb-box{border:2px solid #000;width:20px;height:20px;margin-left:15px}.line{border-bottom:1px solid #000;min-height:35px}.flex-line{align-items:flex-end;display:flex}.line-num{margin-left:10px;font-weight:700}.line-fill{border-bottom:1px solid #000;flex-grow:1}.report-table{border-collapse:collapse;border:4px solid #000;width:100%}.report-table th,.report-table td{color:#000;text-align:center;vertical-align:middle;border:2px solid #000;padding:8px 12px;background:#fff!important}.report-table.detailed-report-table th,.report-table.detailed-report-table td{padding:4px 8px;font-size:20px}.report-table.summary-report-table th,.report-table.summary-report-table td{font-size:24px}.report-header-flex{justify-content:space-between;padding:0 10px;display:flex}.report-text-right{text-align:right}.report-text-center{text-align:center}.report-dir-ltr{direction:ltr}.report-total-row{font-size:26px;font-weight:700}.report-col-wide{width:40%}.header-row th{font-size:28px;font-weight:400}.header-title-row th{font-size:26px;font-weight:400}.sub-header-row th{text-align:right;padding:4px 16px;font-weight:400}body{counter-reset:sb-page}.sb-page-num{counter-increment:sb-page}.sb-page-num:before{content:counter(sb-page)}.holiday-calendar-grid{gap:var(--s-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.holiday-calendar-month-card{padding:var(--s-4)}.holiday-calendar-month-title{margin-bottom:var(--s-4);text-align:center}.holiday-calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.holiday-calendar-weekday{text-align:center;font-size:var(--t-xs);font-weight:var(--fw-medium);color:var(--ink-3)}.holiday-calendar-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.holiday-calendar-cell{aspect-ratio:1;border:1px solid var(--line-1);border-radius:var(--r-sm);cursor:default;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.holiday-calendar-cell[data-is-holiday=true]{border-color:var(--info-500);background-color:var(--info-50);cursor:pointer}.holiday-calendar-cell-date{font-size:var(--t-sm);font-weight:var(--fw-regular);color:var(--ink-1)}.holiday-calendar-cell[data-is-holiday=true] .holiday-calendar-cell-date{font-weight:var(--fw-bold);color:var(--info-700)}.holiday-calendar-cell-dot{background-color:var(--info-500);border-radius:50%;width:4px;height:4px;margin-top:2px}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--s-4);background:#00000073;background:lab(0% 0 0/.45);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-panel{width:100%;max-width:480px;max-height:calc(100dvh - var(--s-8));flex-direction:column;display:flex;overflow:hidden}.dialog-body{gap:var(--s-4);padding:var(--s-5);flex-direction:column;display:flex;overflow-y:auto}.dialog-notice{padding:var(--s-3) var(--s-4);background:var(--warn-50);border:1px solid var(--warn-500);border-radius:var(--r-md);font-size:var(--t-sm);color:var(--ink-2);line-height:var(--lh-loose)}.dialog-date-grid{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.input--file{height:auto;padding:var(--s-2) var(--s-3);cursor:pointer}.input--file::-webkit-file-upload-button{appearance:none;background:var(--surface-sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:2px var(--s-3);font-size:var(--t-sm);font-weight:var(--fw-medium);color:var(--ink-2);cursor:pointer;transition:background var(--d-fast) var(--ease);margin-inline-end:var(--s-3)}.input--file::-webkit-file-upload-button:hover{background:var(--surface-hover)}.field-optional{font-size:var(--t-xs);font-weight:var(--fw-regular);color:var(--ink-4);margin-inline-start:var(--s-1)}.transfer-print-margin-left{margin-inline-start:20px}.transfer-print-cnic-blank{letter-spacing:2px;text-align:center;flex:none;min-width:300px;font-family:monospace}.transfer-print-blank-100{width:100px}.transfer-print-blank-200{width:200px}.transfer-print-blank-250{width:250px}.transfer-print-row-between{justify-content:space-between}.transfer-print-mt-10{margin-top:10px}.transfer-print-mt-30{margin-top:30px}.transfer-print-flex-1{flex:1}.ur-text-align{text-align:right}.en-text-align{text-align:left}.task-type-badge{margin-inline-start:8px}.task-stats-title{margin-bottom:16px}.task-stat-val{font-size:1.5rem;font-weight:700}.task-stat-val--ok{color:var(--ok-500)}.task-stat-val--danger{color:var(--danger-500)}.task-history-title{margin-top:32px;margin-bottom:16px}.task-log-header{margin-bottom:0}.task-attachments{margin-top:12px}.task-review-header{justify-content:space-between}.task-form-layout{flex-direction:column;gap:16px;display:flex}.task-form-error{margin-bottom:16px}.task-hours-input,.cluster-2>.task-hours-input,.cluster-3>.task-hours-input{flex:0 0 8rem;width:8rem}.task-hours-unit{margin-inline-start:8px}.task-form-actions{justify-content:flex-end;margin-top:16px}.task-form-actions--lg{justify-content:flex-end;margin-top:24px}.task-file-count{margin-top:8px}.task-reviews-layout{flex-direction:column;gap:24px;display:flex}.task-review-item-header{margin-bottom:16px}.task-review-item-title{align-items:center;font-size:1.25rem}.task-review-item-link{color:var(--brand-600);text-decoration:none}.task-review-item-type{font-size:.75rem}.task-review-item-claimed{text-align:right}.task-review-item-claimed-val{font-size:1.5rem;font-weight:700}.task-review-details{background-color:var(--surface-sunken);white-space:pre-wrap;border-radius:4px;margin-bottom:16px;padding:16px}.task-review-attachments{margin-bottom:16px}.task-review-attachment-link{color:var(--brand-500);font-size:.875rem}.task-review-form-wrap{border-top:1px solid var(--line-1);padding-top:16px}.task-log-details-box{background-color:var(--surface-sunken);white-space:pre-wrap;border-radius:4px;margin-top:12px;padding:12px}.task-log-review-box{border-top:1px solid var(--line-1);margin-top:16px;padding-top:12px}.task-log-remarks{margin-top:4px;font-style:italic}.capitalize{text-transform:capitalize}.whitespace-pre-wrap{white-space:pre-wrap}.fw-medium{font-weight:var(--fw-medium)}.fw-semibold{font-weight:var(--fw-semibold)}.attachment-link{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2);background:var(--surface-sunken);border:1px solid var(--line-1);border-radius:var(--r-sm);color:var(--ink-2);font-size:var(--t-sm);transition:all var(--d-fast) var(--ease);display:inline-flex}.attachment-link:hover{background:var(--surface-hover);color:var(--brand-700);border-color:var(--line-2)}.filter-bar{gap:var(--s-3);padding:var(--s-4);flex-wrap:wrap;align-items:flex-end;display:flex}.filter-bar .field-wrap{flex:130px;max-width:180px;margin-bottom:0}.filter-bar .field-wrap--wide{flex:150px;max-width:220px;margin-bottom:0}.filter-bar .filter-actions{gap:var(--s-2);margin-bottom:0;margin-left:auto;display:flex}.filter-bar .filter-actions .btn{padding-left:var(--s-4);padding-right:var(--s-4)}.pagination,.audit-log-pagination{justify-content:center;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-top:1px solid var(--border-color);display:flex}.bio-dashboard-wrap{gap:var(--s-6);flex-direction:column;display:flex}.bio-stats-grid{gap:var(--s-4);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1024px){.bio-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.bio-stats-grid{grid-template-columns:1fr}}.bio-stat-box{background:var(--surface-raised);border:1px solid var(--line-1);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5);box-shadow:var(--shadow-1);flex-direction:column;justify-content:space-between;display:flex}.bio-stat-head{font-size:var(--t-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);justify-content:space-between;align-items:center;display:flex}.bio-stat-val{font-size:var(--t-2xl);font-weight:var(--fw-bold);color:var(--ink-1);margin-top:var(--s-2);line-height:var(--lh-tight)}.bio-stat-val--blue{color:var(--brand-700)}.bio-stat-val--green{color:var(--ok-700)}.bio-stat-val--warn{color:var(--warn-700)}.bio-stat-meta{font-size:var(--t-xs);color:var(--ink-4);margin-top:var(--s-1)}.bio-section-card{background:var(--surface-raised);border:1px solid var(--line-1);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--shadow-1);gap:var(--s-4);flex-direction:column;display:flex}.bio-section-head{justify-content:space-between;align-items:center;gap:var(--s-3);padding-bottom:var(--s-3);border-bottom:1px solid var(--line-1);flex-wrap:wrap;display:flex}.bio-section-title{font-size:var(--t-md);font-weight:var(--fw-bold);color:var(--ink-1);align-items:center;gap:var(--s-2);margin:0;display:flex}.bio-section-sub{font-size:var(--t-xs);color:var(--ink-3);margin-top:2px}.bio-device-grid{gap:var(--s-4);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1024px){.bio-device-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.bio-device-grid{grid-template-columns:1fr}}.bio-device-card{background:var(--surface-raised);border:1px solid var(--line-1);border-radius:var(--r-md);padding:var(--s-4);box-shadow:var(--shadow-1);justify-content:space-between;gap:var(--s-3);transition:box-shadow var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease);flex-direction:column;display:flex}.bio-device-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-2)}.bio-device-top{justify-content:space-between;align-items:flex-start;gap:var(--s-2);display:flex}.bio-device-name{font-size:var(--t-base);font-weight:var(--fw-bold);color:var(--ink-1)}.bio-device-sub{font-size:var(--t-xs);color:var(--ink-3);align-items:center;gap:var(--s-1);margin-top:2px;display:flex}.bio-device-specs{background:var(--surface-sunken);border:1px solid var(--line-1);border-radius:var(--r-sm);padding:var(--s-3);gap:var(--s-1);font-size:var(--t-xs);flex-direction:column;display:flex}.bio-specs-row{justify-content:space-between;align-items:center;display:flex}.bio-specs-label{color:var(--ink-3);font-weight:var(--fw-medium)}.bio-specs-val{color:var(--ink-1);font-weight:var(--fw-semibold)}.bio-device-actions{padding-top:var(--s-3);border-top:1px solid var(--line-1);justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.bio-tabs-nav{gap:var(--s-2);flex-wrap:wrap;display:flex}.bio-tab-btn{padding:var(--s-2) var(--s-4);border-radius:var(--r-md);font-size:var(--t-sm);font-weight:var(--fw-semibold);background:var(--surface-sunken);color:var(--ink-2);cursor:pointer;transition:all var(--d-fast) var(--ease);border:1px solid #0000}.bio-tab-btn:hover{background:var(--surface-hover);color:var(--ink-1)}.bio-tab-btn--active-warn{background:var(--warn-50);color:var(--warn-700);border-color:var(--warn-500)}.bio-tab-btn--active-brand{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-400)}.bio-pin-badge{font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:var(--t-xs);border-radius:var(--r-sm);padding:3px 8px;display:inline-block}.bio-pin-badge--warn{background:var(--warn-50);color:var(--warn-700);border:1px solid var(--warn-500)}.bio-pin-badge--brand{background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-400)}.bio-modal-overlay{z-index:1000;padding:var(--s-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050c1380;background:lab(3.01922% -.727452 -4.46609/.5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bio-modal-card{background:var(--surface-raised);border:1px solid var(--line-1);border-radius:var(--r-xl);box-shadow:var(--shadow-3);width:100%;max-width:520px;padding:var(--s-6);gap:var(--s-4);flex-direction:column;display:flex}.bio-modal-header{font-size:var(--t-lg);font-weight:var(--fw-bold);color:var(--ink-1);padding-bottom:var(--s-2);border-bottom:1px solid var(--line-1);margin:0}.bio-toast-container{bottom:var(--s-6);right:var(--s-6);z-index:9999;gap:var(--s-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}html[dir=rtl] .bio-toast-container{right:auto;left:var(--s-6)}.bio-toast{pointer-events:auto;background:var(--surface-raised);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-3);padding:var(--s-3) var(--s-4);align-items:center;gap:var(--s-3);font-size:var(--t-sm);font-weight:var(--fw-medium);color:var(--ink-1);min-width:320px;max-width:460px;animation:bioToastSlideIn .25s var(--ease);display:flex}.bio-toast--success{border-left:4px solid var(--ok-500);background:var(--ok-50);color:var(--ok-700)}html[dir=rtl] .bio-toast--success{border-left:1px solid var(--line-2);border-right:4px solid var(--ok-500)}.bio-toast--info{border-left:4px solid var(--info-500);background:var(--info-50);color:var(--info-700)}html[dir=rtl] .bio-toast--info{border-left:1px solid var(--line-2);border-right:4px solid var(--info-500)}.bio-toast--error{border-left:4px solid var(--danger-500);background:var(--danger-50);color:var(--danger-700)}html[dir=rtl] .bio-toast--error{border-left:1px solid var(--line-2);border-right:4px solid var(--danger-500)}@keyframes bioToastSlideIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--s-1)}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.w-full{width:100%}.w-auto{width:auto}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--s-1)}.mb-2{margin-bottom:var(--s-2)}.mb-3{margin-bottom:var(--s-3)}.mb-4{margin-bottom:var(--s-4)}.mt-1{margin-top:var(--s-1)}.mt-2{margin-top:var(--s-2)}.mt-3{margin-top:var(--s-3)}.mt-4{margin-top:var(--s-4)}.m-0{margin:0!important}.p-2{padding:var(--s-2)}.p-3{padding:var(--s-3)}.p-4{padding:var(--s-4)}.p-6{padding:var(--s-6)}.px-3{padding-left:var(--s-3);padding-right:var(--s-3)}.py-1{padding-top:var(--s-1);padding-bottom:var(--s-1)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--t-xs)}.text-sm{font-size:var(--t-sm)}.text-base{font-size:var(--t-base)}.text-xl{font-size:var(--t-xl)}.text-success{color:var(--ok-700)}.text-danger{color:var(--danger-700)}.text-warn{color:var(--warn-700)}.font-medium{font-weight:var(--fw-medium)}.font-semibold{font-weight:var(--fw-semibold)}.font-bold{font-weight:var(--fw-bold)}.font-mono{font-family:monospace}.tnum{font-variant-numeric:tabular-nums}.rounded-md{border-radius:var(--r-md)}.bg-surface-sunken{background:var(--surface-sunken)}.modal-close-btn{cursor:pointer;color:var(--ink-muted);background:0 0;border:none}.increment-form-row{gap:var(--s-3);flex-wrap:wrap;align-items:flex-end;width:100%;display:flex}.increment-form-row .field{margin-bottom:0}.increment-form-row .btn{justify-content:center;align-items:center;height:38px;display:inline-flex}.pill--primary{background:var(--brand-50);color:var(--brand-700)}.pill--success{background:var(--ok-50);color:var(--ok-700)}.task-type-pill{height:20px;font-size:var(--t-xs);font-weight:var(--fw-medium);background:var(--neutral-pill-bg);color:var(--neutral-pill-fg);border-radius:999px;align-items:center;margin-inline-start:6px;padding:0 8px;display:inline-flex}.task-review-item-hours{font-size:1.5rem;font-weight:var(--fw-semibold);color:var(--ink-1);line-height:1}.task-review-item-details{background:var(--surface-sunken);border:1px solid var(--line-1);border-radius:var(--r-sm);white-space:pre-wrap;margin-bottom:16px;padding:14px 16px}.task-review-item-attachments{margin-bottom:16px}.box{background:var(--surface-sunken);border:1px solid var(--line-1);border-radius:var(--r-sm);padding:14px 16px}.my-4{margin-block:var(--s-4)}.table-actions-cluster{align-items:center;gap:var(--s-1);display:inline-flex}.btn--icon{border-radius:var(--r-sm);border:1px solid var(--line-1);width:30px;height:30px;color:var(--ink-2);cursor:pointer;transition:all var(--d-fast) var(--ease);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn--icon:hover:not(:disabled){background:var(--surface-hover);color:var(--brand-700);border-color:var(--brand-300)}.btn--icon:disabled{opacity:.45;cursor:not-allowed;border-color:var(--line-1);color:var(--ink-muted)}.btn--icon--danger:hover:not(:disabled){background:var(--danger-50);color:var(--danger-700);border-color:var(--danger-300)}.btn--icon--ok:hover:not(:disabled){background:var(--ok-50);color:var(--ok-700);border-color:var(--ok-300)}.attachment-pill{align-items:center;gap:var(--s-1);border-radius:var(--r-sm);font-size:var(--t-xs);font-weight:var(--fw-medium);padding:2px 8px;text-decoration:none;display:inline-flex}.attachment-pill--employee{background:var(--surface-sunken);color:var(--ink-2);border:1px solid var(--line-1)}.attachment-pill--reviewer{background:var(--ok-50);color:var(--ok-700);border:1px solid var(--ok-300)}.attachment-tag--reviewer{font-size:.7rem;font-weight:var(--fw-medium);background:var(--ok-100);color:var(--ok-800);border-radius:4px;margin-inline-start:4px;padding:1px 6px;display:inline-block}.actions-row{align-items:center;gap:var(--s-2);flex-wrap:nowrap;display:inline-flex}.task-existing-files-list{gap:var(--s-2);margin-top:var(--s-1);flex-direction:column;display:flex}.task-file-item{padding:var(--s-2) var(--s-3);background:var(--surface-sunken);border:1px solid var(--line-1);border-radius:var(--r-md);font-size:var(--t-sm);transition:opacity var(--d-fast) var(--ease);justify-content:space-between;align-items:center;display:flex}.task-file-item--deleted{opacity:.5;background:var(--danger-50);border-color:var(--danger-200);text-decoration:line-through}.task-file-link{color:var(--brand-700);font-weight:var(--fw-medium);text-decoration:none}.task-file-link:hover{text-decoration:underline}.border-t{border-top:1px solid var(--line-1)}.border-b{border-bottom:1px solid var(--line-1)}.border-line-1{border-color:var(--line-1)}.items-end{align-items:flex-end}.flex-col{flex-direction:column}.input--sm{height:32px;font-size:var(--t-sm);padding:0 var(--s-2)}.w-28{width:7rem}.pb-2{padding-bottom:var(--s-2)}.min-w-200{min-width:200px}.p-0{padding:0}.pay-basis-option-card{align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface-raised);cursor:pointer;transition:border-color var(--d-fast) var(--ease), background var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);flex:200px;display:flex}.pay-basis-option-card:hover{background:var(--surface-hover);border-color:var(--line-3)}.pay-basis-option-card input[type=radio]{accent-color:var(--brand-500);margin-top:3px}.pay-basis-option-card--active{border-color:var(--brand-500);background:var(--brand-50);box-shadow:0 0 0 1px var(--brand-500)}.pay-basis-option-card--active:hover{background:var(--brand-50)}.print-page-tailwind-wrapper{background-color:#fff;max-width:100vh;min-height:100vh;margin-left:auto;margin-right:auto;padding:8px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.max-w-xs{max-width:20rem}.nav-sublink-label{flex:auto}.nav-badge{min-width:20px;padding:0 var(--s-1);background:var(--brand-500);color:#fff;font-size:var(--t-xs);font-weight:var(--fw-semibold);text-align:center;border-radius:999px;flex:none;line-height:18px}.block{display:block}.inline-flex{display:inline-flex}.dir-ltr{direction:ltr}.pre-wrap{white-space:pre-wrap}.min-w-150{min-width:150px}.max-w-600{max-width:600px}.link{color:var(--brand-700);text-decoration:none}.link:hover{text-decoration:underline}.px-2{padding-left:var(--s-2);padding-right:var(--s-2)}.py-0\.5{padding-top:2px;padding-bottom:2px}.pt-3{padding-top:var(--s-3)}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-primary-900{color:var(--brand-900)}.flex{display:flex}.text-end{text-align:end}.text-uppercase{text-transform:uppercase}.py-8{padding-top:var(--s-8);padding-bottom:var(--s-8)}.col-span-3{grid-column:span 3}.flex-1-300{flex:300px;min-width:300px}