body:has(.portal-screen){color:#f3f5fb;background:#061122}body:has(.portal-screen):before{display:none}.portal-screen{--dark:#edf3ff;--foreground:#edf3ff;--cream:#0b1d34;--background:#061122;--card:#0f223ade;--border:#afc6e62e;--muted:#aabbd1;--green:#244c81;--light:#89b6ef;--gold:#e2bf77;isolation:isolate;min-height:100dvh;color:var(--foreground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;flex:1;display:flex;position:relative}.portal-wallpaper{z-index:-1;pointer-events:none;background:linear-gradient(180deg, #030c1a33, #030c1a38 38%, #030c1acc), var(--portal-wallpaper,url(/portal/nukhba-night.webp)) center / cover no-repeat;background-color:#061122;position:fixed;inset:0}.portal-wallpaper:after{content:"";background:radial-gradient(at 90% 0,#3566a629,#0000 65%);position:absolute;inset:0}.portal-screen ::selection{color:#061122;background:#e2bf77}.portal-screen :focus-visible{outline-offset:4px;outline:2px solid #edcc8b}.portal-screen .glass-panel,.portal-screen .portal-panel{border-color:var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1d32e0;box-shadow:0 12px 36px #0003}.portal-screen .portal-panel{border-radius:24px}.portal-screen .portal-topbar{border-color:var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#051122e8;box-shadow:0 6px 32px #0002}.portal-topbar img,.portal-screen header img[src="/logo.png"]{background:#fff;border-radius:10px;padding:4px}.portal-contrast-toggle{z-index:35;color:#e2bf77;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#09182cec;border:1px solid #c9a96166;border-radius:30px;align-items:center;gap:8px;min-height:42px;padding:8px 15px;font-size:12px;display:flex;position:fixed;bottom:18px;left:18px}.portal-high-contrast .portal-wallpaper{background-image:linear-gradient(#061122f5, #061122f5), var(--portal-wallpaper,url(/portal/nukhba-night.webp))}.portal-high-contrast .portal-panel,.portal-high-contrast .glass-panel{background:#0c2039}.portal-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:20px 4px 28px;display:flex}.portal-eyebrow{color:#e2bf77;letter-spacing:.02em;align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex}.portal-eyebrow>span{background:#e2bf77;border-radius:50%;width:6px;height:6px;box-shadow:0 0 16px #e2bf7799}.portal-intro h1{color:#fff8e9;max-width:40rem;margin-top:13px;font-size:clamp(28px,3.3vw,46px);font-weight:900;line-height:1.5}.portal-intro-detail{color:#b5c5db;margin-top:9px;font-size:14px}.portal-intro-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.portal-time{text-align:left;border-inline-start:1px solid #c9a96144;min-width:200px;padding-inline-start:28px}.portal-time time{color:#fff4d9;font-variant-numeric:tabular-nums;font-size:clamp(38px,4.6vw,64px);font-weight:600;line-height:1.3;display:block}.portal-time>p{color:#bfcee1;margin-top:7px;font-size:12px}.portal-fullscreen{color:#e2bf77;margin-top:13px;padding:4px 0;font-size:11px;display:inline-block}.portal-screen .portal-dock{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(115deg,#122943d9,#0a1a30e8);border:1px solid #b7c9e629;border-radius:24px;width:calc(100% - 32px);margin:18px auto 0;padding:10px;position:relative;box-shadow:0 14px 40px #0002}.portal-dock .portal-launcher{color:#c9d8eb;border:1px solid #0000;border-radius:17px;justify-content:center;align-items:center;gap:10px;min-height:68px;padding:12px 16px;font-size:12px;font-weight:800;transition:background .2s,transform .2s,border-color .2s;display:flex}.portal-icon{color:#e2bf77;flex-shrink:0;width:23px;height:23px}.portal-dock .portal-launcher:hover,.portal-dock .portal-launcher[aria-expanded=true]{color:#fff;background:#36547c55;border-color:#cfb47766;transform:translateY(-2px)}.portal-dock .portal-launcher[aria-current=page],.portal-dock .portal-launcher[data-active=true]{color:#101c2c;background:linear-gradient(135deg,#d9b770,#f0d59b);border-color:#f7dfac;box-shadow:0 5px 20px #d6b36b22}.portal-launcher[aria-current=page] .portal-icon,.portal-launcher[data-active=true] .portal-icon{color:#253349}.portal-screen .portal-submenu{border-color:#44617e;box-shadow:0 20px 55px #0008;background:#0b2039!important}.portal-screen .portal-submenu a:hover{background:#244467}.portal-screen .portal-submenu a[aria-current=page]{color:#10203a;background:#d6b570}.portal-screen :is(.bg-white,.bg-white\/95,.bg-white\/90,.bg-white\/80,.bg-white\/70,.bg-white\/60,.bg-white\/50,.bg-white\/45,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100){background-color:#10253ee6}.portal-screen :is(.text-slate-950,.text-slate-900,.text-slate-800,.text-slate-700,.text-gray-950,.text-gray-900,.text-gray-800,.text-gray-700){color:#e1ebf8}.portal-screen :is(.text-slate-600,.text-slate-500,.text-gray-600,.text-gray-500){color:#adbed5}.portal-screen :is(.border-slate-300,.border-slate-200,.border-slate-100,.border-gray-200,.border-white\/80,.border-white\/60){border-color:#8da9cb33}.portal-screen :is(.text-blue-950,.text-blue-900,.text-blue-800,.text-blue-700,.text-sky-950,.text-sky-900,.text-sky-800,.text-sky-700,.text-indigo-950,.text-indigo-900){color:#b4d8ff}.portal-screen :is(.text-sky-600,.text-sky-700,.text-blue-600){color:#83c7ff}.portal-screen .text-emerald-600{color:#91dfbf}.portal-screen :is(a,button)[class~="text-[#102b57]"]{color:#102b57;background:#e2bf77}.portal-screen :is(section,div)[class~="text-[#102b57]"]{color:#edf3ff}.portal-screen :is(.text-emerald-950,.text-emerald-900,.text-emerald-800,.text-emerald-700,.text-teal-950,.text-teal-900){color:#9ce4c8}.portal-screen :is(.text-rose-950,.text-rose-900,.text-rose-800,.text-rose-700,.text-red-800,.text-red-700){color:#ffb5bd}.portal-screen :is(.text-amber-950,.text-amber-900,.text-amber-800,.text-amber-700,.text-orange-700,.text-yellow-700){color:#f3d493}.portal-screen :is(.text-violet-950,.text-violet-900,.text-violet-800,.text-violet-700,.text-purple-700){color:#dbc4ff}.portal-screen :is(.bg-blue-50,.bg-blue-100,.bg-sky-50,.bg-sky-100,.bg-indigo-50,.bg-indigo-50\/60){background-color:#173451}.portal-screen :is(.bg-emerald-50,.bg-emerald-100,.bg-teal-50,.bg-green-50){background-color:#103a36}.portal-screen :is(.bg-rose-50,.bg-red-50,.bg-rose-100){background-color:#472b3a}.portal-screen :is(.bg-amber-50,.bg-orange-50,.bg-yellow-50),.portal-screen :is(.bg-amber-50\/70,.bg-amber-50\/80){background-color:#423824}.portal-screen :is(.bg-emerald-50\/70,.bg-emerald-50\/80){background-color:#103a36}.portal-screen :is(.bg-cyan-50,.bg-cyan-100){background-color:#153d48}.portal-screen :is(.text-cyan-700,.text-green-800,.text-green-700){color:#9ce4d6}.portal-screen :is(.bg-violet-50,.bg-violet-100,.bg-fuchsia-50){background-color:#302746}.portal-screen :is(.border-blue-200,.border-sky-200,.border-indigo-100){border-color:#6397d144}.portal-screen :is(.border-emerald-200,.border-teal-200){border-color:#6fc5a744}.portal-screen :is(.border-amber-200,.border-orange-200,.border-yellow-200){border-color:#e2bf7744}.portal-screen :is(.border-violet-200,.border-fuchsia-200){border-color:#b292df44}.portal-screen :is(.border-rose-200,.border-red-200){border-color:#d78b9d44}.portal-screen .bg-dark{color:#10213a;background-color:#dfbe79}.portal-screen .text-green{color:#e2bf77}.portal-screen :is(button.bg-green,a.bg-green,.portal-primary){color:#10213a;background:linear-gradient(135deg,#dfbd77,#f0d59c);border-color:#e8c987;font-weight:800}.portal-screen :is(button.bg-green,a.bg-green,.portal-primary):hover{filter:brightness(1.08)}.portal-screen :is(input:not([type=checkbox]):not([type=radio]),textarea,select){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f7ff;background-color:#0b2039;border-color:#6580a34d}.portal-screen input::placeholder,.portal-screen textarea::placeholder{color:#97abc5}.portal-screen option{color:#f3f7ff;background:#0b2039}.portal-screen dialog{color:#f3f7ff;background:#0b1f37;border-color:#c9a96166;box-shadow:0 30px 100px #000a}.portal-screen dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000a}.portal-screen :is(.hover\:bg-white:hover,.hover\:bg-white\/80:hover,.hover\:bg-white\/70:hover,.hover\:bg-white\/60:hover,.hover\:bg-slate-100:hover,.hover\:bg-slate-50:hover){background-color:#234361}.portal-screen table{border-color:#6580a333}.portal-screen th{color:#e2bf77}.portal-screen th,.portal-screen td{border-color:#6580a333}.portal-screen :is([data-dashboard-panels]>section,[data-staff-card],[data-admin-queues]>section){color:#e8f0fc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#193452c9,#0a1b30eb);border-color:#7594bd40;box-shadow:0 16px 38px #0003}.portal-screen [data-staff-card]{position:relative;overflow:hidden}.portal-screen [data-staff-card]:before{content:"";inset-inline:24px;background:linear-gradient(90deg,#0000,#dfbe79,#0000);height:2px;position:absolute;top:0}.portal-screen [data-staff-card]:hover{border-color:#d2b47188}.portal-screen [data-dashboard-panels]>section[aria-label=مساحة\ مهامي]{background:linear-gradient(140deg,#1e426adb,#122647ed);border-color:#b0d0ff55}.portal-screen [data-dashboard-panels]>section[aria-label=الحضور\ والإجازات]{background:linear-gradient(140deg,#1a4a55d9,#0a2634ed)}.portal-screen [data-dashboard-panels]>section[aria-label=مستحقاتي\ الخاصة]{background:linear-gradient(140deg,#244d43d9,#102f2aed)}.portal-screen [data-dashboard-panels]>section[aria-label=طلباتي]{background:linear-gradient(140deg,#3d3557d9,#211e36ed)}.portal-screen nav[aria-label=ملخص\ مهامي]>a,.portal-screen section[aria-label="ملخص أداء الفريق"]>button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10253ce0;border-color:#a6c5ea33;position:relative;overflow:hidden}.portal-screen nav[aria-label=ملخص\ مهامي]>a:after,.portal-screen section[aria-label="ملخص أداء الفريق"]>button:after{content:"";opacity:.07;pointer-events:none;border:12px solid;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-22px;left:-18px}.portal-screen [data-admin-dashboard] #admin-work{background:#091c32e8;border-color:#8da9cb33}.portal-screen [data-task-lane]{background:#0b1f36e8}.portal-screen [data-task-card]{background:#17324c;border-color:#8da9cb33}.portal-screen [data-task-card]:hover{border-color:#e2bf7799;box-shadow:0 8px 24px #0004}.portal-screen [data-date-range-picker]{background:#102b45;border-color:#7c9fc34d}.portal-screen [data-date-range-picker] :is(legend,h3){color:#e2bf77}.portal-screen .portal-request-card{background:linear-gradient(140deg,#152d46e8,#0b1e34ed);border-color:#8da9cb33;border-radius:24px}.portal-screen .portal-request-card:hover{border-color:#d5b57099}.portal-screen .portal-toolbar{background:#0a1c32da;border:1px solid #8da9cb33;border-radius:18px;padding:8px}.portal-screen .portal-toolbar button{color:#b8cce4;border-radius:12px;padding:10px 18px;font-size:12px;font-weight:800}.portal-screen .portal-toolbar button[aria-pressed=true]{color:#0e2037;background:#daba78}@media (min-width:1100px){.portal-dock .portal-launcher{flex-direction:column;gap:9px;min-width:103px}.portal-screen .portal-dock{padding:12px}}@media (max-width:640px){.portal-intro{gap:18px;padding-block:8px 18px}.portal-time{border:0;flex-wrap:wrap;align-items:center;gap:8px 14px;width:100%;padding:0;display:flex}.portal-time time{font-size:29px}.portal-time>p{margin:0;font-size:11px}.portal-fullscreen{margin:0}.portal-screen .portal-dock{border-radius:18px;width:calc(100% - 20px);padding:7px}.portal-dock .portal-launcher{border-radius:12px;gap:7px;min-height:46px;padding:9px 11px;font-size:11px}.portal-icon{width:19px;height:19px}.portal-contrast-toggle{min-height:36px;padding:6px 10px;bottom:12px;left:10px}}@media (prefers-reduced-motion:reduce){.portal-screen *,.portal-screen :before,.portal-screen :after{scroll-behavior:auto!important;transition-duration:0s!important;animation:none!important}}@media print{.portal-wallpaper,.portal-contrast-toggle,.portal-dock,.portal-topbar,.portal-time{display:none!important}.portal-screen{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#000;background:#fff}}.portal-screen .attendance-stat{background:#05192cad;border-color:#73c1ee38}.portal-screen .employee-dock .portal-launcher{text-align:center;flex-direction:column;gap:10px;width:100%;min-width:0;min-height:92px;padding:13px 8px;position:relative;box-shadow:inset 0 0 0 1px #abc7e51a}.portal-screen .employee-dock .portal-launcher>span:not([aria-hidden]){line-height:1.5}.portal-screen .employee-dock .portal-launcher:focus-visible{outline-offset:3px;outline:2px solid #e2bf77}@media (max-width:639px){.portal-screen .employee-dock .portal-launcher{border-radius:12px;gap:7px;min-height:79px;font-size:11px}.employee-dock .portal-icon{width:21px;height:21px}}.portal-screen section[data-work-summary-card]{background:linear-gradient(140deg,#193452,#0a1b30);min-width:0;position:relative}.portal-screen section[data-work-summary-card=payroll]{color:#e8f5ef;background:linear-gradient(140deg,#244d43,#102f2a)}.portal-screen [data-dashboard-panels]>[data-performance-card],.portal-screen [data-staff-card] [data-performance-card]{color:#f3f0ff;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(140deg,#35365b,#1b2540);border-color:#b9a6f344}.portal-screen [data-performance-card] dialog{color:#f3f7ff}
.public-screen{--glass-shadow:0 20px 60px #0004}.public-screen .portal-wallpaper{background-image:linear-gradient(180deg,#06112270,#061122a8 60%,#061122ed),var(--portal-wallpaper,url(/portal/nukhba-night.webp))}.public-screen.portal-high-contrast .portal-wallpaper{background-image:linear-gradient(#061122f5,#061122f5),var(--portal-wallpaper,url(/portal/nukhba-night.webp))}.public-screen main{position:relative}.public-screen .site-header{background:#091b30ed;border-color:#9bb7d436;border-radius:22px;box-shadow:0 12px 44px #0004}.public-screen .site-header nav>a{color:#d6e2f2;border-radius:14px;min-height:44px;padding-inline:20px}.public-screen .site-header nav>a[aria-current=page]{color:#10213a;background:#ddbd7b;font-weight:800}.public-screen .site-header nav>a[aria-current=page] span{color:inherit}.public-screen .site-header nav>a.bg-green{color:#10213a;font-weight:800}.public-screen .glass-panel{background:linear-gradient(135deg,#142d47ed,#0a1b30eb);border-color:#9cb7d635;border-radius:24px;box-shadow:0 18px 50px #0003}.public-screen .glass-panel-dark{background:linear-gradient(125deg,#1a3550f0,#081a2ef5);border-color:#cfb47766;border-radius:26px}.public-screen :is(.bg-white\/55,.bg-white\/65,.bg-white\/75,.bg-white\/85){background-color:#142e47}.public-screen :is(.text-cream,[class*=text-cream\/]){color:#cbd8eb}.public-screen :is(h1,h2,h3,h4).text-cream{color:#fff7e5}.public-screen .bg-dark{color:#eef4ff;background-color:#0c2038}.public-screen [class*=from-dark]{background-image:linear-gradient(125deg,#153450e8,#071628ee)}.public-screen .site-footer{padding:32px 16px 20px}.public-screen .site-footer>div{background:#081a2ee8;border-radius:28px;max-width:1248px}.public-screen .site-footer :is(h3,h4){color:#fff7e5}.public-screen .site-footer a:hover{color:#edcb86}.public-screen :is(input,textarea,select){transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px 3px #0002}.public-screen :is(input,textarea,select):focus{border-color:#e2bf77;box-shadow:0 0 0 3px #e2bf771c}.public-screen :is(button,a).bg-green{border-radius:13px;box-shadow:0 6px 22px #d7b66e1c}.public-screen :is(button,a):active{transform:translateY(1px)}.public-screen :is(article,section,div).bg-card{border-radius:22px}.public-screen :is([class~=border-green],[class~=border-green\/20],[class~=border-green\/30],[class~=border-green\/40],[class~=border-green\/50]){border-color:#cfb47780}.public-screen main>.bg-cream{background:0 0}.public-screen .screen-home>section{max-width:1280px}.screen-home .screen-hero{border-color:#cfb47780;border-radius:32px;min-height:560px;box-shadow:0 24px 70px #0005,inset 0 0 0 1px #e2bf770d}.screen-hero>img{opacity:.82}.screen-hero-shade{background:linear-gradient(90deg,#07182c08,#091b30d6 46%,#091b30fa 69%),linear-gradient(#0000 50%,#07182c80)}.screen-hero h1{color:#fff7e8;text-wrap:balance;line-height:1.4}.screen-hero p{color:#c1d0e4}.screen-home .screen-hero :is(a,span).bg-white\/65{background:#25415a80}.screen-home .screen-stat{background:linear-gradient(135deg,#193951e8,#0b2037ed);border:1px solid #99b4d333;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0002}.screen-home .screen-stat:nth-child(2){background:linear-gradient(135deg,#153e43eb,#10283bea)}.screen-home .screen-stat:nth-child(3){background:linear-gradient(135deg,#343451e8,#17213aea)}.screen-home .screen-stat:nth-child(4){background:linear-gradient(135deg,#413823e8,#1d2837ea)}.screen-stat:after{content:"";opacity:.08;pointer-events:none;border:16px solid #d8b875;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-54px;left:-32px}.screen-stat>p:first-child{color:#f1d49d;font-variant-numeric:tabular-nums;font-size:clamp(28px,3vw,38px)}.screen-home .screen-feature{border-color:#cfb47750;border-radius:30px}.screen-feature-shade{background:linear-gradient(90deg,#07182c10,#0a1d33de 45%,#0a1d33fc 72%)}.screen-home .screen-tile{border-radius:24px;min-height:220px;padding:26px;position:relative}.screen-tile>span{color:#eaca8b;background:#d2ad6a14;border:1px solid #d3b16a40;border-radius:15px}.screen-home :is(.screen-tile,.screen-stat){transition:transform .22s,border-color .22s,box-shadow .22s}.screen-home :is(.screen-tile,.screen-stat):hover{border-color:#d8b8758c;transform:translateY(-4px);box-shadow:0 18px 45px #0005}.screen-home blockquote{background:#0b203780;border-radius:0 14px 14px 0;padding:16px 20px}.screen-home details{border-color:#adc4df26}.screen-home summary{min-height:44px}.screen-home details[open] summary{color:#eaca8b}.request-screen{padding-top:12px}.request-screen h1{color:#fff7e5;font-size:clamp(28px,3vw,40px)}.request-screen [data-request-section]{border-width:1px;border-radius:24px;box-shadow:0 12px 32px #0002}.request-screen [data-request-section]>button{padding-block:22px}.request-screen [data-request-section][data-open=true]{border-color:#d7b67490;box-shadow:0 0 0 1px #d7b67416,0 16px 40px #0003}.request-screen [data-request-section][data-complete=true]>button>div:first-child{color:#b9f1d9;background:#17473e;box-shadow:0 0 0 1px #70c3a14d}.request-screen [data-request-section][data-open=true]>button>div:first-child{color:#10213a;background:#d8b875}.request-screen .request-progress{background:#8ca8c82b;height:8px}.request-screen .request-progress>div{background:linear-gradient(90deg,#ad8848,#efd39b);box-shadow:0 0 14px #dfbd7755}.request-screen button[aria-pressed=true]{background-color:#80652e30;border-color:#e2bf77;box-shadow:inset 0 0 0 1px #e2bf7744}.request-screen aside>*{border-radius:24px}.request-screen :is(button,a)[class*=border-green]:hover{border-color:#f1d49d}.portal-screen :is(.bg-gold,[class*=\!bg-gold]){color:#10213a!important}.portal-screen :is([class~="bg-[#f7f9fd]"],[class~="bg-[#edf8f6]"]){background-color:#102740}.portal-screen :is([class~=bg-dark\/40],[class~=bg-dark\/50],[class~=bg-dark\/55],[class~=bg-dark\/60]){background-color:#020b18c9}.portal-screen :is(.portal-launcher,.portal-request-card,[data-task-card],[data-staff-card],.portal-toolbar button){transition:transform .2s,border-color .2s,box-shadow .2s,background-color .2s}.portal-screen :is(.portal-launcher,.portal-request-card,[data-task-card]):focus-within{border-color:#e2bf77;box-shadow:0 0 0 2px #e2bf772e}.portal-screen .portal-request-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #0004}.portal-screen :is([data-task-lane],dialog,[role=dialog]){scrollbar-width:thin;scrollbar-color:#9b8150 #0b2039}.portal-screen summary{min-height:36px}.portal-screen summary:focus-visible{border-radius:8px}@media (max-width:767px){.public-screen .site-header{border-radius:18px}.screen-home .screen-hero{border-radius:25px;min-height:620px}.screen-hero-shade{background:linear-gradient(#081b3010,#091b30ef 43%,#091b30fc 68%)}.screen-feature-shade{background:linear-gradient(#081b3010,#0a1d33ef 45%,#0a1d33fc 75%)}.screen-home .screen-tile{min-height:auto;padding:22px}.public-screen .site-footer{padding-inline:10px;padding-bottom:64px}.request-screen [data-request-section]>button{padding:18px 16px}}@media (prefers-reduced-motion:reduce){.portal-screen *,.portal-screen :before,.portal-screen :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.portal-screen :is(.portal-request-card,.screen-tile,.screen-stat):hover{transform:none}}@media print{.public-screen .site-header,.public-screen .site-footer{display:none}.public-screen .glass-panel{box-shadow:none;color:#000;background:#fff}}