@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-Cygz-XR6.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-NAt9AhwD.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-COF6noiJ.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-DmRB7q_B.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BBd_G3i-.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-hI9Kr37g.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-kGSpR5A9.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-DN3Amd4H.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-CFRgRepe.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-Czy-B68B.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-DrBIvsIy.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-DOZeTYVF.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #1b2226;--ink-2: #37444a;--muted: #5d6a6f;--faint: #8d999d;--line: #e0e6e4;--line-soft: #edf1ef;--line-strong: #c9d2cf;--canvas: #f3f5f4;--surface: #ffffff;--sunken: #f7f9f8;--accent: #1f5f5b;--accent-hover: #184c49;--accent-soft: #e2efed;--accent-mid: #9cc5bf;--accent-deep: #0f3e3b;--alert: #a32f38;--alert-soft: #fbe8e9;--alert-line: #efc2c6;--warn: #875300;--warn-bright: #d99a2b;--warn-soft: #fcf0d8;--warn-line: #efd8a8;--ok: #1d6a43;--ok-soft: #e1f1e7;--info: #3d5a73;--info-soft: #e8eef4;--now: #d0442f;--side: #142220;--side-2: #1b2d2a;--side-ink: #dbe7e4;--side-muted: #8fa7a2;--side-accent: #7cc4b8;--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 2px rgba(20, 34, 32, .05), 0 2px 8px rgba(20, 34, 32, .04);--shadow-lg: 0 18px 48px rgba(20, 34, 32, .18);font-family:DM Sans,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;font-size:14px;font-weight:400;line-height:1.45;-webkit-font-smoothing:antialiased}:root[lang=ar]{font-family:Noto Sans Arabic,DM Sans,sans-serif}:root[lang=ar] h1,:root[lang=ar] h2,:root[lang=ar] h3{letter-spacing:normal}*{box-sizing:border-box}body{margin:0;background:var(--canvas)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}h1{font-size:26px;font-weight:650;letter-spacing:-.02em;line-height:1.2}h2{font-size:16px;font-weight:600;letter-spacing:-.005em}h3{font-size:14px;font-weight:600}strong{font-weight:600}ul,ol{margin:0;padding:0}a{color:var(--accent)}.sub{display:block;color:var(--muted);font-size:12.5px;font-weight:400}.numeric,.num{font-variant-numeric:tabular-nums}.num{text-align:end;white-space:nowrap}.wordmark,pre,code{direction:ltr;unicode-bidi:isolate}pre{text-align:left}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:6px 13px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}button:hover:not(:disabled){background:#eef2f1;border-color:#b4c0bc}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.icon{min-width:34px;padding:6px;border-color:transparent;background:transparent;color:var(--muted)}button.icon:hover:not(:disabled){background:var(--line-soft);color:var(--ink)}button.text,button.link{min-height:28px;padding:3px 8px;border-color:transparent;background:transparent;color:var(--accent)}button.text:hover:not(:disabled),button.link:hover:not(:disabled){background:var(--accent-soft);border-color:transparent}button.danger,.danger-text{color:var(--alert)}button.small{min-height:28px;padding:3px 10px;font-size:12.5px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{min-height:36px;padding:7px 11px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);outline:none;transition:border-color .12s ease,box-shadow .12s ease}input:hover,select:hover{border-color:#b4c0bc}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1f5f5b29}input[type=checkbox],input[type=radio]{min-height:0;width:16px;height:16px;accent-color:var(--accent)}label{display:grid;gap:6px;color:var(--ink-2);font-size:13px;font-weight:500}label.inline{display:inline-flex;align-items:center;gap:8px}kbd{display:inline-block;min-width:22px;padding:1px 6px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;background:var(--sunken);color:var(--ink-2);font-family:inherit;font-size:11.5px;text-align:center}.segmented{display:inline-flex;flex-wrap:wrap;padding:3px;border:1px solid var(--line);border-radius:calc(var(--radius-sm) + 3px);background:#e9eeec}.segmented button{min-height:28px;padding:3px 12px;border:0;border-radius:6px;background:transparent;color:var(--muted)}.segmented button:hover:not(:disabled){background:transparent;color:var(--ink)}.segmented button.selected{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #1422201f}.badge,.chip{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:10px;background:#e9eeec;color:#43525a;font-size:12px;font-weight:500;white-space:nowrap}.badge.ok,.chip.ok{background:var(--ok-soft);color:var(--ok)}.badge.alert,.chip.alert{background:var(--alert-soft);color:var(--alert)}.badge.warn,.chip.warn{background:var(--warn-soft);color:var(--warn)}.badge.info,.chip.info{background:var(--info-soft);color:var(--info)}.badge.accent,.chip.accent{background:var(--accent-soft);color:var(--accent)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--faint)}.dot.ok{background:#2f9e67}.dot.alert{background:var(--alert)}.dot.warn{background:var(--warn-bright)}.dot.live{background:#2f9e67;box-shadow:0 0 #2f9e6780;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px #2f9e6700}to{box-shadow:0 0 #2f9e6700}}.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}aside.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:18px;height:100vh;padding:20px 12px 14px;overflow-y:auto;background:var(--side);color:var(--side-ink)}.wordmark{font-size:26px;font-weight:650;letter-spacing:-.04em;color:var(--ink)}.wordmark span{color:var(--accent)}aside.sidebar .wordmark{padding:0 10px;color:#fff}aside.sidebar .wordmark span{color:var(--side-accent)}.workspace{margin-top:-12px;padding:0 10px;color:var(--side-muted);font-size:12.5px}.palette-trigger{justify-content:space-between;width:100%;border-color:#ffffff1a;background:var(--side-2);color:var(--side-muted);font-weight:400}.palette-trigger:hover:not(:disabled){background:#22393a;border-color:#ffffff2e;color:var(--side-ink)}.palette-trigger kbd{border-color:#ffffff29;background:transparent;color:var(--side-muted)}nav.side-nav{display:grid;gap:16px}.nav-group{display:grid;gap:2px}.nav-group h2{padding:0 10px 4px;color:var(--side-muted);font-size:11.5px;font-weight:500;letter-spacing:.02em}.nav-group button{justify-content:flex-start;gap:11px;width:100%;min-height:36px;padding:7px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--side-ink);font-weight:500}.nav-group button:hover:not(:disabled){background:#ffffff0f}.nav-group button.selected{background:#7cc4b824;color:#fff;box-shadow:inset 3px 0 0 var(--side-accent)}:root[dir=rtl] .nav-group button.selected{box-shadow:inset -3px 0 0 var(--side-accent)}.nav-group button svg{color:var(--side-muted);flex-shrink:0}.nav-group button.selected svg{color:var(--side-accent)}.nav-count{margin-inline-start:auto;padding:0 7px;border-radius:9px;background:var(--alert);color:#fff;font-size:11px;font-weight:700}.account{display:flex;align-items:center;gap:10px;margin-top:auto;padding:12px 10px 0;border-top:1px solid rgba(255,255,255,.08)}.account .avatar{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--side-2);color:var(--side-accent);font-weight:700}.account>div{min-width:0;flex:1}.account strong{display:block;overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}.account .sub,.account button.icon{color:var(--side-muted)}.account button.icon:hover:not(:disabled){background:#ffffff14;color:#fff}main{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:14px;min-height:60px;padding:10px 32px;border-bottom:1px solid var(--line);background:#f3f5f4e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.crumbs{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.crumbs strong{color:var(--ink)}.slash{color:var(--faint)}.topbar .topbar-meta{display:flex;align-items:center;gap:14px;margin-inline-start:auto}.topbar .clock{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.menu-toggle{display:none}.content{max-width:1520px;margin:0 auto;padding:28px 32px 40px}.page-heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.page-heading p{margin-top:6px;max-width:70ch;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.page-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;padding-top:16px;border-top:1px solid var(--line);color:var(--faint);font-size:12px}.page-footer span{display:inline-flex;align-items:center;gap:6px}section.panel,.panel{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.panel+.panel,.stack>*+*{margin-top:18px}.section-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:16px 20px 12px}.section-title h2{display:flex;align-items:center;gap:8px}.panel-body{padding:0 20px 18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-3-1{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px}.legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:var(--muted);font-size:12px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{display:inline-block;width:12px;height:8px;border-radius:3px;background:var(--accent)}.legend i.alt{background:var(--accent-mid)}.legend i.alert{background:var(--alert)}.legend i.warn{background:var(--warn-bright)}.legend i.open{background:repeating-linear-gradient(90deg,var(--accent) 0 4px,transparent 4px 7px)}.legend i.now{width:2px;height:12px;background:var(--now)}.figures{display:flex;flex-wrap:wrap;margin:0 0 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.figures>div,.figures>button{flex:1 1 160px;display:grid;align-content:start;gap:2px;min-height:0;padding:14px 20px;border:0;border-inline-end:1px solid var(--line-soft);border-radius:0;background:transparent;text-align:start;font-weight:400}.figures>:last-child{border-inline-end:0}.figures>button:hover:not(:disabled){background:var(--sunken)}.figures dt,.figures .label{color:var(--muted);font-size:12.5px}.figures dd,.figures .value{margin:0;font-size:26px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.figures small{color:var(--muted);font-size:12px;font-weight:400}.figures .alert .value,.figures .alert dd{color:var(--alert)}.figures .ok .value{color:var(--ok)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:10px 16px;border-bottom:1px solid var(--line);background:var(--sunken);color:var(--muted);font-size:12.5px;font-weight:500;text-align:start;white-space:nowrap}td{padding:12px 16px;border-bottom:1px solid var(--line-soft);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fafbfb}tr.clickable{cursor:pointer}td strong{display:block}.row-actions{display:flex;flex-wrap:wrap;gap:6px}.row-actions button{min-height:30px;padding:4px 10px;font-size:12.5px}.direction{display:inline-flex;align-items:center;gap:6px;font-weight:500}.direction.in{color:var(--accent)}.direction.out{color:var(--info)}tr.punch-disabled td{color:var(--muted);background:#fdf6f6}tr.punch-disabled td:first-child{box-shadow:inset 3px 0 0 var(--alert)}.punch-marker{display:inline-block;margin-top:6px;margin-inline-end:6px;padding:1px 7px;border-radius:10px;background:var(--info-soft);color:var(--info);font-size:11.5px;font-weight:500}.punch-marker.disabled{background:var(--alert-soft);color:var(--alert)}.original-punch{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);color:var(--muted);font-size:12px}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 20px 14px}.filters select{max-width:220px}.search{position:relative;display:flex;align-items:center;flex:1 1 260px;max-width:380px}.search svg{position:absolute;inset-inline-start:11px;color:var(--faint);pointer-events:none}.search input{width:100%;padding-inline-start:34px}.date{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-weight:400}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:13px}.pagination>div{display:flex;align-items:center;gap:6px}:root[dir=rtl] .pagination .icon svg{transform:scaleX(-1)}.empty{display:grid;justify-items:center;gap:6px;padding:48px 24px;color:var(--muted);text-align:center}.empty svg{color:var(--faint)}.empty h3{color:var(--ink);font-size:15px}.error,.notice,.warning-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:10px 14px;border:1px solid var(--alert-line);border-radius:var(--radius-sm);background:var(--alert-soft);color:var(--alert)}.notice{border-color:#bfdccf;background:var(--ok-soft);color:var(--ok)}.warning-note{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}.error button.icon,.notice button.icon{color:inherit}.access-note{display:flex;gap:12px;margin:0;padding:14px 20px;border-top:1px solid var(--line-soft);color:var(--muted)}dialog{width:min(540px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg)}dialog::backdrop{background:#0f1a186b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog>header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px 22px 12px}dialog>header h2{flex:1;font-size:18px}dialog>header>.language-picker{margin-inline-start:auto}dialog>p,dialog>form,dialog>pre,dialog>.error,dialog>dl,dialog>div:not(.modal-actions){margin:0 22px 16px}dialog form{display:grid;gap:14px}dialog pre{max-height:320px;padding:14px;overflow:auto;border-radius:var(--radius-sm);background:var(--side);color:#d8e9e5;font-size:12.5px}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 22px 18px}dialog form .modal-actions{padding:4px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hint{margin-top:-6px;color:var(--muted);font-size:12.5px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f1a1852;animation:fade .15s ease-out}.drawer{position:fixed;inset-block:0;inset-inline-end:0;z-index:41;display:flex;flex-direction:column;width:560px;max-width:100vw;background:var(--surface);box-shadow:var(--shadow-lg);animation:slide-in .2s ease-out}:root[dir=rtl] .drawer{animation-name:slide-in-rtl}@keyframes slide-in{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}@keyframes slide-in-rtl{0%{transform:translate(-24px);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}}.drawer>header{display:flex;align-items:flex-start;gap:12px;padding:20px 22px 14px;border-bottom:1px solid var(--line-soft)}.drawer>header>div{flex:1;min-width:0}.drawer>header h2{font-size:20px}.drawer-body{flex:1;display:grid;align-content:start;gap:20px;padding:18px 22px 28px;overflow-y:auto}.drawer-body h3{margin-bottom:8px;color:var(--muted);font-size:12.5px;font-weight:600}.palette{width:min(620px,calc(100vw - 32px));margin-top:12vh}.palette-input{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line-soft)}.palette-input svg{color:var(--faint)}.palette-input input{flex:1;border:0;box-shadow:none;padding:6px 0;font-size:16px}.palette-input input:focus{box-shadow:none}.palette ul{max-height:50vh;padding:6px;overflow-y:auto;list-style:none}.palette li button{justify-content:flex-start;width:100%;gap:12px;padding:9px 12px;border:0;background:transparent;font-weight:400}.palette li button.active,.palette li button:hover:not(:disabled){background:var(--accent-soft)}.palette li button svg{color:var(--muted)}.palette li .sub{margin-inline-start:auto}.palette-group{padding:8px 12px 4px;color:var(--faint);font-size:11.5px;font-weight:600}.palette footer{display:flex;gap:14px;padding:10px 16px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:12px}dl{margin:0}.record-details{display:grid}.record-details>div{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2fr);gap:16px;padding:7px 0;border-bottom:1px solid var(--line-soft)}.record-details dt{color:var(--muted)}.record-details dd{min-width:0;margin:0;overflow-wrap:anywhere}.record-details .record-details{margin:0}.record-details ol{margin:0;padding-inline-start:20px}.kv{display:grid}.kv>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line-soft)}.kv>div:last-child{border-bottom:0}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:500;text-align:end;font-variant-numeric:tabular-nums}.chart{display:flex;align-items:flex-end;gap:8px;height:220px;padding:8px 20px 18px}.chart-column{display:flex;flex:1;flex-direction:column;align-items:center;gap:6px;height:100%;min-width:0}.chart-column>span{color:var(--faint);font-size:11.5px;font-variant-numeric:tabular-nums}.bars{display:flex;flex:1;align-items:flex-end;justify-content:center;gap:3px;width:100%}.bars>div{width:min(14px,40%);min-height:2px;border-radius:3px 3px 0 0;background:var(--accent);transition:height .3s ease}.bars>div:nth-child(2){background:var(--accent-mid)}.columns{display:flex;align-items:flex-end;gap:4px;height:170px;padding-top:6px}.columns .col{display:flex;flex:1 0 12px;flex-direction:column;align-items:center;gap:4px;height:100%;min-width:0}.columns .col-bar{display:flex;flex:1;flex-direction:column;justify-content:flex-end;width:100%;max-width:30px;border-radius:4px 4px 0 0;background:var(--sunken)}.columns .col-bar span{display:block;width:100%;background:var(--accent);border-radius:4px 4px 0 0}.columns .col-bar span.weekend{background:var(--accent-mid)}.columns .col-label{color:var(--faint);font-size:10.5px;white-space:nowrap}.hbar{height:8px;overflow:hidden;border-radius:4px;background:var(--sunken);min-width:60px}.hbar span{display:block;height:100%;border-radius:4px;background:var(--accent)}.hbar span.alert{background:var(--alert)}.hbar span.warn{background:var(--warn-bright)}.heatmap{display:grid;grid-template-columns:44px repeat(24,minmax(14px,1fr));gap:3px;font-size:11px}.heatmap .hm-label{color:var(--muted);align-self:center}.heatmap .hm-hour{color:var(--faint);text-align:center;font-variant-numeric:tabular-nums}.heatmap .hm-cell{aspect-ratio:1.3;min-height:14px;border-radius:3px;background:var(--sunken)}.rail-scale{position:relative;height:16px;color:var(--faint);font-size:11px;font-variant-numeric:tabular-nums}.rail-scale span{position:absolute;top:0;transform:translate(-50%)}:root[dir=rtl] .rail-scale span{transform:translate(50%)}.rail{position:relative;height:22px;border-radius:6px;background:linear-gradient(to right,transparent calc(25% - .5px),var(--line) calc(25% - .5px),var(--line) calc(25% + .5px),transparent calc(25% + .5px)),linear-gradient(to right,transparent calc(50% - .5px),var(--line) calc(50% - .5px),var(--line) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to right,transparent calc(75% - .5px),var(--line) calc(75% - .5px),var(--line) calc(75% + .5px),transparent calc(75% + .5px)),var(--sunken)}.rail .now{position:absolute;top:-3px;bottom:-3px;z-index:2;width:2px;margin-inline-start:-1px;border-radius:1px;background:var(--now)}.rail .seg{position:absolute;top:3px;bottom:3px;min-width:5px;overflow:hidden;border-radius:4px;background:var(--accent);color:#fff;font-size:10.5px;font-weight:600;line-height:16px;padding-inline:5px;white-space:nowrap}.rail .seg.open{background:repeating-linear-gradient(90deg,var(--accent) 0 7px,var(--accent-mid) 7px 11px)}.rail .seg.missing_out,.rail .seg.missing_in,.rail .seg.invalid{background:var(--alert-soft);color:var(--alert);box-shadow:inset 0 0 0 1px var(--alert-line)}.rail .seg.long{background:var(--warn-bright)}.rail .seg.short{background:var(--warn-soft);color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn-line)}.board{display:grid;gap:0}.board-head,.lane{display:grid;grid-template-columns:220px minmax(0,1fr) 76px;align-items:center;gap:14px}.board-head{position:sticky;top:60px;z-index:3;padding:6px 20px;border-bottom:1px solid var(--line);background:var(--surface)}.lane{width:100%;min-height:0;padding:6px 20px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent;font-weight:400;text-align:start}.lane:hover:not(:disabled){background:var(--sunken)}.lane:last-child{border-bottom:0}.lane-name{min-width:0}.lane-name strong,.lane-name .sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-total{color:var(--ink-2);font-weight:600;text-align:end;font-variant-numeric:tabular-nums}.board-group{padding:10px 20px 4px;color:var(--muted);font-size:12px;font-weight:600}.attention-list{display:grid}.attention-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:0;padding:11px 20px;border:0;border-top:1px solid var(--line-soft);border-radius:0;background:transparent;font-weight:400;text-align:start}.attention-item:hover:not(:disabled){background:var(--sunken)}.attention-item .count{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:9px;background:var(--sunken);font-weight:700;font-variant-numeric:tabular-nums}.attention-item.alert .count{background:var(--alert-soft);color:var(--alert)}.attention-item.warn .count{background:var(--warn-soft);color:var(--warn)}.attention-item.ok .count{background:var(--ok-soft);color:var(--ok)}.attention-item .names{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.all-clear{display:flex;align-items:center;gap:10px;padding:16px 20px;border-top:1px solid var(--line-soft);color:var(--ok);font-weight:500}.feed{display:grid}.feed-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 20px;border-top:1px solid var(--line-soft)}.feed-item time{color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums}.feed-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.feed-icon.out{background:var(--info-soft);color:var(--info)}.report-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}.tabs{display:flex;flex-wrap:wrap;gap:2px;padding:0 12px;border-bottom:1px solid var(--line)}.tabs button{gap:7px;min-height:0;padding:12px 12px 13px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted)}.tabs button:hover:not(:disabled){background:transparent;color:var(--ink)}.tabs button.selected{border-bottom-color:var(--accent);color:var(--ink)}.tabs .count{padding:0 7px;border-radius:9px;background:#e9eeec;font-size:11.5px;font-variant-numeric:tabular-nums}.tabs .count.alert{background:var(--alert-soft);color:var(--alert)}.timesheet{border-collapse:separate;border-spacing:0}.timesheet th,.timesheet td{padding:0;border-bottom:1px solid var(--line-soft)}.timesheet th{padding:8px 4px;text-align:center;font-size:11.5px}.timesheet th.weekend{color:var(--faint)}.timesheet .sticky{position:sticky;inset-inline-start:0;z-index:1;min-width:200px;padding:8px 16px;background:var(--surface);text-align:start}.timesheet th.sticky{background:var(--sunken)}.timesheet td.cell{min-width:44px;height:38px;padding:2px}.timesheet td.cell span{display:grid;place-items:center;height:100%;border-radius:5px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.timesheet td.total{padding:8px 16px;font-weight:700;text-align:end;font-variant-numeric:tabular-nums}.timesheet tfoot td{background:var(--sunken);font-weight:600}.type-chips{display:flex;flex-wrap:wrap;gap:6px;padding:14px 20px}.type-chips button{min-height:30px;padding:3px 12px 3px 5px;border-radius:16px;font-size:12.5px}.type-chips button b{min-width:22px;padding:1px 7px;border-radius:11px;background:var(--sunken);font-variant-numeric:tabular-nums}.type-chips button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.status-line{display:flex;align-items:center;gap:8px;font-weight:500}.system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.login{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px);min-height:100vh;background:var(--surface)}.login-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:44px 52px;overflow:hidden;background:var(--side);color:var(--side-ink)}.login-brand .wordmark{font-size:34px;color:#fff}.login-brand .wordmark span{color:var(--side-accent)}.login-brand h2{max-width:20ch;font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1.15;color:#fff}.login-brand p{max-width:42ch;margin-top:14px;color:var(--side-muted);font-size:15px}.login-rails{display:grid;gap:10px;max-width:520px;margin:34px 0;opacity:.9}.login-rails .rail{background:#ffffff0d}.login-rails .rail .seg{background:var(--side-accent)}.login-rails .rail .seg.open{background:repeating-linear-gradient(90deg,var(--side-accent) 0 7px,rgba(124,196,184,.35) 7px 11px)}.login-panel{display:flex;flex-direction:column;padding:24px 44px}.login-language{align-self:flex-end}.login form{display:grid;gap:16px;width:100%;max-width:380px;margin:auto}.login form h1{font-size:26px}.login form>p{color:var(--muted)}.login form>.primary{min-height:42px;margin-top:4px}.login-note{color:var(--muted);font-size:12.5px;text-align:center}.login footer{color:var(--faint);font-size:12px;text-align:center}.boot{display:grid;place-items:center;min-height:100vh;color:var(--muted)}.language-picker{display:inline-flex;flex-direction:row;align-items:center;gap:8px;font-size:12.5px;font-weight:400;color:var(--muted)}.language-picker select{width:auto;min-width:110px;min-height:32px;padding:4px 8px}.branch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.branch-panel{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.branch-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-soft)}.branch-panel header h2{display:flex;align-items:center;gap:8px;font-size:15px}.branch-panel header .count{font-size:22px;font-weight:650;font-variant-numeric:tabular-nums}.branch-panel .sub{display:block}.branch-people{max-height:340px;padding:4px 0;overflow-y:auto;list-style:none}.branch-people li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px}.branch-people li+li{border-top:1px solid var(--line-soft)}.branch-people time{color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums;text-align:end}.branch-people .late time{color:var(--warn);font-weight:600}.live-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.shift-review{padding:20px}.shift-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px}.shift-filters label:first-child{flex:1;min-width:200px}.shift-review>.sub{margin-bottom:12px}.shift-table{border-collapse:separate;border-spacing:0 8px}.shift-table th{border:0;background:transparent}.shift-table td{padding:14px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.shift-table td:first-child{border-inline-start:1px solid var(--line);border-start-start-radius:8px;border-end-start-radius:8px}.shift-table td:last-child{border-inline-end:1px solid var(--line);border-start-end-radius:8px;border-end-end-radius:8px}.shift-table tbody tr:hover td{background:var(--surface)}.shift-table .shift-needs-review td{border-color:var(--alert-line);background:snow}.shift-table .shift-needs-review td:first-child{box-shadow:inset 3px 0 0 var(--alert)}.shift-time{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums}.shift-hours{font-variant-numeric:tabular-nums;white-space:nowrap}.shift-state{display:inline-block;margin-top:8px;padding:1px 8px;border-radius:10px;background:var(--ok-soft);color:var(--ok);font-size:12px;font-weight:500}.shift-state.open,.shift-state.invalid,.shift-state.missing_in{background:var(--alert-soft);color:var(--alert)}.missing-punch{display:block;min-width:110px;color:var(--alert);font-size:22px}.shift-actions{display:flex;flex-wrap:wrap;gap:6px;max-width:320px}.shift-actions button{min-height:30px;padding:4px 9px;font-size:12.5px}.shift-time-fields{display:grid;gap:14px}.shift-time-fields label{display:grid;gap:7px}.shift-time-fields input{min-width:240px}.shift-review .pagination{margin-top:12px;border-top:0;padding-inline:0}.move-instructions{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;margin:8px 0 12px;color:var(--muted);font-size:13px}.shift-punch{position:relative;display:flex;align-items:center;gap:9px;width:100%;min-width:170px;padding:11px 10px;border:1px solid transparent;border-radius:8px;background:var(--sunken);color:inherit;font-weight:400;text-align:start;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:background .14s,border-color .14s,opacity .14s,box-shadow .14s}.shift-punch:hover:not(:disabled),.shift-punch:focus-visible{border-color:var(--line-strong);background:#eef3f2}.shift-punch:active{cursor:grabbing;transform:scale(.98)}.shift-punch.picked{border-color:var(--accent);box-shadow:0 0 0 3px #1f5f5b24}.shift-punch.drag-source{opacity:.35}.shift-punch .sub{white-space:normal}.punch-grip{flex-shrink:0;color:var(--faint)}.shift-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-width:170px;min-height:96px;padding:14px;border:1px dashed var(--alert-line);border-radius:8px;background:snow;color:var(--alert);font-size:13px;text-align:center;transition:background .16s,border-color .16s,box-shadow .16s}.shift-drop[aria-disabled=true]{cursor:default}.shift-drop.available{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep);cursor:copy;animation:drop-breathe 1.2s ease-in-out infinite}.shift-drop.over{border-style:solid;background:#cfe5e1;box-shadow:inset 0 0 0 2px var(--accent);animation:none}.shift-drop small{color:var(--muted);font-size:11px}@keyframes drop-breathe{50%{box-shadow:inset 0 0 0 2px #1f5f5b40}}.punch-drag-position{position:fixed;z-index:10000;width:230px;pointer-events:none}.punch-drag-ghost{display:flex;gap:10px;padding:14px 16px;border:1px solid var(--accent);border-radius:8px;background:var(--surface);color:var(--ink);box-shadow:0 8px 20px #14222038;transform-origin:12px 0;animation:punch-dangle .65s ease-in-out infinite alternate}.punch-drag-ghost strong,.punch-drag-ghost span{display:block}.punch-drag-ghost strong{margin:6px 0;font-size:16px}.punch-drag-ghost span{font-size:12px}@keyframes punch-dangle{0%{transform:rotate(-4deg)}to{transform:rotate(5deg) translateY(3px)}}.shift-move-dialog{width:min(820px,calc(100vw - 32px));max-width:820px;overflow:auto}.move-comparison{margin:18px 0;padding-top:14px;border-top:1px solid var(--line)}.move-comparison h3{margin:0 0 12px;font-size:15px}.move-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.move-comparison-grid>div{padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--sunken)}.move-comparison h4{margin:0 0 12px;color:var(--muted);font-size:13px}.move-snapshot{display:grid;gap:14px;margin:0}.move-snapshot dt{margin-bottom:4px;color:var(--muted);font-size:12px}.move-snapshot dd{margin:0}.move-snapshot strong{display:block;font-size:14px;font-weight:500}.move-snapshot dd span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.move-empty{color:var(--muted);font-size:13px}.correction-form{max-width:700px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.qr-test{padding:20px}.qr-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px}.qr-test>.error{margin-top:12px}.qr-test-layout{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:24px}.qr-display{display:grid;justify-items:center;gap:12px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--sunken)}.qr-display img{width:100%;max-width:360px;image-rendering:pixelated;border-radius:8px;background:#fff}.qr-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:1;max-width:360px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);text-align:center}.qr-countdown{color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}.qr-instructions{display:grid;align-content:start;gap:12px}.qr-instructions ol{padding-inline-start:20px}.qr-instructions li+li{margin-top:6px}.qr-instructions summary{cursor:pointer;font-weight:600}.qr-instructions pre{padding:12px;overflow:auto;border-radius:8px;background:var(--side);color:#d8e9e5;font-size:12px}.audit-page{padding:20px}.audit-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:14px}.audit-filters label:first-child{flex:1;min-width:240px}.audit-page>.sub{margin-bottom:14px}.audit-page .table-scroll{border:1px solid var(--line);border-radius:8px}.audit-details{display:grid;gap:8px;padding:6px 0}.audit-details>div{display:grid;grid-template-columns:180px 1fr;gap:12px}.audit-details dt{color:var(--muted)}.audit-details dd{margin:0;overflow-wrap:anywhere}.audit-details pre{margin:0;padding:10px;overflow:auto;border-radius:6px;background:var(--sunken);font-size:12px}.audit-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;padding-top:12px}.audit-pagination span{margin-inline-end:auto;color:var(--muted)}@media(max-width:1180px){.grid-3-1,.grid-2{grid-template-columns:1fr}.board-head,.lane{grid-template-columns:160px minmax(0,1fr) 64px}}@media(max-width:900px){.app{grid-template-columns:1fr}aside.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:50;width:272px;transform:translate(-100%);transition:transform .2s ease}:root[dir=rtl] aside.sidebar{transform:translate(100%)}.app.nav-open aside.sidebar{transform:none;box-shadow:var(--shadow-lg)}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;background:#0f1a1866}.menu-toggle{display:inline-flex}.topbar{padding:10px 16px}.topbar .clock{display:none}.content{padding:20px 16px 32px}.login{grid-template-columns:1fr}.login-brand{padding:28px 24px}.login-brand h2,.login-rails{display:none}.login-panel{padding:20px 16px 28px}.qr-test-layout{grid-template-columns:1fr}.board-head{top:56px}}@media(max-width:640px){h1{font-size:22px}.page-heading{margin-bottom:16px}.figures>div,.figures>button{flex-basis:50%;padding:12px 14px;border-bottom:1px solid var(--line-soft)}.figures dd,.figures .value{font-size:22px}.form-grid,.move-comparison-grid{grid-template-columns:1fr}.filters{padding-inline:14px}.filters select,.date{flex:1 1 140px;max-width:none}.date input{width:100%}.section-title{padding-inline:14px}td,th{padding-inline:12px}.board-head,.lane{grid-template-columns:110px minmax(0,1fr);padding-inline:14px}.lane-total,.board-head>:last-child{display:none}.record-details>div,.audit-details>div{grid-template-columns:1fr;gap:0}.shift-review,.qr-test,.audit-page{padding:14px}.drawer{width:100vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.shift-punch:active{transform:none}}dialog.import-dialog{width:min(680px,calc(100vw - 32px))}.import-mapping{display:grid;gap:12px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.import-preview{border:1px solid var(--line);border-radius:var(--radius-sm)}.import-preview th,.import-preview td{padding:8px 12px}tr.import-faulty td{background:var(--alert-soft);color:var(--alert)}.import-errors{display:grid;gap:6px;max-height:220px;overflow-y:auto;padding:10px 14px;border:1px solid var(--alert-line);border-radius:var(--radius-sm);color:var(--alert)}.import-errors ul{display:grid;gap:4px;padding-inline-start:18px;font-size:13px}@media(max-width:640px){.form-grid.three{grid-template-columns:1fr}}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-arabic-arabic-400-normal-AAMxebZb.woff2) format("woff2"),url(/assets/noto-sans-arabic-arabic-400-normal-hsqIUL9Q.woff) format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-arabic-arabic-500-normal-DPISWLls.woff2) format("woff2"),url(/assets/noto-sans-arabic-arabic-500-normal-CoaTbVwZ.woff) format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-arabic-arabic-600-normal-JPxwL-XU.woff2) format("woff2"),url(/assets/noto-sans-arabic-arabic-600-normal-JLzruTOp.woff) format("woff")}