@font-face{font-family:latin;src:url(../media/NotoSans_Regular-s.p.1g9v1hsa72dd-.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:latin;src:url(../media/NotoSans_Bold-s.p.029ed0p3fhwlh.ttf)format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:latin Fallback;src:local(Arial);ascent-override:100.41%;descent-override:27.52%;line-gap-override:0.0%;size-adjust:106.47%}.yyLNEW_className{font-family:latin,latin Fallback}.yyLNEW_variable{--font-latin:"latin", "latin Fallback"}
@font-face{font-family:arabic;src:url(../media/NotoSansArabic_Regular-s.p.32wuj00-zc10s.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:arabic;src:url(../media/NotoSansArabic_Bold-s.p.1xcqm-ig-gwoh.ttf)format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:arabic Fallback;src:local(Arial);ascent-override:129.05%;descent-override:69.32%;line-gap-override:0.0%;size-adjust:106.47%}._XLarW_className{font-family:arabic,arabic Fallback}._XLarW_variable{--font-arabic:"arabic", "arabic Fallback"}
:root{--ink:#0b1324;--slate:#475569;--muted:#64748b;--line:#e6ebf4;--line-strong:#cbd5e1;--surface:#f3f6fb;--card:#fff;--primary:#1d4ed8;--primary-hover:#1e40af;--primary-soft:#eff4ff;--focus:#2563eb;--navy:#0b1b3f;--primary-2:#3b82f6;--c-present:#2563eb;--c-late:#f59e0b;--c-leave:#0d9488;--c-absent:#dc2626;--c-empty:#e8edf6;--ok-fg:#166534;--ok-bg:#dcfce7;--warn-fg:#92400e;--warn-bg:#fef3c7;--bad-fg:#b91c1c;--bad-bg:#fee2e2;--info-fg:#1e40af;--info-bg:#dbeafe;--neutral-fg:#475569;--neutral-bg:#f1f5f9;--radius:18px;--radius-sm:10px;--radius-pill:999px;--shadow:0 1px 2px #0f172a0a, 0 6px 20px #0f172a0a;--shadow-lg:0 12px 32px #0f172a24;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s12:48px;--fs-xs:.8125rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:2rem;--nav-w:248px;--top-h:60px;--tab-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-latin), var(--font-arabic), system-ui, -apple-system, "Segoe UI", sans-serif;font-size:var(--fs-md);color:var(--ink);background:var(--surface);font-variant-numeric:tabular-nums;margin:0;line-height:1.5}[dir=rtl] body{line-height:1.65}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.25}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img,svg{vertical-align:middle;display:inline-block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.ltr{direction:ltr;unicode-bidi:isolate}.muted{color:var(--slate)}.small{font-size:var(--fs-sm)}.nowrap{white-space:nowrap}.num{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}.stack{gap:var(--s4);flex-direction:column;display:flex}.stack-sm{gap:var(--s2);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.grow{flex:auto;min-inline-size:0}.grid{gap:var(--s4);display:grid}.grid-2{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.grid-3{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));display:grid}.grid-4{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.icon-flip{transform:scaleX(1)}[dir=rtl] .icon-flip{transform:scaleX(-1)}.btn{justify-content:center;align-items:center;gap:var(--s2);min-block-size:44px;padding-block:var(--s2);padding-inline:var(--s4);border-radius:var(--radius-sm);font-weight:600;font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--card);color:var(--ink);border-color:var(--line-strong)}.btn-secondary:hover:not(:disabled){background:var(--neutral-bg)}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--neutral-bg)}.btn-danger{background:var(--bad-fg);color:#fff}.btn-danger:hover:not(:disabled){background:#991b1b}.btn-success{background:var(--ok-fg);color:#fff}.btn-sm{min-block-size:36px;padding-inline:var(--s3)}.btn-lg{min-block-size:52px;font-size:var(--fs-md);padding-inline:var(--s6)}.btn-block{inline-size:100%}.icon-btn{border-radius:var(--radius-sm);cursor:pointer;block-size:44px;inline-size:44px;color:var(--ink);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover{background:var(--neutral-bg)}.lang-switch{border:1px solid var(--line);block-size:40px;color:var(--ink);font-size:var(--fs-sm);white-space:nowrap;background:#fff;border-radius:999px;flex:none;align-items:center;gap:6px;padding-inline:12px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.lang-switch:hover{background:var(--neutral-bg);text-decoration:none}.lang-switch svg{color:var(--slate);flex:none}.lang-switch .show-sm{display:none}.spinner-icon{animation:.8s linear infinite spin}.spinner{border:2px solid;border-inline-end-color:#0000;border-radius:50%;block-size:18px;inline-size:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}*{transition:none!important}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-body{padding:var(--s5)}.card-header{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-block-end:1px solid var(--line);flex-wrap:wrap;display:flex}.card-header h2,.card-header h3{font-size:var(--fs-lg)}.card-footer{padding:var(--s3) var(--s5);border-block-start:1px solid var(--line)}.page{gap:var(--s5);padding:var(--s6);flex-direction:column;inline-size:100%;max-inline-size:1400px;margin-inline:auto;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--s4);flex-wrap:wrap;display:flex}.page-header .crumbs{font-size:var(--fs-sm);color:var(--slate);margin-block-end:var(--s1)}.page-header .crumbs a{color:var(--slate)}.page-header p.lead{color:var(--slate);margin-block-start:var(--s1)}.section-title{font-size:var(--fs-lg);font-weight:700}.divider{background:var(--line);border:0;block-size:1px;margin:0}.pill{font-size:var(--fs-xs);white-space:nowrap;background:var(--neutral-bg);color:var(--neutral-fg);border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-weight:600;line-height:1.6;display:inline-flex}.pill svg{flex:none;block-size:14px;inline-size:14px}.pill-wrap{white-space:normal;border-radius:var(--radius-sm);max-inline-size:100%}.pill-ok{background:var(--ok-bg);color:var(--ok-fg)}.pill-warn{background:var(--warn-bg);color:var(--warn-fg)}.pill-bad{background:var(--bad-bg);color:var(--bad-fg)}.pill-info{background:var(--info-bg);color:var(--info-fg)}.pill-comp{background:var(--primary-soft);color:var(--primary-hover);box-shadow:inset 0 0 0 1.5px var(--primary-2)}.pill-outline-warn{color:var(--warn-fg);background:#fff;box-shadow:inset 0 0 0 1.5px #d97706}.badge-count{background:var(--bad-fg);color:#fff;border-radius:999px;justify-content:center;align-items:center;block-size:18px;min-inline-size:18px;padding-inline:5px;font-size:11px;font-weight:700;display:inline-flex}.icon-btn .badge-count{position:absolute;inset-block-start:4px;inset-inline-end:2px}.alert{gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--radius-sm);font-size:var(--fs-sm);border:1px solid;align-items:flex-start;display:flex}.alert svg{flex:none;margin-block-start:2px}.alert-info{background:var(--info-bg);color:var(--info-fg);border-color:#bfdbfe}.alert-warn{background:var(--warn-bg);color:var(--warn-fg);border-color:#fcd34d}.alert-bad{background:var(--bad-bg);color:var(--bad-fg);border-color:#fca5a5}.alert-ok{background:var(--ok-bg);color:var(--ok-fg);border-color:#86efac}.alert strong{display:block}.form{gap:var(--s4);flex-direction:column;display:flex}.form-grid{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.form-actions{gap:var(--s3);flex-wrap:wrap;justify-content:flex-end;display:flex}.field{flex-direction:column;gap:6px;min-inline-size:0;display:flex}.field-full{grid-column:1/-1}.field label,.field .label{font-size:var(--fs-sm);color:var(--ink);font-weight:600}.field .req{color:var(--bad-fg);margin-inline-start:2px}.field .hint{font-size:var(--fs-xs);color:var(--slate)}.field .error{font-size:var(--fs-xs);color:var(--bad-fg);align-items:center;gap:4px;font-weight:600;display:flex}.input,.select,.textarea{min-block-size:44px;inline-size:100%;padding:var(--s2) var(--s3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);background:#fff}.textarea{resize:vertical;min-block-size:96px}.input:hover,.select:hover,.textarea:hover{border-color:#94a3b8}.input:focus,.select:focus,.textarea:focus{border-color:var(--focus);outline:3px solid #2563eb40}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--bad-fg)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--neutral-bg);color:var(--slate)}.input-ltr{text-align:start;direction:ltr}[dir=rtl] .input-ltr{text-align:end}.check{align-items:center;gap:var(--s2);cursor:pointer;min-block-size:44px;display:inline-flex}.check input{block-size:20px;inline-size:20px;accent-color:var(--primary)}.file-drop{border:1.5px dashed var(--line-strong);border-radius:var(--radius);padding:var(--s5);text-align:center;background:#fff}.file-drop.has-file{border-style:solid;border-color:var(--primary);background:var(--primary-soft)}.file-choices{gap:var(--s3);flex-direction:column;align-items:stretch;display:flex}.file-choices .file-name{overflow-wrap:anywhere}.file-buttons{gap:var(--s2);flex-wrap:wrap;justify-content:center}.file-buttons .btn{cursor:pointer}.sr-only:focus-visible+.btn{outline:2px solid var(--primary);outline-offset:2px}.choice-group{gap:var(--s2);border:0;flex-direction:column;min-inline-size:0;margin:0;padding:0;display:flex}.choice-group legend{font-size:var(--fs-sm);color:var(--ink);margin-block-end:var(--s2);padding:0;font-weight:600}.choice{gap:var(--s3);padding:var(--s3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;background:#fff;align-items:flex-start;min-block-size:44px;display:flex}.choice:has(input:checked){border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}.choice input{block-size:20px;inline-size:20px;accent-color:var(--primary);flex:none;margin-block-start:2px}.choice-error{font-size:var(--fs-xs);color:var(--bad-fg);font-weight:600}.stat-row{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));display:grid}.stat-chip{padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;flex-direction:column;gap:2px;min-inline-size:0;display:flex}.stat-chip-label{font-size:var(--fs-xs);color:var(--slate)}.stat-chip-value{font-size:var(--fs-lg);color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.stat-chip-strong{border-color:var(--primary);background:var(--primary-soft)}.stat-chip-strong .stat-chip-value{color:var(--primary)}.table-wrap{overflow-x:auto}.table{border-collapse:separate;border-spacing:0;inline-size:100%;font-size:var(--fs-sm)}.table th{z-index:1;color:var(--slate);text-align:start;padding:var(--s3) var(--s4);border-block-end:1px solid var(--line);white-space:nowrap;background:#f8fafc;font-weight:600;position:sticky;inset-block-start:0}.table td{padding:var(--s3) var(--s4);border-block-end:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-block-end:0}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover td{background:#f8fafc}.table th.num,.table td.num{text-align:end}.table tfoot td{border-block-start:1px solid var(--line-strong);background:#f8fafc;font-weight:700}.table .actions{text-align:end;white-space:nowrap}.cell-title{color:var(--ink);font-weight:600;display:block}.cell-sub{font-size:var(--fs-xs);color:var(--slate);display:block}.toolbar{gap:var(--s3);padding:var(--s4) var(--s5);border-block-end:1px solid var(--line);flex-wrap:wrap;align-items:flex-end;display:flex}.toolbar .field{min-inline-size:160px}.pagination{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s5);font-size:var(--fs-sm);color:var(--slate);display:flex}@media (max-width:640px){.table-cards thead{display:none}.table-cards,.table-cards tbody,.table-cards tr,.table-cards td{inline-size:100%;display:block}.table-cards tr{padding:var(--s3) var(--s4);border-block-end:1px solid var(--line)}.table-cards td{justify-content:space-between;gap:var(--s3);text-align:end;border:0;padding:2px 0;display:flex}.table-cards td:before{content:attr(data-label);color:var(--slate);text-align:start;font-weight:600}.table-cards td.num{text-align:end}.table-cards td.primary-cell{text-align:start;display:block}.table-cards td.primary-cell:before{content:none}}.state{justify-content:center;align-items:center;gap:var(--s3);padding:var(--s12) var(--s5);text-align:center;color:var(--slate);flex-direction:column;display:flex}.state .state-icon{background:var(--neutral-bg);block-size:48px;inline-size:48px;color:var(--slate);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.state h3{color:var(--ink);font-size:var(--fs-md)}.state.error .state-icon{background:var(--bad-bg);color:var(--bad-fg)}.skeleton{background:linear-gradient(90deg,#eef2f7 25%,#f8fafc 50%,#eef2f7 75%) 0 0/200% 100%;border-radius:6px;block-size:14px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.kpi{gap:var(--s2);padding:var(--s5);flex-direction:column;display:flex}.kpi .kpi-label{align-items:center;gap:var(--s2);color:var(--slate);font-weight:600;font-size:var(--fs-sm);display:flex}.kpi .kpi-icon{background:var(--primary-soft);block-size:40px;inline-size:40px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.kpi .kpi-value{letter-spacing:-.02em;color:var(--navy);font-size:2.25rem;font-weight:700;line-height:1.05}.kpi .kpi-note{font-size:var(--fs-sm);color:var(--slate)}a.kpi:hover{background:#fbfcff;text-decoration:none}.tabs{gap:var(--s1);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-pill);scrollbar-width:thin;inline-size:max-content;max-inline-size:100%;box-shadow:var(--shadow);padding:4px;display:flex;overflow-x:auto}.tab{padding:var(--s3) var(--s4);cursor:pointer;color:var(--slate);white-space:nowrap;background:0 0;border:0;border-block-end:3px solid #0000;align-items:center;gap:6px;min-block-size:44px;font-weight:600;text-decoration:none;display:inline-flex}.tab:hover{color:var(--ink);text-decoration:none}.tab{border-radius:var(--radius-pill);padding-inline:var(--s4);min-block-size:44px;border-block-end:0!important}.tab[aria-selected=true]{color:#fff;background:var(--navy)}.chips{gap:var(--s2);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--line-strong);font-size:var(--fs-sm);cursor:pointer;min-block-size:36px;color:var(--ink);background:#fff;border-radius:999px;padding:6px 14px;font-weight:600}.chip[aria-pressed=true]{background:var(--primary);color:#fff;border-color:var(--primary)}.dl{gap:var(--s4) var(--s6);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin:0;display:grid}.dl div{min-inline-size:0}.dl dt{font-size:var(--fs-xs);color:var(--slate);text-transform:none;font-weight:600}.dl dd{overflow-wrap:anywhere;margin:2px 0 0;font-weight:500}dialog.dialog{border-radius:var(--radius);box-shadow:var(--shadow-lg);max-block-size:calc(100dvh - 48px);inline-size:min(560px,100vw - 32px);color:var(--ink);border:0;padding:0}dialog.dialog::backdrop{background:#0f172a73}.dialog-head{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-block-end:1px solid var(--line);display:flex}.dialog-body{padding:var(--s5);overflow-y:auto}.dialog-foot{justify-content:flex-end;gap:var(--s3);padding:var(--s4) var(--s5);border-block-start:1px solid var(--line);flex-wrap:wrap;display:flex}.toasts{gap:var(--s2);z-index:100;flex-direction:column;max-inline-size:min(420px,100vw - 40px);display:flex;position:fixed;inset-block-end:calc(var(--s5) + env(safe-area-inset-bottom));inset-inline-end:var(--s5)}.toast{gap:var(--s3);background:var(--ink);color:#fff;padding:var(--s3) var(--s4);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);align-items:flex-start;display:flex}.toast.bad{background:var(--bad-fg)}.has-tabbar .toasts{inset-block-end:calc(var(--tab-h) + var(--s4) + env(safe-area-inset-bottom))}.timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.timeline li{padding-block-end:var(--s4);padding-inline-start:28px;position:relative}.timeline li:before{content:"";background:var(--line);inline-size:2px;position:absolute;inset-block:18px 0;inset-inline-start:7px}.timeline li:last-child:before{display:none}.timeline .dot{background:var(--card);border:3px solid var(--line-strong);border-radius:50%;block-size:16px;inline-size:16px;position:absolute;inset-block-start:4px;inset-inline-start:0}.timeline .dot.ok{border-color:var(--ok-fg)}.timeline .dot.bad{border-color:var(--bad-fg)}.timeline .dot.current{border-color:var(--primary);background:var(--primary-soft)}.timeline .t-title{font-weight:600}.timeline .t-meta{font-size:var(--fs-xs);color:var(--slate)}.cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.cal .dow{font-size:var(--fs-xs);color:var(--slate);text-align:center;padding-block-end:4px;font-weight:600}.cal .day{aspect-ratio:1;font-size:var(--fs-sm);border:1px solid var(--line);cursor:default;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-inline-size:0;padding:2px;display:flex}.cal button.day{cursor:pointer}.cal .day .d{font-weight:700}.cal .day .code{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;font-size:10px;font-weight:700;line-height:1.2;overflow:hidden}@media (max-width:480px){.cal .day .code{font-size:9px}}.cal .day.empty{background:0 0;border:0}.cal .day.today{outline:2px solid var(--primary);outline-offset:1px}.cal .day.sel{box-shadow:inset 0 0 0 2px var(--ink)}.st-PRESENT{color:var(--ok-fg);background:var(--ok-bg)!important;border-color:#0000!important}.st-LATE,.st-EARLY_DEPARTURE,.st-PARTIALLY_ABSENT,.st-INCOMPLETE,.st-UNSCHEDULED_WORK{color:var(--warn-fg);background:var(--warn-bg)!important;border-color:#0000!important}.st-ABSENT,.st-MISSED{color:var(--bad-fg);background:var(--bad-bg)!important;border-color:#0000!important}.st-LEAVE,.st-SICK_LEAVE,.st-IN_PROGRESS{color:var(--info-fg);background:var(--info-bg)!important;border-color:#0000!important}.st-PENDING_LEAVE{color:var(--warn-fg);box-shadow:inset 0 0 0 2px #d97706;background:#fff!important;border-color:#0000!important}.st-OFF,.st-NO_SHIFT,.st-SCHEDULED,.st-NOT_CHECKED_IN{color:var(--neutral-fg);background:var(--neutral-bg)!important;border-color:#0000!important}.legend{gap:var(--s2) var(--s4);font-size:var(--fs-xs);color:var(--slate);flex-wrap:wrap;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:5px;justify-content:center;align-items:center;block-size:18px;inline-size:22px;font-size:9px;font-style:normal;font-weight:700;display:inline-flex}.bars{gap:var(--s3);flex-direction:column;display:flex}.bar-row{gap:var(--s3);font-size:var(--fs-sm);grid-template-columns:minmax(90px,30%) 1fr auto;align-items:center;display:grid}.bar-track{background:var(--neutral-bg);border-radius:999px;block-size:10px;overflow:hidden}.bar-fill{background:var(--primary);border-radius:999px;block-size:100%}.avatar{background:var(--primary-soft);block-size:36px;inline-size:36px;color:var(--primary);font-weight:700;font-size:var(--fs-sm);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.avatar-lg{block-size:64px;inline-size:64px;font-size:var(--fs-xl)}.avatar-xl{block-size:96px;inline-size:96px;font-size:var(--fs-2xl)}.avatar-photo{background:var(--neutral-bg);overflow:hidden}.avatar-photo img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.avatar-button{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}.avatar-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.avatar-badge{background:var(--primary);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;block-size:24px;inline-size:24px;display:inline-flex;position:absolute;inset-block-end:-2px;inset-inline-end:-2px}.photo-picker{gap:var(--s4);flex-wrap:wrap;align-items:center;display:flex}button.pill{cursor:pointer;font:inherit;border:0}.person{align-items:center;gap:var(--s3);min-inline-size:0;display:flex}.person .grow>*{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.shell{grid-template-columns:var(--nav-w) minmax(0, 1fr);min-block-size:100dvh;display:grid}.sidenav{background:var(--card);border-inline-end:1px solid var(--line);block-size:100dvh;padding:var(--s4) var(--s3);gap:var(--s4);flex-direction:column;display:flex;position:sticky;inset-block-start:0;overflow-y:auto}.brand{align-items:center;gap:var(--s3);padding:var(--s1) var(--s2);color:var(--ink);font-weight:700;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;block-size:36px;inline-size:36px;display:inline-flex}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-group-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--s2) var(--s3) var(--s1);font-size:11px;font-weight:700}[dir=rtl] .nav-group-title{text-transform:none;letter-spacing:0;font-size:var(--fs-xs)}.nav-link{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--radius-sm);min-block-size:40px;color:var(--slate);font-weight:600;font-size:var(--fs-sm);text-decoration:none;display:flex}.nav-link:hover{background:var(--neutral-bg);color:var(--ink);text-decoration:none}.nav-link{border-radius:12px}.nav-link[aria-current=page]{background:var(--primary);color:#fff;box-shadow:0 6px 16px #1d4ed83d}.nav-link .badge-count{margin-inline-start:auto}.main{flex-direction:column;min-inline-size:0;display:flex}.topbar{z-index:20;block-size:var(--top-h);align-items:center;gap:var(--s3);padding-inline:var(--s5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block-end:1px solid var(--line);background:#ffffffeb;display:flex;position:sticky;inset-block-start:0}.topbar .search{flex:auto;min-inline-size:0;max-inline-size:520px;margin-inline-end:auto;position:relative}.topbar .search input{inline-size:100%;min-inline-size:0}.main{min-inline-size:0}.topbar .select{inline-size:auto;max-inline-size:240px}.topbar .search input{background:var(--surface);padding-inline-start:40px}.topbar .search svg.lead{color:var(--slate);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:12px;transform:translateY(-50%)}.search-results{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:30;background:#fff;max-block-size:70dvh;position:absolute;inset-block-start:calc(100% + 6px);inset-inline:0;overflow-y:auto}.search-results a{gap:var(--s3);padding:var(--s3) var(--s4);color:var(--ink);border-block-end:1px solid var(--line);align-items:center;text-decoration:none;display:flex}.search-results a:hover,.search-results a:focus{background:var(--primary-soft)}.search-results mark{color:inherit;background:#fef08a;border-radius:2px}.menu{position:relative}.menu-pop{border:1px solid var(--line);border-radius:var(--radius);min-inline-size:240px;box-shadow:var(--shadow-lg);padding:var(--s2);z-index:40;background:#fff;flex-direction:column;display:flex;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0}.menu-pop a,.menu-pop button{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--radius-sm);min-block-size:40px;color:var(--ink);cursor:pointer;text-align:start;font-size:var(--fs-sm);background:0 0;border:0;text-decoration:none;display:flex}.menu-pop a:hover,.menu-pop button:hover{background:var(--neutral-bg);text-decoration:none}.nav-toggle,.scrim{display:none}@media (max-width:1024px){.shell{grid-template-columns:minmax(0,1fr)}.sidenav{z-index:60;inline-size:min(300px,86vw);box-shadow:var(--shadow-lg);transition:transform .2s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-100%)}[dir=rtl] .sidenav{transform:translate(100%)}.shell.nav-open .sidenav{transform:translate(0)}.shell.nav-open .scrim{z-index:50;background:#0f172a66;display:block;position:fixed;inset:0}.nav-toggle{display:inline-flex}.page{padding:var(--s4)}}@media (max-width:640px){.topbar{padding-inline:var(--s3)}.topbar .hide-sm{display:none}.page{padding:var(--s4) var(--s4) var(--s8);gap:var(--s4)}.card-body{padding:var(--s4)}.card-header{padding:var(--s3) var(--s4)}h1{font-size:var(--fs-xl)}}.ess{background:var(--surface);flex-direction:column;min-block-size:100dvh;display:flex}.ess-top{z-index:20;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block-end:1px solid var(--line);background:#fffffff2;block-size:56px;display:flex;position:sticky;inset-block-start:0}.ess-top h1{font-size:var(--fs-lg)}.ess-main{inline-size:100%;max-inline-size:720px;padding:var(--s4) var(--s5) calc(var(--tab-h) + var(--s8) + env(safe-area-inset-bottom));gap:var(--s4);flex-direction:column;flex:1;margin-inline:auto;display:flex}.tabbar{z-index:30;block-size:calc(var(--tab-h) + env(safe-area-inset-bottom));border-block-start:1px solid var(--line);background:#fff;grid-template-columns:repeat(5,1fr);padding-block-end:env(safe-area-inset-bottom);display:grid;position:fixed;inset-block-end:0;inset-inline:0}.registrant .ess-main{padding-block-end:calc(var(--s8) + env(safe-area-inset-bottom))}html:has(.registrant){scroll-padding-block-start:calc(56px + var(--s2))}.register-steps{counter-reset:step;gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.register-steps li{counter-increment:step;align-items:center;gap:var(--s2);color:var(--muted);display:flex}.register-steps li:before{content:counter(step);border:1px solid var(--line);block-size:24px;inline-size:24px;font-weight:600;font-size:var(--fs-sm);border-radius:50%;flex:none;place-items:center;display:inline-grid}.register-steps li[aria-current=step]{color:var(--ink);font-weight:600}.register-steps li[aria-current=step]:before{background:var(--primary);border-color:var(--primary);color:#fff}html:has(.shell){scroll-padding-block-start:calc(var(--top-h) + var(--s2))}html:has(.has-tabbar){scroll-padding-block:calc(56px + var(--s2)) calc(var(--tab-h) + var(--s2) + env(safe-area-inset-bottom))}.tabbar a{text-align:center;min-inline-size:0;color:var(--slate);flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;padding-block-start:10px;padding-inline:2px;font-size:12px;font-weight:600;line-height:1.15;text-decoration:none;display:flex;position:relative}.tabbar a[aria-current=page]{color:var(--primary)}.tabbar a .badge-count{position:absolute;inset-block-start:6px;inset-inline-start:calc(50% + 6px)}@media (min-width:900px){.tabbar{border-inline:1px solid var(--line);border-start-start-radius:var(--radius);border-start-end-radius:var(--radius);inline-size:720px;inset-inline:50%;transform:translate(-50%)}[dir=rtl] .tabbar{transform:translate(50%)}}.tiles{gap:var(--s3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tile{justify-content:center;align-items:center;gap:var(--s2);padding:var(--s4) var(--s2);border:1px solid var(--line);border-radius:var(--radius);min-block-size:96px;color:var(--ink);text-align:center;font-weight:600;font-size:var(--fs-sm);box-shadow:var(--shadow);background:#fff;flex-direction:column;text-decoration:none;display:flex}.tile:hover{border-color:var(--primary);text-decoration:none}.tile .tile-icon{background:var(--primary-soft);block-size:44px;inline-size:44px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.list{flex-direction:column;display:flex}.list-item{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-block-end:1px solid var(--line);min-block-size:56px;color:var(--ink);text-align:start;cursor:pointer;background:0 0;border-block-start:0;border-inline:0;inline-size:100%;text-decoration:none;display:flex}.list-item:last-child{border-block-end:0}a.list-item:hover,button.list-item:hover{background:#f8fafc;text-decoration:none}.progress{background:var(--neutral-bg);border-radius:999px;block-size:8px;overflow:hidden}.progress>div{background:var(--primary);block-size:100%}.big-number{font-size:var(--fs-3xl);font-weight:700;line-height:1}.auth{min-block-size:100dvh;padding:var(--s5);background:linear-gradient(180deg, #eef3ff 0%, var(--surface) 55%);place-items:center;display:grid}.auth .card{inline-size:min(440px,100%)}.auth-head{justify-content:space-between;align-items:center;margin-block-end:var(--s5);display:flex}.kiosk{color:#fff;background:#0b1324;flex-direction:column;min-block-size:100dvh;display:flex}.kiosk-top{padding:var(--s4) var(--s6);font-size:var(--fs-lg);justify-content:space-between;align-items:center;display:flex}.kiosk-top .clock{font-size:var(--fs-3xl);font-weight:700}.kiosk-body{padding:var(--s6);justify-content:center;align-items:center;gap:var(--s8);flex-wrap:wrap;flex:1;display:flex}.kiosk-panel{color:var(--ink);padding:var(--s6);gap:var(--s4);background:#fff;border-radius:20px;flex-direction:column;inline-size:min(520px,100%);display:flex}.keypad{gap:var(--s3);grid-template-columns:repeat(3,1fr);display:grid}.keypad button{border:1px solid var(--line-strong);cursor:pointer;min-block-size:72px;color:var(--ink);background:#fff;border-radius:14px;font-size:1.75rem;font-weight:700}.keypad button:active{background:var(--primary-soft)}.kiosk-display{text-align:center;letter-spacing:.1em;background:var(--surface);direction:ltr;border-radius:14px;justify-content:center;align-items:center;min-block-size:64px;font-size:2.25rem;font-weight:700;display:flex}.kiosk-camera{aspect-ratio:4/3;background:#000;border-radius:20px;inline-size:min(520px,100%);position:relative;overflow:hidden}.kiosk-camera video{object-fit:cover;block-size:100%;inline-size:100%;transform:scaleX(-1)}.kiosk-result{text-align:center;align-items:center;gap:var(--s4);padding:var(--s8);border-radius:24px;flex-direction:column;inline-size:min(640px,100%);display:flex}.kiosk-result.ok{background:var(--ok-bg);color:var(--ok-fg)}.kiosk-result.bad{background:var(--bad-bg);color:var(--bad-fg)}.kiosk-result.warn{background:var(--warn-bg);color:var(--warn-fg)}.kiosk-result h2{font-size:2rem}.bilingual{flex-direction:column;gap:2px;display:flex}.bilingual [lang=ar]{font-size:.95em}.hero{justify-content:space-between;align-items:flex-end;gap:var(--s4);flex-wrap:wrap;display:flex}.hero h1{letter-spacing:-.02em;color:var(--navy);font-size:2rem}.hero .lead{color:var(--slate);margin-block-start:var(--s1)}.btn-pill{border-radius:var(--radius-pill)}.dash-grid{gap:var(--s4);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}@media (max-width:760px){.dash-grid{grid-template-columns:minmax(0,1fr)}}.stat-grid{gap:var(--s4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (max-width:1240px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card-title-row{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s5) var(--s5) 0;flex-wrap:wrap;display:flex}.card-title-row h2{font-size:var(--fs-xl);color:var(--navy)}.cal-nav{flex-wrap:nowrap}.cal-nav h2{text-align:center;flex:1;min-inline-size:0}@media (max-width:420px){.cal-nav h2{font-size:var(--fs-lg)}}.seg{background:var(--surface);border-radius:var(--radius-pill);gap:4px;padding:4px;display:inline-flex}.seg button{border-radius:var(--radius-pill);min-block-size:36px;font-weight:600;font-size:var(--fs-sm);color:var(--slate);cursor:pointer;background:0 0;border:0;padding:6px 14px}.seg button[aria-pressed=true]{background:var(--navy);color:#fff}.stat{gap:var(--s3);padding:var(--s5);color:var(--ink);flex-direction:column;min-inline-size:0;text-decoration:none;display:flex}a.stat:hover{text-decoration:none;box-shadow:0 8px 28px #0f172a14}.stat-head{align-items:center;gap:var(--s3);color:var(--ink);font-weight:600;display:flex}.stat-icon{color:#fff;background:var(--primary);border-radius:50%;flex:none;justify-content:center;align-items:center;block-size:44px;inline-size:44px;display:inline-flex}.stat-icon.t-late{background:#b45309}.stat-icon.t-leave{background:var(--c-leave)}.stat-icon.t-absent{background:var(--bad-fg)}.stat-value{letter-spacing:-.03em;color:var(--navy);font-size:2.5rem;font-weight:700;line-height:1}.stat-note{font-size:var(--fs-sm);color:var(--slate)}.stat-body{justify-content:space-between;align-items:flex-end;gap:var(--s3);display:flex}.spark{flex:none;align-items:flex-end;gap:4px;block-size:44px;display:flex}.spark i{background:var(--primary-soft);border-radius:4px;min-block-size:4px;inline-size:8px;display:block}.spark i.on{background:var(--primary)}.spark.t-late i.on{background:var(--c-late)}.spark.t-leave i.on{background:var(--c-leave)}.spark.t-absent i.on{background:var(--c-absent)}.trend{padding:var(--s4) var(--s5) var(--s5)}.trend-plot{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));align-items:end;gap:6px;block-size:220px;padding-block-start:28px;display:grid;position:relative}.trend-col{cursor:default;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;block-size:100%;min-inline-size:0;padding:0;display:flex;position:relative}.trend-col:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:12px}.trend-track{background:repeating-linear-gradient(135deg,#eef2f8 0 6px,#f8fafc 6px 12px);border-radius:12px;flex-direction:column-reverse;gap:2px;block-size:100%;inline-size:min(36px,100%);display:flex;position:relative;overflow:hidden}.trend-track span{flex:none;inline-size:100%;display:block}.trend-track span:last-child{border-start-start-radius:12px;border-start-end-radius:12px}.trend-col.today .trend-track{box-shadow:0 0 0 2px var(--navy)}.trend-x{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));font-size:var(--fs-xs);color:var(--slate);text-align:center;gap:6px;margin-block-start:var(--s2);display:grid}.trend-x .today{color:var(--navy);font-weight:700}.trend-tip{z-index:2;background:var(--navy);color:#fff;padding:var(--s2) var(--s3);font-size:var(--fs-xs);white-space:nowrap;box-shadow:var(--shadow-lg);pointer-events:none;border-radius:12px;position:absolute;inset-block-start:0;transform:translate(-50%)}[dir=rtl] .trend-tip{transform:translate(50%)}.trend-tip strong{font-size:var(--fs-sm);display:block}.trend-tip .row{flex-wrap:nowrap;gap:6px}.dot{border-radius:50%;flex:none;block-size:10px;inline-size:10px;display:inline-block}.dot.present{background:var(--c-present)}.dot.late{background:var(--c-late)}.dot.leave{background:var(--c-leave)}.dot.absent{background:var(--c-absent)}.dot.empty{background:var(--c-empty)}.dot.striped{background:repeating-linear-gradient(135deg,#cfd8e6 0 2px,#f1f5fa 2px 4px);box-shadow:inset 0 0 0 1px #cfd8e6}bdi.stat-value{align-self:flex-start;display:block}.chart-legend{gap:var(--s2) var(--s4);font-size:var(--fs-sm);color:var(--slate);flex-wrap:wrap;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.gauge{align-items:center;gap:var(--s2);padding:var(--s4) var(--s5) var(--s5);flex-direction:column;display:flex}.gauge svg{block-size:auto;inline-size:min(240px,100%)}.gauge .g-value{color:var(--navy);font-size:2.25rem;font-weight:700;line-height:1}.gauge-list{gap:var(--s2) var(--s4);inline-size:100%;font-size:var(--fs-sm);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--s2);display:grid}.gauge-list div{align-items:center;gap:var(--s2);display:flex}.gauge-list b{color:var(--navy);margin-inline-start:auto}.action-list{gap:var(--s2);padding:var(--s4) var(--s5) var(--s5);flex-direction:column;display:flex}.action{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;min-block-size:56px;text-decoration:none;display:flex;position:relative}.action:before{content:"";background:var(--primary);border-radius:4px;inline-size:4px;position:absolute;inset-block:10px;inset-inline-start:0}.action.t-warn:before{background:var(--c-late)}.action.t-bad:before{background:var(--c-absent)}.action.t-leave:before{background:var(--c-leave)}.action:hover{background:#f8faff;border-color:#c7d6f5;text-decoration:none}.action .count{background:var(--primary-soft);block-size:40px;min-inline-size:40px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;padding-inline:8px;font-weight:700;display:inline-flex}.branch-bars{gap:var(--s4);padding:var(--s4) var(--s5) var(--s5);flex-direction:column;display:flex}.branch-bars .b-row .row-between{flex-wrap:nowrap}.branch-bars .b-row{font-size:var(--fs-sm);flex-direction:column;gap:6px;display:flex}.branch-bars .b-track{border-radius:var(--radius-pill);background:repeating-linear-gradient(135deg,#eef2f8 0 6px,#f8fafc 6px 12px);block-size:14px;overflow:hidden}.branch-bars .b-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--primary), var(--primary-2));block-size:100%}[dir=rtl] .branch-bars .b-fill{background:linear-gradient(270deg, var(--primary), var(--primary-2))}.profile-hero{padding:0;display:block;position:relative;overflow:hidden}.profile-hero .cover{background:linear-gradient(120deg,#1d4ed8 0%,#3b82f6 55%,#93c5fd 100%);block-size:96px}[dir=rtl] .profile-hero .cover{background:linear-gradient(240deg,#1d4ed8 0%,#3b82f6 55%,#93c5fd 100%)}.profile-hero .hero-body{gap:var(--s5);padding:0 var(--s6) var(--s5);flex-wrap:wrap;align-items:flex-end;margin-block-start:-48px;display:flex}.profile-hero .avatar-ring{box-shadow:var(--shadow);background:#fff;border-radius:50%;flex:none;padding:4px;position:relative}.profile-hero .hero-main{gap:var(--s2);flex-direction:column;flex:320px;min-inline-size:0;padding-block-start:56px;display:flex}.profile-hero h1{color:var(--navy);letter-spacing:-.01em;font-size:1.75rem}.profile-hero .crumbs{padding:var(--s3) var(--s6) 0;color:#fff;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}.profile-hero .crumbs a{color:#fff;font-weight:600}.profile-hero .hero-actions{gap:var(--s2);flex-wrap:wrap;padding-block-start:56px;display:flex}.meta-chips{gap:var(--s2);flex-wrap:wrap;display:flex}.meta-chip{border-radius:var(--radius-pill);background:var(--surface);font-size:var(--fs-sm);color:var(--ink);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.meta-chip svg{color:var(--primary)}.meta-chip .muted{margin-inline-end:2px}.mini-stats{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));display:grid}.mini-stat{align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);display:flex}.mini-stat .v{font-size:var(--fs-2xl);color:var(--navy);font-weight:700;line-height:1.1}.mini-stat .l{font-size:var(--fs-sm);color:var(--slate)}@media (max-width:640px){.profile-hero .hero-body{padding:0 var(--s4) var(--s4);gap:var(--s3)}.profile-hero .hero-main,.profile-hero .hero-actions{padding-block-start:0}.profile-hero h1{font-size:var(--fs-xl)}.mini-stat{padding:var(--s3);gap:var(--s2)}.mini-stat .stat-icon{block-size:36px;inline-size:36px}.mini-stat .v{font-size:var(--fs-lg)}.hero h1{font-size:var(--fs-2xl)}.stat-value{font-size:2rem}}.today-hero{padding:var(--s5);color:#fff;gap:var(--s3);background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 50%,#3b82f6 100%);border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #1d4ed840}[dir=rtl] .today-hero{background:linear-gradient(225deg,#1d4ed8 0%,#2563eb 50%,#3b82f6 100%)}.today-hero:after{content:"";background:#ffffff1a;border-radius:50%;block-size:180px;inline-size:180px;position:absolute;inset-block-start:-60px;inset-inline-end:-40px}.today-hero .eyebrow{font-size:var(--fs-sm);opacity:.92;align-items:center;gap:6px;font-weight:600;display:flex}.today-hero .shift{letter-spacing:-.01em;font-size:1.75rem;font-weight:700}.today-hero .sub{font-size:var(--fs-sm);opacity:.92}.today-hero a{color:#fff;text-underline-offset:3px;z-index:1;font-weight:600;text-decoration:underline;position:relative}.today-hero .pill{z-index:1;background:#fff;position:relative}.quick{gap:var(--s2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.quick a{align-items:center;gap:var(--s2);color:var(--ink);font-size:var(--fs-xs);text-align:center;padding-block:var(--s2);border-radius:14px;flex-direction:column;font-weight:600;text-decoration:none;display:flex}.quick a:hover{background:#fff;text-decoration:none}.quick .q-icon{block-size:56px;inline-size:56px;color:var(--primary);box-shadow:var(--shadow);border:1px solid var(--line);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.month-cal{padding:var(--s4) var(--s5) var(--s3);grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.month-cal .dow{text-align:center;font-size:var(--fs-xs);color:var(--slate);font-weight:600}.month-cal .md{aspect-ratio:1;font-size:var(--fs-sm);color:var(--ink);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;min-inline-size:0;font-weight:600;display:flex}.month-cal .md.blank{opacity:.6;background:repeating-linear-gradient(135deg,#eef2f8 0 5px,#f8fafc 5px 10px)}.month-cal .md.present{background:var(--c-present);color:#fff}.month-cal .md.late{color:#78350f;box-shadow:inset 0 0 0 2px var(--c-late);background:#fde68a}.month-cal .md.leave{background:var(--c-leave);color:#fff}.month-cal .md.absent{background:var(--c-absent);color:#fff}.month-cal .md.pending{color:var(--warn-fg);background:#fff;box-shadow:inset 0 0 0 2px #d97706}.month-cal .md.off{background:var(--surface);color:var(--slate)}.month-cal .md.future{color:var(--slate);box-shadow:inset 0 0 0 1px var(--line);background:#fff;font-weight:500}.month-cal .md.today{outline:3px solid var(--navy);outline-offset:2px}.month-sum{gap:var(--s2);padding:0 var(--s5) var(--s5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.month-sum div{padding:var(--s2);background:var(--surface);font-size:var(--fs-xs);color:var(--slate);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:2px;display:flex}.month-sum b{font-size:var(--fs-xl);color:var(--navy)}.ring-list{gap:var(--s4);padding:var(--s4) var(--s5) var(--s5);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));display:grid}.ring{align-items:center;gap:var(--s3);min-inline-size:0;display:flex}.ring svg{flex:none}.ring .r-name{font-weight:600;font-size:var(--fs-sm);overflow-wrap:anywhere}.ring .r-sub{font-size:var(--fs-xs);color:var(--slate)}@media (max-width:380px){.month-cal{padding-inline:var(--s3);gap:5px}.quick .q-icon{block-size:50px;inline-size:50px}}.stat{--tint:#eef3ff;--tint-line:#dbe5fb;--tone:var(--primary);background:var(--tint);border-color:var(--tint-line);box-shadow:none}.stat.p-people{--tint:#f1f0ff;--tint-line:#e2e0fb;--tone:#4f46e5}.stat.p-present{--tint:#eaf2ff;--tint-line:#d3e3fd;--tone:var(--c-present)}.stat.p-leave{--tint:#e6f6f3;--tint-line:#c9ebe4;--tone:var(--c-leave)}.stat.p-late{--tint:#fff5e1;--tint-line:#fbe3b3;--tone:#b45309}.stat.p-absent{--tint:#fdeeee;--tint-line:#f8d4d4;--tone:var(--c-absent)}.stat .stat-icon{color:var(--tone);background:#fff;box-shadow:0 1px 2px #0f172a0f}a.stat:hover{border-color:var(--tone);box-shadow:0 8px 24px #0f172a14}.stat .kpi-label{color:var(--ink)}.stat-unit{font-size:var(--fs-sm);color:var(--slate);letter-spacing:0;margin-inline-start:6px;font-weight:600}.spark{block-size:40px}.spark i{background:var(--tone);opacity:.4;min-block-size:3px}.spark i.today{opacity:1}.spark i.zero{opacity:1;background:#0f172a1f}@media (max-width:560px){.stat-grid{gap:var(--s2);grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:var(--s3);gap:var(--s2);border-radius:16px}.stat .stat-head{gap:var(--s2);font-size:var(--fs-xs);align-items:flex-start;line-height:1.25}.stat .stat-icon{block-size:30px;inline-size:30px}.stat .stat-icon svg{block-size:16px;inline-size:16px}.stat .stat-value{font-size:1.6rem}.stat .stat-note{font-size:var(--fs-xs)}.stat .spark{gap:2px;block-size:26px}.stat .spark i{border-radius:3px;inline-size:5px}.stat-body{align-items:flex-end}}.state.state-compact{text-align:start;padding:var(--s4) var(--s5);justify-content:flex-start;gap:var(--s3);flex-direction:row}.state.state-compact .state-icon{background:var(--ok-bg);block-size:36px;inline-size:36px;color:var(--ok-fg)}.state.state-compact h3{font-size:var(--fs-sm);font-weight:600}.card-title-row+.state-compact,.card-title-row+div>.state-compact{padding-block-start:var(--s3)}.trend-wrap{gap:var(--s2);grid-template-columns:auto minmax(0,1fr);display:grid}.trend-y{block-size:220px;font-size:var(--fs-xs);color:var(--slate);text-align:end;min-inline-size:18px;padding-block-start:28px;position:relative}.trend-y span{line-height:1;position:absolute;inset-inline-end:0;transform:translateY(50%)}.trend-grid{pointer-events:none;position:absolute;inset:28px 0 0}.trend-grid i{border-block-start:1px dashed #dfe5ef;position:absolute;inset-inline:0}.trend-unit{font-size:var(--fs-xs);color:var(--slate)}.trend-tip{min-inline-size:150px}.trend-tip .row{justify-content:space-between}.trend-tip .row span{align-items:center;gap:6px;display:inline-flex}.trend-tip .tip-total{border-block-start:1px solid #ffffff40;margin-block-start:4px;padding-block-start:4px;font-weight:700}.trend-tip.edge-start{transform:none}.trend-tip.edge-end{transform:translate(-100%)}[dir=rtl] .trend-tip.edge-start{transform:none}[dir=rtl] .trend-tip.edge-end{transform:translate(100%)}.trend-col{cursor:pointer}.trend-col.active .trend-track{box-shadow:0 0 0 2px var(--primary)}.chart-legend b{color:var(--navy);font-weight:700}.chart-hint{font-size:var(--fs-xs);color:var(--slate);padding:0 var(--s5) var(--s4)}.demo-banner{justify-content:center;align-items:center;gap:var(--s2);padding:6px var(--s4);color:#3730a3;font-size:var(--fs-xs);text-align:center;background:#f1f0ff;border-block-end:1px solid #e2e0fb;font-weight:600;display:flex}@media (max-width:640px){.profile-hero .cover{block-size:64px}.profile-hero .crumbs{padding:var(--s2) var(--s4) 0;font-size:var(--fs-sm)}.profile-hero .hero-body{flex-wrap:nowrap;align-items:flex-end;margin-block-start:-36px}.profile-hero .avatar-xl{block-size:68px;inline-size:68px;font-size:var(--fs-xl)}.profile-hero .avatar-badge{block-size:22px;inline-size:22px}.profile-hero .hero-main{gap:4px;padding-block-start:40px!important}.profile-hero .hero-main .row{gap:6px}.profile-hero .hero-meta{padding:0 var(--s4) var(--s4)!important;gap:var(--s3)!important}.meta-chips{gap:6px}.meta-chip{font-size:var(--fs-xs);padding:4px 10px}.meta-chip .chip-label{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.hero-actions-row{scrollbar-width:none;margin-inline:calc(-1 * var(--s4));padding-inline:var(--s4);padding-block:2px;overflow-x:auto;flex-wrap:nowrap!important}.hero-actions-row::-webkit-scrollbar{display:none}.hero-actions-row>*,.hero-actions-row .btn{white-space:nowrap;flex:none}.hero-actions-row .btn{min-block-size:40px;font-size:var(--fs-sm);padding-inline:12px}}.page-header h1{color:var(--navy);letter-spacing:-.01em;font-size:1.75rem}.page-title{align-items:center;gap:var(--s3);min-inline-size:0;display:flex}.page-icon{block-size:48px;inline-size:48px;color:var(--primary);background:#eef3ff;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 1px #dbe5fb}.page-icon.g-people{color:#4f46e5;background:#f1f0ff;box-shadow:inset 0 0 0 1px #e2e0fb}.page-icon.g-time{color:#1d4ed8;background:#eaf2ff;box-shadow:inset 0 0 0 1px #d3e3fd}.page-icon.g-pay{color:#0f766e;background:#e6f6f3;box-shadow:inset 0 0 0 1px #c9ebe4}.page-icon.g-relations{color:#b45309;background:#fff5e1;box-shadow:inset 0 0 0 1px #fbe3b3}.page-icon.g-admin{color:#334155;background:#f1f5f9;box-shadow:inset 0 0 0 1px #e2e8f0}.page-actions .btn{border-radius:var(--radius-pill)}.btn{border-radius:var(--radius-pill);padding-inline:var(--s5)}.btn-sm{padding-inline:var(--s4)}.btn-primary{box-shadow:0 4px 12px #1d4ed82e}.btn-secondary{border-color:var(--line-strong)}.input,.select,.textarea{background:#fbfcfe;border-color:#d5dde9;border-radius:12px}.input:focus,.select:focus,.textarea:focus{background:#fff}.file-drop{background:#fbfcfe;border-radius:16px}.alert{border-radius:14px;flex-wrap:wrap}.alert>.grow{flex:220px;min-inline-size:0}.alert>.btn,.alert>a.btn{margin-inline-start:auto}.chip{min-block-size:40px}.card-header{padding-block:var(--s4);border-block-end-color:#eef2f8}.card-header h2,.card-header h3,.section-title{color:var(--navy)}.card-footer{border-block-start-color:#eef2f8}.toolbar{background:#fbfcfe;border-block-end-color:#eef2f8}.table th{color:var(--slate);font-size:var(--fs-xs);letter-spacing:.02em;background:#f7f9fc}.table th:first-child,.table td:first-child{padding-inline-start:var(--s5)}.table th:last-child,.table td:last-child{padding-inline-end:var(--s5)}.table td{border-block-end-color:#eef2f8}.table tbody tr:hover td{background:#f7faff}.dl dt{color:var(--slate)}.list-item{border-block-end-color:#eef2f8}a.list-item:hover,button.list-item:hover{background:#f7faff}.list-item .chev{color:#94a3b8}.list-item>svg{flex:none}.list.card .list-item:first-child{border-start-start-radius:var(--radius);border-start-end-radius:var(--radius)}.list.card .list-item:last-child{border-end-end-radius:var(--radius);border-end-start-radius:var(--radius)}@media (max-width:640px){.table-cards tbody{gap:var(--s2);padding:var(--s3);flex-direction:column;display:flex!important}.table-cards tr{padding:var(--s3) var(--s4);background:#fff;border-radius:14px;border:1px solid #e6ebf4!important}.table-cards tr:hover td{background:0 0}.table-cards td:first-child,.table-cards td:last-child{padding-inline:0}.page-header h1{font-size:var(--fs-xl)}.page-icon{block-size:40px;inline-size:40px}.page-icon svg{block-size:20px;inline-size:20px}.page-actions{inline-size:100%}.page-actions>.btn,.page-actions>a.btn{flex:auto}}.kpi{box-shadow:none;background:#eef3ff;border-color:#dbe5fb}.kpi.p-pay{background:#e6f6f3;border-color:#c9ebe4}.kpi.p-late{background:#fff5e1;border-color:#fbe3b3}.kpi.p-absent{background:#fdeeee;border-color:#f8d4d4}.kpi .kpi-label{color:var(--ink)}.tabs{box-shadow:none}dialog.dialog{border-radius:22px}.dialog-head{border-block-end-color:#eef2f8}.dialog-head h2{color:var(--navy)}.dialog-foot{border-block-start-color:#eef2f8}.progress>div,.bar-fill{background:linear-gradient(90deg, var(--primary), var(--primary-2))}[dir=rtl] .progress>div,[dir=rtl] .bar-fill{background:linear-gradient(270deg, var(--primary), var(--primary-2))}.timeline .dot.current{border-color:var(--primary)}.cal .day{border-color:#e6ebf4;border-radius:14px}.cal .day.today{outline-color:var(--navy)}.st-PRESENT,.st-IN_PROGRESS{color:#1d4ed8;background:#eaf2ff!important}.st-LATE,.st-EARLY_DEPARTURE,.st-PARTIALLY_ABSENT,.st-INCOMPLETE,.st-UNSCHEDULED_WORK{color:#92400e;background:#fff5e1!important}.st-ABSENT,.st-MISSED{color:#b91c1c;background:#fdeeee!important}.st-LEAVE,.st-SICK_LEAVE{color:#0f766e;background:#e6f6f3!important}.tile{border-radius:18px}.tile .tile-icon{border-radius:50%}.ess-main .page-header h1{font-size:var(--fs-2xl)}.auth{background:radial-gradient(1200px 500px at 50% -10%, #dbe6ff 0%, #eef3ff 40%, var(--surface) 75%)}.auth .card{border-radius:24px;box-shadow:0 20px 50px #0f172a1a}.kiosk{background:radial-gradient(1000px 600px at 50% 0,#1e3a8a 0%,#0b1b3f 55%,#081430 100%)}.kiosk-panel{border-radius:28px;box-shadow:0 24px 60px #0000004d}.keypad button{background:#f6f8fc;border-color:#e2e8f0;border-radius:20px;box-shadow:0 1px #e2e8f0}.keypad button:hover{background:#eef3ff}.kiosk-display{background:#f3f6fb;border-radius:18px}.kiosk-start{box-shadow:0 20px 40px #2563eb59;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 60%,#1e40af 100%)!important;border-radius:32px!important}.kiosk-result{border-radius:28px}.kiosk .btn-lg{border-radius:20px}@media (max-width:640px){.tabs{border-radius:22px;flex-wrap:wrap;inline-size:auto;overflow:visible}.tabs .tab{flex:auto;justify-content:center}.toolbar{padding:var(--s3) var(--s4);gap:var(--s2) var(--s3)}.toolbar>.grow,.toolbar>.field{flex:100%;min-inline-size:0!important}}.cal .dow-narrow{text-decoration:none;display:none}@media (max-width:480px){.cal .dow-short{display:none}.cal .dow-narrow{display:inline}}@media print{.sidenav,.topbar,.tabbar,.no-print{display:none!important}.shell{display:block}body{background:#fff}.card{box-shadow:none}}@media (max-width:640px){.hide-sm{display:none!important}.lang-switch .show-sm{display:inline}.lang-switch{padding-inline:10px}}.kiosk-face-guide{pointer-events:none;border:3px dashed #ffffff8c;border-radius:50%;position:absolute;inset:12% 30%}.kiosk-cam-on{align-items:center;gap:var(--s2);color:#dcfce7;background:#22c55e26;border:1px solid #86efac;border-radius:999px;padding:6px 12px;font-weight:600;display:inline-flex}.kiosk-cam-on .bilingual{gap:var(--s2);flex-direction:row}.kiosk-cam-on .dot{background:#22c55e;border-radius:50%;block-size:10px;inline-size:10px;box-shadow:0 0 0 3px #22c55e4d}.kiosk-timing{pointer-events:none;max-inline-size:min(720px,100vw - 24px);padding:var(--s3);color:#e2e8f0;z-index:50;background:#000000b3;border-radius:12px;flex-direction:column;gap:2px;font:12px/1.4 ui-monospace,monospace;display:flex;position:fixed;inset-block-end:12px;inset-inline-start:12px}.kiosk-camera-note{justify-content:center;align-items:center;gap:var(--s3);padding:var(--s6);text-align:center;color:#e2e8f0;background:#0b1324;flex-direction:column;display:flex;position:absolute;inset:0}.kiosk-guidance{align-items:center;gap:var(--s3);padding:var(--s4) var(--s5,20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex}.kiosk-guidance.ok{background:var(--ok-bg);color:var(--ok-fg);border-color:#86efac}.kiosk-demo{gap:var(--s3);padding:var(--s4);background:#fcd34d1a;border:2px dashed #fcd34d;border-radius:20px;flex-direction:column;display:flex}.kiosk-demo .input{font-size:var(--fs-lg)}.kiosk-demo-grid{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.month-cal button.md{cursor:pointer;font:inherit;border:0;padding:0;font-weight:600}.month-cal .md.sched-duty,.sched-row .md.sched-duty{background:var(--c-present);color:#fff}.month-cal .md.sched-off,.sched-row .md.sched-off{background:var(--surface);color:var(--slate);box-shadow:inset 0 0 0 1px var(--line-strong)}.month-cal .md.sched-leave,.sched-row .md.sched-leave{background:var(--c-leave);color:#fff}.month-cal .md.sched-none,.sched-row .md.sched-none{color:var(--slate);box-shadow:inset 0 0 0 1px var(--line);background:#fff;font-weight:500}.month-cal .md.part-leave{box-shadow:inset 0 0 0 3px var(--c-leave)}.month-cal .md.sel{outline:3px solid var(--primary-2);outline-offset:2px}.month-cal .md.today.sel{outline-color:var(--navy)}.sched-row .md{block-size:40px;inline-size:40px;font-weight:600;font-size:var(--fs-sm);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.sched-row .md.today{outline:3px solid var(--navy);outline-offset:2px}.sched-row.sel{background:var(--primary-soft)}.sched-legend{gap:var(--s4);padding:0 var(--s5) var(--s5);font-size:var(--fs-xs);color:var(--slate);flex-wrap:wrap;display:flex}.sched-legend span{align-items:center;gap:6px;display:inline-flex}.month-cal .md.plan-duty{color:var(--c-present);box-shadow:inset 0 0 0 2px var(--c-present);background:#fff;font-weight:700}.month-cal .md.plan-leave{color:var(--ok-fg);box-shadow:inset 0 0 0 2px var(--c-leave);background:#fff;font-weight:700}.month-cal .md.plan-off{background:var(--surface);color:var(--slate);border:2px dashed #94a3b8;font-weight:600}.dot.plan-duty{box-shadow:inset 0 0 0 2px var(--c-present);background:#fff}.dot.plan-leave{box-shadow:inset 0 0 0 2px var(--c-leave);background:#fff}.dot.plan-off{background:var(--surface);box-sizing:border-box;border:2px dashed #94a3b8}.checklist{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.checklist li{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);background:var(--surface);border-radius:12px;min-inline-size:0;display:flex}.checklist li.todo{background:var(--warn-bg)}.checklist li .cell-title{display:block}.checklist .t-ok{color:var(--ok-fg);flex:none}.checklist .t-todo{color:var(--warn-fg);flex:none}.profile-form .req,.req{color:var(--bad-fg)}.section-label{font-size:var(--fs-xs);color:var(--slate);text-transform:none;font-weight:700}.live-camera{aspect-ratio:4/3;background:#0b1324;border-radius:16px;inline-size:100%;max-inline-size:520px;margin-inline:auto;position:relative;overflow:hidden}.live-camera video{object-fit:cover;block-size:100%;inline-size:100%;display:block;transform:scaleX(-1)}.live-camera.live-review img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.live-face-guide{pointer-events:none;border:3px dashed #ffffffbf;border-radius:50%;position:absolute;inset-block:12% 10%;inset-inline:28%}.consent-box{padding:var(--s3) var(--s4);border:1px solid var(--line-strong);background:var(--surface);border-radius:12px}.consent-box .check{align-items:flex-start}.consent-box .check input{flex:none;margin-block-start:2px}.bank-row,.cert-row{gap:var(--s2);padding:var(--s3) var(--s4);border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;display:flex}.bank-row[data-status=SUBMITTED],.cert-row[data-status=PENDING]{border-color:#fcd34d}.plain-list{gap:var(--s2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}details.history summary{cursor:pointer;font-size:var(--fs-sm);color:var(--primary);align-items:center;min-block-size:44px;font-weight:600;display:flex}.subform{padding:var(--s4);border:1px solid var(--line);background:var(--surface);border-radius:14px}.iban{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm);overflow-wrap:anywhere}.weekday-picker{border:0;min-inline-size:0;margin:0;padding:0}.weekday-picker legend{margin-block-end:var(--s2);padding:0}.weekday-options{gap:var(--s2);flex-wrap:wrap;display:flex}.field .weekday-option{padding:0 var(--s3);border:1px solid var(--line-strong);background:#fff;border-radius:999px;min-block-size:40px;font-weight:500}.weekday-option:has(input:checked){background:var(--primary-soft);border-color:var(--primary)}:root{--day-duty:#4f46e5;--day-duty-2:#6d28d9;--day-leave:#15803d;--day-holiday:#c2410c;--day-off-bg:#eef1f6;--day-off-line:#cfd6e2;--att-present:#047857;--att-late:#b45309;--att-absent:#b91c1c;--att-leave:#0f766e;--att-pending:#92400e}.month-cal .md[class*=day-]{aspect-ratio:1;font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;min-inline-size:0;padding:0;font-weight:700;display:flex;position:relative}.md.day-duty{background:linear-gradient(135deg, var(--day-duty), var(--day-duty-2));color:#fff}.md.day-leave{background:var(--day-leave);color:#fff}.md.day-off{background:repeating-linear-gradient(135deg, var(--day-off-bg) 0 5px, #e2e7ef 5px 7px);color:#334155;box-shadow:inset 0 0 0 1px var(--day-off-line)}.md.day-none{color:var(--slate);box-shadow:inset 0 0 0 1px var(--line);background:#fff;font-weight:600}.md.day-none.day-holiday,.md.day-off.day-holiday{background:var(--day-holiday);color:#fff;box-shadow:none}.md.day-duty.part-leave{box-shadow:inset 0 0 0 3px #86efac}.md .md-n{z-index:1;font-variant-numeric:tabular-nums;position:relative}.md.today .md-n:after{content:"";background:currentColor;border-radius:3px;block-size:3px;position:absolute;inset-block-end:-5px;inset-inline:-3px}.month-cal .md[class*=day-].today{outline:0}.month-cal .md[class*=day-].sel,.md.sel[class*=day-]{outline:3px solid var(--ink);outline-offset:2px}.att-badge{color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;block-size:18px;inline-size:18px;display:inline-flex;position:absolute;inset-block-start:-5px;inset-inline-end:-5px;box-shadow:0 0 0 2px #fff}.att-badge.inline{flex:none;position:static}.att-present{background:var(--att-present)}.att-late{background:var(--att-late)}.att-absent{background:var(--att-absent)}.att-leave{background:var(--att-leave)}.att-pending{color:var(--att-pending);background:#fff;box-shadow:0 0 0 2px #fff,inset 0 0 0 2px #d97706}.hol-flag{background:var(--day-holiday);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;block-size:18px;inline-size:18px;display:inline-flex;position:absolute;inset-block-start:-5px;inset-inline-start:-5px;box-shadow:0 0 0 2px #fff}.md.day-holiday.day-none .hol-flag,.md.day-holiday.day-off .hol-flag{color:var(--day-holiday);box-shadow:0 0 0 2px var(--day-holiday);background:#fff}.hol-flag.inline{block-size:16px;inline-size:16px;box-shadow:none;flex:none;position:static}.plan-swatch{border-radius:6px;flex:none;justify-content:center;align-items:center;block-size:18px;inline-size:22px;display:inline-flex;position:relative}.plan-swatch.day-duty{background:linear-gradient(135deg, var(--day-duty), var(--day-duty-2))}.plan-swatch.day-leave{background:var(--day-leave)}.plan-swatch.day-off{background:repeating-linear-gradient(135deg, var(--day-off-bg) 0 3px, #d5dce7 3px 5px);box-shadow:inset 0 0 0 1px var(--day-off-line)}.plan-swatch.day-none{box-shadow:inset 0 0 0 1px var(--line-strong);background:#fff}.plan-swatch.day-holiday{background:var(--day-holiday);box-shadow:none}.key-today{background:var(--ink);border-radius:3px;block-size:3px;inline-size:16px;margin-inline:3px;display:inline-block}.key-selected{outline:3px solid var(--ink);outline-offset:1px;background:#fff;border-radius:5px;block-size:16px;inline-size:16px;margin-inline:3px;display:inline-block}.cal-legend{gap:var(--s2);padding:0 var(--s5) var(--s4);font-size:var(--fs-xs);color:var(--slate);flex-direction:column;display:flex}.cal-legend-group{align-items:center;gap:var(--s2) var(--s4);flex-wrap:wrap;display:flex}.cal-legend-title{color:var(--ink);min-inline-size:0;font-weight:700}.cal-legend-item{align-items:center;gap:6px;display:inline-flex}.cal-holidays{padding:0 var(--s5) var(--s4);font-size:var(--fs-sm);flex-direction:column;gap:6px;margin:0;list-style:none;display:flex}.cal-holidays li{align-items:center;gap:var(--s2);display:flex}.cal-holidays .hol-flag{position:static}.sched-row .md[class*=day-]{block-size:40px;inline-size:40px;font-weight:700;font-size:var(--fs-sm);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.sched-row .md[class*=day-].today{outline:0}.cal .day{position:relative}.cal .day .att-badge{block-size:16px;inline-size:16px;inset-block-start:-4px;inset-inline-end:-4px}.cal .day .hol-flag{block-size:16px;inline-size:16px;inset-block-start:-4px;inset-inline-start:-4px}.cal .day.today{outline:0}.cal .day.today .d{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:3px}.cal .day.sel{box-shadow:none;outline:3px solid var(--ink);outline-offset:1px}@media (max-width:400px){.att-badge,.hol-flag{block-size:15px;inline-size:15px;inset-block-start:-4px}.att-badge{inset-inline-end:-4px}.hol-flag{inset-inline-start:-4px}.att-badge svg,.hol-flag svg{block-size:9px;inline-size:9px}.cal-legend,.cal-holidays{padding-inline:var(--s3)}}@media (forced-colors:active){.md[class*=day-],.plan-swatch{forced-color-adjust:none}}.dot.sched-duty{background:linear-gradient(135deg, var(--day-duty), var(--day-duty-2))}.dot.sched-leave{background:var(--day-leave)}.dot.sched-off{background:repeating-linear-gradient(135deg, var(--day-off-bg) 0 2px, #cfd6e2 2px 4px);box-shadow:inset 0 0 0 1px var(--day-off-line)}