:root{--line:#dfe7ef;--muted:#64748b;--mint:#54dcca;--radius:16px}body{line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #0a79d0;outline-offset:3px}button:not(:disabled),summary{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3{line-height:1.5}h1{font-size:28px;margin:0;letter-spacing:-.4px}h2{font-size:20px}h3{font-size:17px}p{overflow-wrap:anywhere}.page-content .card{border:1px solid var(--line);box-shadow:none;border-radius:var(--radius);background:var(--card);padding:24px;min-width:0}.page-content .btn{border-radius:9px;font-size:13px;font-weight:600;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.page-content .btn.primary{background:var(--navy);color:#fff}.page-content .btn.secondary{background:var(--blue);color:#fff}.page-content .btn.danger{background:#b91c1c;color:#fff}.page-content .badge{font-size:11px;padding:4px 9px;border-radius:6px}.page-content .stat-card{border:1px solid var(--line);border-radius:14px;box-shadow:none}.page-content th{background:#f5f8fc;font-size:12px;font-weight:500}.page-content td{font-size:13px;padding-block:14px}.page-content input:not([type=checkbox]):not([type=radio]),.page-content select,.page-content textarea{border:1px solid #cdd9e4;border-radius:8px;background:var(--card);color:var(--text);padding:10px 12px;max-width:100%;min-width:0}.page-content label{font-size:13px}.page-content .table-wrap{border-radius:10px}.page-content .request{border-radius:12px;border-color:var(--line);padding:20px}.page-content .banner.warn{padding:15px;background:#fff7e8;color:#825d1c;border:1px solid #eedec2;border-radius:10px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading .eyebrow{font-size:11px;color:var(--blue);margin:0 0 5px}.page-heading p.muted{font-size:13px;margin:7px 0 0}.page-heading .btn{flex-shrink:0}.back-link{display:inline-block;color:var(--muted);font-size:12px;margin-bottom:17px;text-decoration:none}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.workspace-card h2{margin:0}.workspace-card>p{font-size:13px}.workspace-links{display:grid;margin-top:22px}.workspace-links a{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid var(--line);font-size:14px;color:var(--navy);text-decoration:none}.workspace-links a:hover{color:var(--blue)}.section-mark{color:var(--blue);background:#e8f3fc;width:35px;height:35px;border-radius:10px;display:grid;place-items:center}.page-tools{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:22px}.page-tools label{display:flex;align-items:center;gap:9px}.page-tools select{min-width:210px}.summary-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.summary-metrics span{display:block;color:var(--muted);font-size:12px}.summary-metrics strong{display:block;font-size:29px;color:var(--navy);font-variant-numeric:tabular-nums}.summary-metrics strong.small{font-size:21px}.request-summary{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:20px;margin-bottom:13px}.request-summary p{font-size:13px;color:var(--muted);margin:7px 0}.request-summary .badge{margin-inline-start:10px}.request-detail{max-width:1000px}.request-detail>p{margin-block:16px}.request-detail .steps{margin:20px 0}.request-detail .actions{margin-top:22px}.detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.detail-pair small{display:block;color:var(--muted)}.detail-pair strong{display:block;font-size:16px}.inline-link{color:var(--navy);font-size:13px;background:none;border:0;text-decoration:underline}.empty-state a{display:inline-block;margin-top:12px}.hr .section-menu{background:var(--card);border:1px solid var(--line);padding:13px;border-radius:10px;margin:18px 0}.hr .request-summary{margin-block:14px}.hr .request-summary p{margin:5px 0}.hr .request-actions-header{display:flex;align-items:center;justify-content:space-between;margin:24px 0;gap:15px}:root[data-theme=dark] .page-content th{background:var(--line)}:root[data-theme=dark] .page-content input:not([type=checkbox]):not([type=radio]),:root[data-theme=dark] .page-content select,:root[data-theme=dark] .page-content textarea{border-color:var(--line)}@media(max-width:1100px){.workspace-grid{gap:17px}.summary-metrics strong{font-size:24px}}@media(max-width:700px){h1{font-size:23px}.page-content .card{padding:18px}.page-heading{align-items:flex-start;gap:12px}.page-heading .btn{font-size:12px;padding:9px 12px}.page-heading p.muted{font-size:12px}.workspace-grid{grid-template-columns:1fr}.request-summary{align-items:flex-start;flex-wrap:wrap;padding:16px}.summary-metrics{gap:10px}.summary-metrics strong{font-size:21px}.summary-metrics strong.small{font-size:17px}.summary-metrics span{font-size:11px}.page-tools label{width:100%;flex-wrap:wrap}.page-tools select{width:100%}.detail-pair{grid-template-columns:1fr}.page-content .btn{white-space:normal;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}:root{--navy: #044476;--blue: #0a79d0;--text: #292d32;--bg: #f0f5fa;--card: #ffffff;color-scheme:light}:root[data-theme=dark]{--navy: #4d9fe0;--blue: #5db6f2;--text: #dbe4ee;--bg: #0d151f;--card: #141f2e;--line: #263447;--muted: #93a7bd;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:IBM Plex Sans Arabic,Segoe UI,sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden}html{transition:background-color .2s ease,color .2s ease}body.nav-open{overflow:hidden}img,svg,video{max-width:100%}h1,h2,h3{color:var(--navy)}.card{background:var(--card);border-radius:20px;padding:1.25rem 1.4rem;box-shadow:0 12px 30px #04447614}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.75rem}.card-head a{color:var(--blue);text-decoration:none;font-weight:600}.btn{border:0;border-radius:12px;padding:.75rem 1.1rem;font:inherit;font-weight:600;cursor:pointer}.btn.primary{background:var(--navy);color:#fff}.btn.secondary{background:var(--blue);color:#fff}.btn.ghost{background:#e8f3fc;color:var(--navy);text-decoration:none;display:inline-block}.btn.danger{background:#b91c1c;color:#fff}.btn.big{min-width:140px;padding:.95rem 1.3rem;font-size:1.05rem}.btn:disabled{opacity:.55;cursor:not-allowed}.muted{color:var(--muted)}.empty-state{text-align:center;padding:1.5rem .5rem;color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:.7rem .4rem;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:100%;width:max-content}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;background:#e2e8f0;color:#334155}.badge[data-status=PendingManager]{background:#fef3c7;color:#92400e}.badge[data-status=PendingAdmin]{background:#dbeafe;color:#1e3a8a}.badge[data-status=Approved]{background:#d1fae5;color:#065f46}.badge[data-status=Rejected]{background:#fee2e2;color:#991b1b}.badge.active{background:#d1fae5;color:#065f46}.badge.inactive{background:#fee2e2;color:#991b1b}.request{border:1px solid var(--line);border-radius:16px;padding:1rem;margin-bottom:.85rem}.request header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.request input{width:100%;margin:.5rem 0;border:1px solid var(--line);border-radius:10px;padding:.6rem .75rem;font:inherit;background:var(--card);color:var(--text)}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.spinner{width:28px;height:28px;border:3px solid #dbeafe;border-top-color:var(--navy);border-radius:50%;animation:spin .8s linear infinite;margin:1rem auto}@keyframes spin{to{transform:rotate(360deg)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem;margin-bottom:1.25rem}.stat-card{background:var(--card);border-radius:16px;padding:1rem;box-shadow:0 8px 20px #0444760f}.stat-card span{display:block;font-size:.8rem;color:var(--muted)}.stat-card strong{font-size:1.4rem;color:var(--navy)}td.live,.live{color:var(--navy);font-weight:600;font-variant-numeric:tabular-nums}.day-total td{background:#f8fafc}.day-total strong{color:var(--navy);font-variant-numeric:tabular-nums}@media(max-width:900px){.card{border-radius:16px;padding:1rem}.card-head{flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}th,td{padding:.6rem .35rem;font-size:.9rem}}@media(max-width:520px){.card{padding:.9rem .8rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.stat-card strong{font-size:1.15rem}.actions{gap:.4rem}.actions .btn,.btn.big{flex:1 1 100%;min-width:0}.btn{padding:.7rem .9rem}}:root[data-theme=dark] .badge{background:var(--line);color:var(--text)}:root[data-theme=dark] .day-total td{background:var(--line)}:root[data-theme=dark] .spinner{border-color:var(--line);border-top-color:var(--navy)}@font-face{font-family:Noto Sans Arabic;src:url(/assets/fonts/NotoSansArabic.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root{--navy:#044476;--text:#23364b;--bg:#f0f5fa;--card:#fff;--line:#dee7ef;--muted:#61748a;--employee:#137a70;--employee-soft:#e5f6f2;--admin-surface:#044476;--admin-text:#fff;--active:#e8f2fb;--warning-bg:#fff4db;--warning-text:#7b5100;--radius:16px}:root[data-theme=dark]{--navy:#8ec9f3;--text:#e4edf5;--bg:#0d1724;--card:#162438;--line:#31455d;--muted:#acbed1;--employee:#75d6c7;--employee-soft:#163e3c;--admin-surface:#082f50;--admin-text:#edf6fc;--active:#173650;--warning-bg:#483a1d;--warning-text:#ffdc91}html,body{font-family:Noto Sans Arabic,Segoe UI,sans-serif;font-size:14px;line-height:1.72}h1{font-size:28px;line-height:46px;letter-spacing:0;font-weight:700}h2{font-size:20px;line-height:34px}h3{font-size:18px;line-height:30px}.page-content .card,.page-content .stat-card{border:1px solid var(--line);border-radius:16px;box-shadow:none;background:var(--card);padding:24px}.page-content .btn,.page-content .hr button{min-height:48px;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none}.page-content .btn.primary,.page-content .hr button{background:var(--navy);color:var(--card)}.page-content .btn.ghost{background:var(--card);border:1px solid var(--line);color:var(--navy)}.page-content .btn.danger,.page-content .hr button.danger{background:#ac2b34;color:#fff}.page-content input:not([type=checkbox]):not([type=radio]),.page-content select,.page-content textarea{min-height:48px;border:1px solid var(--line);border-radius:12px;padding:12px 16px;background:var(--card);color:var(--text)}.page-content th{background:var(--bg);color:var(--muted);font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;padding:14px 16px}.page-content td{padding:16px;font-size:14px;border-color:var(--line)}.page-content .table-wrap{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:16px}.page-content .table-wrap th:first-child{border-start-start-radius:12px;border-end-start-radius:12px}.page-content .table-wrap th:last-child{border-start-end-radius:12px;border-end-end-radius:12px}.page-content .badge{border-radius:8px;font-size:12px;padding:4px 10px}.page-content .banner.warn,.page-content .notice{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--line);border-radius:12px;padding:16px}.page-content .hr>header{margin-bottom:24px}.page-content .hr>header h2{font-size:28px;line-height:46px;margin:0}.page-content .hr>header p{color:var(--muted);font-size:14px}.page-content .hr .filters,.page-content .hr .section-menu{background:var(--card);border:1px solid var(--line);padding:20px;border-radius:16px}.page-content .hr .metrics{gap:16px}.page-content .hr .metrics>div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.page-content .hr .metrics strong{font-size:32px;color:var(--navy)}.page-content .hr .metrics small,.page-content .hr .metrics span{color:var(--muted);font-size:12px}.page-content hr-form .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.page-content hr-form .fields>label{padding:16px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px;font-weight:400}.page-content hr-form .fields input,.page-content hr-form .fields select,.page-content hr-form .fields textarea{border:0;padding:8px 0;border-radius:0;color:var(--text);background:var(--card);font-size:14px}.page-content hr-form button{min-height:48px;border-radius:12px;background:var(--navy);color:var(--card)}.page-content hr-form small{color:var(--muted)}.page-content .summary-metrics strong{font-size:36px}.page-content .workspace-grid{gap:24px}.page-content .page-heading{margin-bottom:24px}.page-content .page-heading .muted{font-size:14px}@media(max-width:700px){h1{font-size:24px;line-height:38px}.page-content .card{padding:16px}.page-content hr-form .fields{grid-template-columns:1fr}.page-content .table-wrap{padding:8px}.page-content td{padding:12px}.page-content .hr>header h2{font-size:24px}.page-content .summary-metrics strong{font-size:26px}}