:root{--brand:#d20000;--brand-dark:#a80000;--brand-deep:#7a0000;--brand-soft:#d2000014;--brand-glow:#d200001f;--bg:#fff;--bg-elevated:#faf7f7;--card:#fff;--input:#fff;--border:#eadede;--input-border:#d9c4c4;--ink:#2a1a1a;--ink-strong:#140808;--muted:#7a6464;--hover:#fff1f1;--hover-strong:#ffe4e4;--ok:#15803d;--warn:#b45309;--danger:#d20000;--info:#d20000;--sidebar-w:236px;--font:"IBM Plex Sans Arabic", "Tajawal", "Segoe UI", Tahoma, sans-serif;--display:"Tajawal", "IBM Plex Sans Arabic", sans-serif;--radius:14px;--shadow:0 10px 28px #50141414;color:var(--ink);background:var(--bg);font-family:var(--font);font-size:14px}*{box-sizing:border-box}html{direction:rtl}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);text-align:start;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;text-align:start}input[type=number],input[type=date],input[type=time],input[type=tel],input[type=password]{text-align:right;direction:ltr;unicode-bidi:isolate}textarea,input[type=text],input[type=search],input:not([type]){direction:rtl;unicode-bidi:plaintext}select{text-align:start;direction:rtl}.login-page{background:radial-gradient(900px 480px at 90% -5%, var(--brand-glow), transparent 55%), radial-gradient(700px 400px at 0% 105%, #d200000f, transparent 50%), #fff;place-items:center;min-height:100dvh;padding:28px 20px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 12%,#d2000012,#0000 42%);position:absolute;inset:0}.login-card{z-index:1;border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;background:#fff;padding:32px 26px 28px;position:relative}.login-card .logo-mark{object-fit:contain;filter:drop-shadow(0 8px 18px #d2000033);width:132px;height:132px;margin:0 auto 14px;animation:.55s both brand-in;display:block}.login-card h1{font-family:var(--display);letter-spacing:-.02em;color:var(--brand);margin:0;font-size:clamp(1.85rem,4vw,2.15rem);font-weight:800;animation:.55s 60ms both brand-in}.login-card .since{color:var(--brand-dark);letter-spacing:.12em;margin:6px 0 0;font-size:.78rem;font-weight:700;animation:.55s .1s both brand-in}.login-card .sub{color:var(--muted);margin:10px 0 24px;font-size:.95rem;line-height:1.55;animation:.55s .14s both brand-in}.login-card .field{text-align:right}@keyframes brand-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.desk{grid-template-columns:var(--sidebar-w) 1fr;background:#fff;grid-template-rows:1fr auto;height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.desk-side{border-left:1px solid var(--border);background:#fff;flex-direction:column;grid-row:1/-1;height:100dvh;padding:0 0 10px;display:flex;position:sticky;top:0;box-shadow:-4px 0 24px #5014140a}.desk-brand{border-bottom:1px solid var(--border);background:linear-gradient(#fff7f7 0%,#fff 100%);align-items:center;gap:12px;padding:18px 14px 16px;display:flex}.desk-brand img{object-fit:contain;flex-shrink:0;width:52px;height:52px}.desk-brand .name{font-family:var(--display);color:var(--brand);font-size:1.12rem;font-weight:800;line-height:1.2}.desk-brand .role{color:var(--muted);margin-top:3px;font-size:.78rem}.desk-nav{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex;overflow:auto}.desk-nav a{color:var(--ink);border-radius:10px;padding:11px 12px;font-size:.92rem;font-weight:600;transition:background .15s,color .15s}.desk-nav a:hover{background:var(--hover);color:var(--brand-dark)}.desk-nav a.active{background:var(--brand-soft);color:var(--brand);box-shadow:inset 3px 0 0 var(--brand)}.desk-side-foot{flex-direction:column;gap:6px;padding:8px 10px 0;display:flex}.desk-main{background:radial-gradient(900px 320px at 100% 0,#d200000a,#0000 55%),#fff;flex-direction:column;min-width:0;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.desk-status{border-top:1px solid var(--border);color:var(--muted);background:snow;grid-column:2;padding:7px 16px;font-size:.8rem}.page-title{font-family:var(--display);color:var(--brand);margin:0 0 16px;font-size:1.45rem;font-weight:800}.card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:16px 18px;box-shadow:0 4px 16px #5014140a}.card+.card{margin-top:14px}.card-title{color:var(--brand-deep);margin:0 0 10px;font-weight:700}.muted{color:var(--muted)}.stack{flex-direction:column;gap:14px;display:flex}.stats{grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;display:grid}.stat{border:1px solid var(--border);border-radius:var(--radius);background:#fff;min-width:0;padding:16px 18px;box-shadow:0 4px 14px #5014140a}.stat .val{color:var(--brand);margin-bottom:6px;font-size:1.75rem;font-weight:800;line-height:1.1}.stat .lbl{color:var(--muted);font-size:.9rem}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field label{color:var(--muted);font-size:.88rem}input,select,textarea{border:1px solid var(--input-border);min-height:40px;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.btn{appearance:none;cursor:pointer;border:none;border-radius:10px;min-height:38px;padding:9px 14px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-dark)}.btn-secondary{border:1px solid var(--input-border);color:var(--brand-deep);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--hover);color:var(--brand);border-color:#e0aaaa}.btn-danger{background:var(--brand-dark);color:#fff}.btn-sm{min-height:32px;padding:6px 10px;font-size:.85rem}.btn-block{width:100%}.btn-brand-soft{background:var(--brand-soft);color:var(--brand);border:1px solid #d2000033}.btn-brand-soft:hover:not(:disabled){background:var(--hover-strong)}.table-wrap{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:auto}table.data{border-collapse:collapse;background:#fff;width:100%;font-size:.9rem}table.data th,table.data td{border-bottom:1px solid var(--border);text-align:start;white-space:nowrap;color:var(--ink);vertical-align:top;padding:10px 12px}table.data th{color:var(--brand-deep);background:#fff5f5;font-weight:700;position:sticky;top:0}table.data tr:nth-child(2n) td{background:snow}table.data tr:hover td{background:var(--hover)}table.data tr.clickable{cursor:pointer}table.data td.cell-wrap,table.data th.cell-wrap{white-space:normal;word-break:break-word;unicode-bidi:plaintext;min-width:14rem;max-width:28rem;line-height:1.55}table.data td.cell-status{white-space:nowrap;vertical-align:middle;width:1%}table.data .num,table.data td.num{text-align:start;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.pill{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.pill.ok{color:var(--ok);background:#15803d1f}.pill.off{color:var(--muted);background:#f3eeee}.pill.warn{color:var(--warn);background:#b453091f}.pill.danger{color:var(--brand);background:#d200001a}.row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.row:last-child{border-bottom:none}.row strong{color:var(--ink-strong)}.err,.ok-box{border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:.92rem}.err{color:#9f1239;background:#fff1f1;border:1px solid #f0c0c0}.ok-box{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.hint-win{border:1px dashed var(--input-border);color:var(--muted);background:snow;border-radius:12px;padding:14px;line-height:1.7}.group-chip{border:1px solid var(--brand);color:var(--brand);border-radius:999px;padding:2px 10px;font-size:.82rem;font-weight:700;display:inline-block}.form-grid{gap:2px;display:grid}.form-grid .row{border-bottom:1px solid var(--border);text-align:start;grid-template-columns:minmax(9.5rem,38%) minmax(0,1fr);align-items:center;gap:12px;padding:10px 4px;display:grid}.form-grid .row:last-child{border-bottom:none}.form-grid .row>span.muted,.form-grid .row>strong.muted,.form-grid .row>label{text-align:start;line-height:1.45}.form-grid .row.row-stack{grid-template-columns:1fr;align-items:stretch;gap:8px}.form-grid .row.row-check{grid-template-columns:1fr auto;justify-items:start}.radio-list{flex-direction:column;gap:8px;width:100%;display:flex}.radio-option{border:1px solid var(--border);cursor:pointer;text-align:start;background:#fff;border-radius:10px;flex-direction:row;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.radio-option:hover{background:var(--hover)}.radio-option:has(input:checked){background:var(--brand-soft);border-color:#d2000073}.radio-option input[type=radio]{width:auto;min-height:0;accent-color:var(--brand);flex-shrink:0;margin-top:3px}.radio-option .radio-body{flex:1;min-width:0}.radio-option .radio-body strong{color:var(--ink-strong);margin-bottom:2px;display:block}.radio-option .radio-body .muted{font-size:.86rem;line-height:1.45;display:block}.tabs-bar{flex-wrap:wrap;gap:6px}table.data tr.selected td{background:#d2000014}.shift-hint{color:var(--ok);background:#f0fdf4;border-radius:10px;margin:4px 0 8px;padding:10px 12px;font-size:.9rem;font-weight:700;line-height:1.6}.att-summary{border-top:1px solid var(--border);color:var(--muted);margin-top:12px;padding:10px 12px;font-size:.92rem;font-weight:600}table.data.payroll-table th,table.data.payroll-table td{white-space:nowrap;font-size:.78rem}table.data tr.delivered-row td{background:#15803d14}.modal-backdrop{z-index:80;background:#28101059;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;width:min(480px,100%);max-height:90vh;padding:20px;overflow:auto;box-shadow:0 24px 60px #5014142e}.modal-card.wide{width:min(780px,100%)}.form-grid.fields{grid-template-columns:1fr 1fr;gap:10px}.form-grid.fields label{color:var(--muted);gap:4px;font-size:.85rem;display:grid}.form-grid.fields label.full{grid-column:1/-1}.form-grid.fields label.check-row{align-items:center;gap:8px;display:flex}.toolbar.wrap{flex-wrap:wrap;gap:8px}.modal-card h2{font-family:var(--display);color:var(--brand);margin:0 0 14px;font-size:1.25rem}.modal-card input[type=text],.modal-card input[type=number],.modal-card input[type=time],.modal-card select,.form-grid input,.form-grid select{border:1px solid var(--input-border);background:#fff;border-radius:10px;width:100%;padding:8px 10px}.modal-card input[type=checkbox],.modal-card input[type=radio],.form-grid input[type=checkbox],.form-grid input[type=radio]{width:auto;min-width:1.1rem;min-height:1.1rem;accent-color:var(--brand);justify-self:start}.search-results{border:1px solid var(--border);background:#fff;border-radius:10px;max-height:160px;margin:8px 0 0;padding:0;list-style:none;overflow:auto}.search-results li{border-bottom:1px solid var(--border);cursor:pointer;padding:10px 12px}.search-results li:hover{background:var(--hover)}.search-results li:last-child{border-bottom:none}.emp-app{max-width:480px;min-height:100dvh;padding-bottom:calc(78px + env(safe-area-inset-bottom));background:radial-gradient(420px 200px at 100% 0,#d2000012,#0000 60%),#fff;margin:0 auto}.emp-top{z-index:30;padding:12px 14px;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;align-items:center;gap:10px;display:flex;position:sticky;top:0}.emp-top-logo{object-fit:contain;width:44px;height:44px}.emp-top-text{flex:1;min-width:0}.emp-top-brand{font-family:var(--display);color:var(--brand);margin:0;font-size:1.05rem;font-weight:800;line-height:1.15}.emp-top-user{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.8rem;overflow:hidden}.emp-bell{border:1px solid var(--border);background:#fff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:relative}.emp-bell-icon{font-size:1.1rem}.emp-bell-badge{background:var(--brand);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:800;display:grid;position:absolute;top:4px;left:4px}.emp-main{padding:12px 12px 8px}.emp-stack{flex-direction:column;gap:12px;display:flex}.emp-loading,.emp-empty{color:var(--muted);text-align:center;padding:28px 12px}.emp-hero-card{border:1px solid var(--border);background:linear-gradient(145deg,#fff5f5,#fff 55%);border-radius:18px;padding:18px 16px;box-shadow:0 8px 24px #5014140f}.emp-hero-card.pay{background:linear-gradient(145deg,#fff8f0,#fff 60%)}.emp-hero-label{color:var(--muted);font-size:.85rem;font-weight:700}.emp-hero-status{font-family:var(--display);color:var(--brand);margin-top:4px;font-size:1.7rem;font-weight:800}.emp-hero-grid,.emp-att-grid,.emp-pay-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.emp-pay-grid{grid-template-columns:repeat(3,1fr)}.emp-hero-grid .lbl,.emp-att-grid .lbl,.emp-pay-grid .lbl{color:var(--muted);margin-bottom:2px;font-size:.72rem;display:block}.emp-hero-grid strong,.emp-att-grid strong,.emp-pay-grid strong{font-size:.95rem}.emp-stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.emp-stat-grid.three{grid-template-columns:repeat(3,1fr)}.emp-stat-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:14px;padding:12px 10px}.emp-stat-card .val{font-family:var(--display);color:var(--brand);font-size:1.35rem;font-weight:800}.emp-stat-card .lbl{color:var(--muted);margin-top:2px;font-size:.75rem}.emp-card,.emp-att-card,.emp-money-card,.emp-notif-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:14px;box-shadow:0 4px 14px #5014140a}.emp-card h3{color:var(--brand-deep);margin:0 0 10px;font-size:1rem}.emp-att-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.emp-att-card.status-absent{border-color:#f0c0c0}.emp-att-card.status-present{border-color:#c6e9d0}.emp-note{color:var(--muted);margin:8px 0 0;font-size:.85rem;line-height:1.5}.emp-money-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding:8px 0;font-size:.92rem;display:flex}.emp-money-row:last-child{border-bottom:none}.emp-money-row.ded strong{color:var(--brand)}.emp-money-row.adv strong{color:var(--warn)}.emp-money-row.bon strong{color:var(--ok)}.emp-money-row.net strong{color:var(--brand-deep);font-size:1.05rem}.emp-money-card.deduction{border-right:4px solid var(--brand)}.emp-money-card.advance{border-right:4px solid var(--warn)}.emp-money-card.bonus{border-right:4px solid var(--ok)}.emp-money-card .amt,.emp-notif-card .amt{color:var(--brand);font-weight:800}.emp-notif-card.unread{background:#fff8f8}.emp-alert-card{background:var(--brand);color:#fff;text-align:center;border-radius:14px;padding:14px;font-weight:700;display:block}.emp-filters{grid-template-columns:1fr 1fr auto;gap:8px;display:grid}.tone-danger{color:var(--brand)!important}.tone-warn{color:var(--warn)!important}.tone-ok{color:var(--ok)!important}.emp-tabbar{width:min(480px,100%);padding:8px 6px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;grid-template-columns:repeat(5,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.emp-tabbar a{text-align:center;color:var(--muted);border-radius:10px;place-items:center;min-height:44px;padding:10px 2px;font-size:.72rem;font-weight:700;display:grid}.emp-tabbar a.active{color:var(--brand);background:var(--brand-soft)}.hero-day{font-family:var(--display);color:var(--brand);margin:4px 0 0;font-size:1.7rem;font-weight:800}code{color:var(--brand-deep);background:#fff5f5;border-radius:6px;padding:1px 6px;font-size:.88em}.admin-alive{box-sizing:border-box;min-width:0;min-height:0}.admin-alive-hidden{display:none!important}.admin-alive-active{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;height:100%;max-height:100%;padding:20px 22px 28px;display:block;overflow:auto}.gdr-card{padding-block:12px}.gdr-bar{align-items:center;gap:10px}.gdr-title{color:var(--ink-strong);white-space:nowrap;font-weight:700}.gdr-field{align-items:center;gap:6px;margin:0;display:inline-flex}.gdr-field span{color:var(--muted);white-space:nowrap;font-size:.92rem}.gdr-status{color:var(--ok,#15803d);margin:8px 0 0}.desk-topbar,.desk-backdrop,.desk-drawer-close,.status-short{display:none}.status-full{display:inline}@media (width<=1100px){:root{--sidebar-w:200px}.desk-main{padding:0}.admin-alive-active{padding:16px 16px 24px}.stats{grid-template-columns:repeat(2,minmax(140px,1fr))}.form-grid.fields{grid-template-columns:1fr 1fr}table.data.payroll-table th,table.data.payroll-table td{padding:8px;font-size:.74rem}}@media (width<=900px){.desk{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.desk-topbar{z-index:40;min-height:58px;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top));border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;grid-column:1;align-items:center;gap:10px;display:flex;position:sticky;top:0}.desk-topbar-brand{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.desk-topbar-brand img{object-fit:contain;flex-shrink:0;width:40px;height:40px}.desk-topbar-brand .name{font-family:var(--display);color:var(--brand);white-space:nowrap;font-size:1rem;font-weight:800;line-height:1.15}.desk-topbar-brand .role{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.desk-topbar-logout{flex-shrink:0;min-height:40px}.menu-toggle{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;flex-shrink:0;place-content:center;gap:5px;width:44px;height:44px;padding:0;display:grid}.menu-toggle span{background:var(--brand);border-radius:2px;width:18px;height:2px;display:block}.desk-backdrop{z-index:45;opacity:0;pointer-events:none;background:#28101059;border:0;margin:0;padding:0;transition:opacity .22s;display:block;position:fixed;inset:0}.desk.menu-open .desk-backdrop{opacity:1;pointer-events:auto}.desk-side{z-index:50;border-left:1px solid var(--border);width:min(300px,86vw);height:100svh;padding-bottom:env(safe-area-inset-bottom);border-bottom:none;transition:transform .25s;position:fixed;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-12px 0 40px #50141429}.desk.menu-open .desk-side{transform:translate(0)}.desk-drawer-close{border:1px solid var(--border);width:40px;height:40px;color:var(--brand);cursor:pointer;background:#fff;border-radius:10px;flex-shrink:0;place-items:center;margin-inline-start:auto;font-size:1rem;display:grid}.desk-brand{padding-inline-end:10px}.desk-nav{-webkit-overflow-scrolling:touch;flex-direction:column;gap:4px;padding:10px 8px;overflow:auto}.desk-nav a{white-space:normal;align-items:center;min-height:48px;padding:13px 14px;font-size:.95rem;display:flex}.desk-nav a.active{box-shadow:inset 3px 0 0 var(--brand)}.desk-side-foot{padding-bottom:calc(10px + env(safe-area-inset-bottom));display:flex}.desk-main{grid-column:1;padding:0}.admin-alive-active{padding:14px 12px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.desk-status{padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom));grid-column:1;font-size:.75rem}.status-full{display:none}.status-short{display:inline}.page-title{margin-bottom:12px;font-size:1.25rem}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:12px}.stat .val{font-size:1.4rem}.toolbar{gap:8px;margin-bottom:10px}.toolbar .btn,.toolbar input,.toolbar select{min-height:42px}.toolbar>.btn{flex:auto}.card{border-radius:12px;padding:14px 12px}.table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:10px;margin-inline:-4px}table.data th,table.data td{padding:10px;font-size:.84rem}.form-grid .row{grid-template-columns:1fr;gap:4px;padding:10px 0}.form-grid.fields{grid-template-columns:1fr}.modal-backdrop{align-items:flex-end;padding:10px}.modal-card,.modal-card.wide{width:100%;max-height:min(92dvh,920px);padding:16px 14px calc(16px + env(safe-area-inset-bottom));border-radius:16px 16px 10px 10px}.login-page{padding:20px 14px}.login-card{padding:26px 18px 22px}.login-card .logo-mark{width:112px;height:112px}.btn{min-height:42px}.btn-sm{min-height:40px;padding:8px 12px}}@media (width<=560px){.stats{grid-template-columns:1fr 1fr}.desk-topbar-brand .role{max-width:42vw}.toolbar{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.toolbar>*{width:100%;min-width:0}.toolbar>input[type=date],.toolbar>input[type=number],.toolbar>input[type=search],.toolbar>input[type=text],.toolbar>select,.toolbar>label,.toolbar>.btn-primary,.toolbar>.btn-block{grid-column:1/-1}table.data.payroll-table th,table.data.payroll-table td{padding:8px 6px;font-size:.7rem}.emp-shell{padding-inline:12px}}@media (width<=900px){html,body{overflow-x:hidden}.desk,.desk-main,.stack{max-width:100vw}}