.rpick{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.rpick .dh{text-align:center;color:var(--text-muted);padding:2px 0;font-size:11px;font-weight:600}.rpick .md{border:1px solid var(--border);background:var(--surface);min-height:46px;color:var(--text-primary);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;padding:2px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.rpick .md small{text-overflow:ellipsis;white-space:nowrap;opacity:.85;max-width:100%;font-size:9.5px;font-weight:500;line-height:1;overflow:hidden}.rpick .md.blank{cursor:default;background:0 0;border-color:#0000}.rpick .md.we{color:var(--text-muted);background:var(--surface-sunken)}.rpick .md.h{background:var(--holiday-fill);color:var(--holiday-text);border-color:var(--holiday-border)}.rpick .md.hp{background:var(--holiday-pending-fill);color:var(--holiday-text);border:1.5px dashed var(--holiday-border)}.rpick .md.u{background:repeating-linear-gradient(135deg,var(--holiday-fill) 0 4px,var(--surface) 4px 8px);color:var(--holiday-text);border:1.5px solid var(--holiday-border)}.rpick .md.b{background:var(--bank-fill);background-image:var(--bank-hatch);color:var(--bank-text);border-color:var(--bank-border)}.rpick .md.x{background:var(--exception-fill);color:var(--exception-text);border-color:var(--exception-border)}.rpick .md.past{opacity:.45}.rpick .md.today{box-shadow:0 0 0 2px var(--primary)}.rpick .md.range{background:var(--primary-soft);color:var(--primary-soft-fg);background-image:none;border-color:#0000}.rpick .md.sel{background:var(--primary);color:var(--on-primary);border-color:var(--primary);background-image:none}.rpick .md:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.rpick-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.rpick-head h3{text-align:center;flex:1;margin:0;font-size:15px}@media (width>=861px){.rpick .md{min-height:52px}}.wkgrid{border-collapse:separate;border-spacing:0;width:100%}.wkgrid th,.wkgrid td{text-align:center;border-bottom:1px solid var(--border);padding:6px 4px;font-size:12.5px}.wkgrid th:first-child,.wkgrid td:first-child{text-align:left;background:var(--surface);z-index:1;min-width:130px;padding-left:12px;position:sticky;left:0}.wkgrid th{color:var(--text-secondary);background:var(--surface-sunken);font-size:11.5px;font-weight:600}.wkgrid th.today{color:var(--primary)}.wkgrid td.tot{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;padding-right:12px}.wkcell{min-width:46px;min-height:40px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;padding:2px;font-family:inherit;font-size:11.5px;font-weight:600;line-height:1.1;display:flex}.wkcell small{opacity:.85;font-size:10.5px;font-weight:500}.wkcell svg.lucide{width:13px;height:13px}.wkcell.in{background:var(--approved-fill);color:var(--approved-text)}.wkcell.live{background:var(--approved-fill);color:var(--approved-text);border:1.5px dashed var(--in-solid)}.wkcell.late,.wkcell.exc,.wkcell.absent{background:var(--exception-fill);color:var(--exception-text);border-color:var(--exception-border)}.wkcell.hol{background:var(--holiday-fill);color:var(--holiday-text);border-color:var(--holiday-border)}.wkcell.unp{background:repeating-linear-gradient(135deg,var(--holiday-fill) 0 4px,var(--surface) 4px 8px);color:var(--holiday-text);border-color:var(--holiday-border)}.wkcell.bank{background:var(--bank-fill);background-image:var(--bank-hatch);color:var(--bank-text)}.wkcell.abs{background:var(--absent-fill);color:var(--absent-text);border:1.5px dashed var(--absent-border)}.wkcell.ot{background:var(--overtime-fill);color:var(--overtime-text);border-color:var(--overtime-border)}.wkcell.off{color:var(--text-muted);cursor:default}.wkcell.due{color:var(--text-muted);border:1px dashed var(--border-strong)}.wklegend{color:var(--text-secondary);flex-wrap:wrap;gap:6px 12px;margin-top:12px;font-size:12px;display:flex}.wklegend .wkcell{vertical-align:middle;cursor:default;width:auto;min-width:28px;min-height:18px;margin-right:4px;display:inline-flex}.kiosk-screen .kactions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex;position:absolute;bottom:24px;right:24px}.kiosk-screen .kactions .kmistake{position:static}.kiosk-screen .knote{z-index:20;background:#0f172ab8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.kiosk-screen .knote .kpanel{background:var(--surface);color:var(--text-primary);-webkit-user-select:text;user-select:text;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:760px;max-height:calc(100dvh - 48px);padding:28px;display:flex;overflow:auto}.kiosk-screen .knote h2{margin:0;font-size:30px}.kiosk-screen .knote .kchips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.kiosk-screen .knote .kchip{border:2px solid var(--border-strong);background:var(--surface);min-height:72px;color:var(--text-primary);text-align:left;border-radius:14px;padding:8px 14px;font-family:inherit;font-size:19px;font-weight:600}.kiosk-screen .knote .kchip.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-soft-fg)}.kiosk-screen .knote textarea{border:2px solid var(--border-strong);border-radius:14px;width:100%;min-height:90px;padding:12px;font-family:inherit;font-size:20px}.kiosk-screen .knote .krow{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.kiosk-screen .knote .krow .kbtn{min-width:200px}.kiosk-screen .knote .khelp h3{margin:6px 0 4px;font-size:21px}.kiosk-screen .knote .khelp p,.kiosk-screen .knote .khelp li{margin:2px 0;font-size:18px;line-height:1.45}.kiosk-screen .knote .khelp .ksw{vertical-align:-5px;border-radius:6px;width:22px;height:22px;margin-right:8px;display:inline-block}@media (width<=860px){.kiosk-screen .kactions{justify-content:center;margin-top:18px;position:static}.kiosk-screen .knote .kchips{grid-template-columns:1fr}.kiosk-screen .knote h2{font-size:24px}}.otab{background:var(--bg);min-height:100dvh;color:var(--text-primary);box-sizing:border-box;padding:16px}.otab-in{max-width:1280px;margin:0 auto}.otab .welcome.otab-full{min-height:100dvh;box-shadow:none;border-radius:0;margin:-16px}.otab .welcome .wsub{text-align:center}.otab .obav{width:52px;height:52px;font-size:17px}.otab .obname{text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:600;overflow:hidden}.otab .obtoggle button:disabled{opacity:.6}.otab .adminbar{color:#fff;background:#142c47;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:14px;display:flex}.otab .adminbar .btn{color:#142c47;background:#fff;border-color:#fff}.otab .reasons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.otab .reasons button,.otab-modal .reasons button{border:1px solid var(--border);background:var(--surface);min-height:52px;color:var(--text-primary);border-radius:12px;font-size:15px;font-weight:600}.otab-modal .reasons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.otab-modal .reasons button.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-soft-fg)}.otab .paircard{background:var(--surface);width:min(440px,100%);color:var(--text-primary);box-shadow:var(--shadow-lg);text-align:center;border-radius:16px;margin:auto;padding:28px}.otab .paircode{letter-spacing:.3em;text-align:center;min-height:72px;font-size:40px;font-weight:700;font-family:var(--font-mono,ui-monospace, monospace)}.otab .dlpick{flex-direction:column;gap:6px;max-height:260px;display:flex;overflow:auto}@media (width<=600px){.otab .welcome.otab-full{padding:20px 16px 0}.otab .welcome .wbar{margin:0 -16px}.otab .welcome .wtitle{margin-top:48px;font-size:56px}.otab .welcome .wclock{font-size:28px}.otab .welcome .wvisitor{min-height:68px;font-size:24px}.otab .welcome .wbar button{flex-direction:column;gap:4px;min-height:76px;font-size:14px}.otab .welcome .wbar button svg.lucide{width:24px;height:24px}.otab .obtabs{flex:calc(100% - 62px);grid-template-columns:repeat(3,minmax(0,1fr))}.otab .row .obsearch{flex:100%;min-width:0!important}.otab .obrow{grid-template-columns:40px minmax(0,1fr);gap:10px}.otab .obav{width:40px;height:40px;font-size:14px}.otab .obname{font-size:17px}.otab .obtoggle{grid-column:1/-1;grid-template-columns:1fr 1fr}.otab .oblist{padding:8px 34px 12px 8px!important}.otab .reasons,.otab-modal .reasons{grid-template-columns:1fr}}.livebar{color:#fff;background:#142c47;border-radius:12px 12px 0 0;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.livebar svg.lucide{flex:none;width:18px;height:18px}.livebar .livedot{background:#86efac;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 3px #86efac40}.livebar+.devframe{border-top-left-radius:0;border-top-right-radius:0}.devframe{box-shadow:var(--shadow-lg);background:#0b1a2b;border-radius:22px;padding:14px;position:relative}.devframe-screen{background:var(--bg);border-radius:10px;position:relative;overflow:hidden}.devframe-inner{transform-origin:0 0;position:absolute;top:0;left:0}.devframe.fluid{box-shadow:none;background:0 0;border-radius:0 0 12px 12px;padding:0}.devframe.fluid .devframe-screen{border:1px solid var(--border);border-top:0;border-radius:0 0 12px 12px}.devframe.fluid .devframe-inner{position:static;transform:none}.otab.otab-framed{height:100%;min-height:0;overflow:auto}.otab.otab-framed .welcome.otab-full{min-height:calc(100% + 32px)}.devframe.fluid .otab.otab-framed{height:auto;overflow:visible}.devframe.fluid .otab.otab-framed .welcome.otab-full{min-height:620px}.kiosk-preview{pointer-events:none;-webkit-user-select:none;user-select:none;height:100%}.kiosk-preview .kiosk{height:100%;min-height:0;box-shadow:none;border:0;border-radius:0}.kiosk-preview .k-left .clock{font-variant-numeric:tabular-nums}.kiosk-preview .k-left .meta .dot-on{color:#86efac}.kiosk-preview .k-left .meta .dot-off{color:var(--exception-fill)}.devframe.fluid .kiosk-preview .kiosk{height:auto}.vstep{flex-direction:column;max-width:1100px;min-height:calc(100dvh - 32px);margin:0 auto;padding-bottom:12px;display:flex}.otab-framed .vstep{min-height:600px}.vstep-h{grid-template-columns:72px 1fr 72px;align-items:center;gap:12px;padding:6px 0 4px;display:grid}.vstep-h h1{text-align:center;letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:clamp(24px,3.2vw,32px);font-weight:600;line-height:1.2}.vnav{border:2px solid var(--border);background:var(--surface);width:64px;height:64px;color:var(--text-primary);cursor:pointer;border-radius:50%;place-items:center;transition:transform .15s,background .15s,border-color .15s,opacity .15s;display:grid}.vnav svg.lucide{width:28px;height:28px}.vnav:active{transform:scale(.94)}.vnav:focus-visible,.vcta:focus-visible,.vperson:focus-visible,.vtick:focus-within,.vgo:focus-visible,.vlink:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.vnav.next{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.vnav.next:disabled{border-color:var(--border);color:var(--text-secondary);opacity:.7;cursor:default;background:0 0;transform:none}.vsteps{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px auto 16px;padding:0;list-style:none;display:flex}.vsteps li{color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:14px;display:flex}.vsteps li .dot{border:2px solid var(--border);width:24px;height:24px;color:var(--text-secondary);border-radius:50%;place-items:center;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,color .2s;display:grid}.vsteps li .dot svg.lucide{width:14px;height:14px}.vsteps li.done .dot{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.vsteps li.now{background:var(--primary-soft);color:var(--primary-soft-fg);font-weight:600}.vsteps li.now .dot{border-color:var(--primary);color:var(--primary-soft-fg)}.vstep-b{flex-direction:column;flex:1;gap:20px;min-height:0;animation:.28s cubic-bezier(.2,.7,.2,1) both vin;display:flex}@keyframes vin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.vcol{flex-direction:column;gap:16px;width:100%;max-width:680px;margin:0 auto;display:flex}.vfield{width:100%;max-width:680px;margin:0 auto}.vlabel{color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:600;display:block}.vlabel .opt{color:var(--text-secondary);font-weight:400}.vline{box-sizing:border-box;border:2px solid var(--border);background:var(--surface);width:100%;min-height:58px;color:var(--text-primary);border-radius:14px;outline:none;padding:12px 18px;font-size:21px;transition:border-color .15s,box-shadow .15s}.vstep input.vline,.vstep input.vline[type=search]{border:2px solid var(--border);background:var(--surface);height:auto;min-height:60px;box-shadow:none;border-radius:14px;padding:12px 18px;font-size:21px}.vstep .vsearch input.vline{padding-left:52px}.vstep input.vline:focus{border-color:var(--ring);box-shadow:0 0 0 4px color-mix(in srgb,var(--ring) 22%,transparent)}.vline::placeholder{color:var(--text-secondary);opacity:.8}.vline:focus{border-color:var(--ring);box-shadow:0 0 0 4px color-mix(in srgb,var(--ring) 22%,transparent)}.vsearch{position:relative}.vsearch svg.lucide{width:22px;height:22px;color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.vsearch .vline{padding-left:52px}.vhint{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;display:flex}.vhint svg.lucide{flex:none;width:18px;height:18px;margin-top:2px}.vpeople{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;width:100%;max-width:680px;margin:0 auto;display:grid;overflow:auto}.vpeople.one{grid-template-columns:1fr}.vpeople>.vlabel,.vpeople>.vempty{grid-column:1/-1}.vperson{box-sizing:border-box;border:2px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;min-height:72px;color:var(--text-primary);border-radius:14px;align-items:center;gap:14px;padding:12px 14px;transition:border-color .15s,background .15s,transform .12s;animation:.22s both vin;display:flex}.vperson:hover{border-color:var(--primary)}.vperson:active{transform:scale(.98)}.vperson.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-soft-fg)}.vperson .avatar{flex:none;width:48px;height:48px;font-size:16px}.vperson .n{font-size:18px;font-weight:600;line-height:1.25}.vperson .s{color:var(--text-secondary);font-size:14px}.vperson .grow{min-width:0}.vperson .n,.vperson .s{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vempty{border:2px dashed var(--border);text-align:center;color:var(--text-secondary);border-radius:14px;padding:22px;font-size:16px;line-height:1.5}.vempty b{color:var(--text-primary);margin-bottom:4px;font-size:18px;display:block}.vread{background:var(--surface);border:1px solid var(--border);-webkit-overflow-scrolling:touch;border-radius:16px;flex:1;min-height:260px;max-height:calc(100dvh - 330px);padding:22px 28px;font-size:16px;overflow:auto}.otab-framed .vread{max-height:360px}.agreement h3{margin:18px 0 8px;font-size:20px}.agreement h3:first-child{margin-top:0}.agreement p{margin:0 0 10px;line-height:1.5}.agreement ul,.agreement ol{margin:0 0 12px;padding-left:22px;line-height:1.5}.vtick{box-sizing:border-box;border:2px solid var(--border);background:var(--surface);cursor:pointer;min-height:64px;color:var(--text-primary);border-radius:14px;align-items:center;gap:16px;padding:14px 18px;font-size:18px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.vtick.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-soft-fg)}.vtick input{appearance:none;border:2px solid var(--text-secondary);background:var(--bg);cursor:pointer;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;margin:0;transition:background .15s,border-color .15s;display:grid}.vtick input:checked{background:var(--primary);border-color:var(--primary)}.vtick input:checked:after{content:"";border:solid var(--on-primary);border-width:0 3px 3px 0;width:8px;height:15px;transform:translateY(-2px)rotate(45deg)}.vtick .sub{color:var(--text-secondary);margin-top:2px;font-size:14px;font-weight:400}.vtick.on .sub{color:inherit;opacity:.85}.vfoot{flex-direction:column;align-items:center;gap:10px;margin-top:auto;padding-top:6px;display:flex}.vcta{background:var(--primary);min-width:min(420px,100%);min-height:64px;color:var(--on-primary);cursor:pointer;box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 30%,transparent);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 32px;font-size:21px;font-weight:600;transition:transform .12s,opacity .15s,box-shadow .15s;display:inline-flex}.vcta svg.lucide{width:24px;height:24px}.vcta:active{transform:scale(.97)}.vcta:disabled{background:var(--border);color:var(--text-secondary);box-shadow:none;cursor:default;transform:none}.vcta.ghost{color:var(--text-primary);border:2px solid var(--border);box-shadow:none;background:0 0}.vlink{color:var(--text-secondary);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:8px;font-size:16px;text-decoration:underline;display:inline-flex}.vcam{flex-direction:column;align-items:center;gap:18px;margin:auto 0;display:flex}.vcircle{aspect-ratio:1;border:8px solid var(--surface);width:min(300px,62vw);box-shadow:0 0 0 5px var(--primary),0 18px 40px #00000040;background:#111;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.vcircle.live{animation:2.4s ease-in-out infinite vpulse}@keyframes vpulse{0%,to{box-shadow:0 0 0 5px var(--primary),0 18px 40px #00000040}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--primary) 45%,transparent),0 18px 40px #00000040}}.vcircle video,.vcircle img{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.vcircle img.still{animation:.25s both vin;transform:none}.vcircle .nocam{color:#fff;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px;font-size:15px;line-height:1.4;display:flex}.vcircle .nocam svg.lucide{opacity:.85;width:52px;height:52px}.vcam .vbtns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.vsmall{color:var(--text-secondary);text-align:center;max-width:480px;margin:0 auto;font-size:14px;line-height:1.45}.vdone{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:640px;margin:auto;padding:12px;display:flex}.vdone .ring{background:color-mix(in srgb,var(--ok-fill,#16a34a) 16%,transparent);border-radius:50%;place-items:center;width:104px;height:104px;animation:.45s cubic-bezier(.2,1.4,.4,1) both vpop;display:grid}.vdone .ring svg.lucide{width:60px;height:60px;color:var(--ok-fill,#16a34a)}@keyframes vpop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.vdone .big{letter-spacing:-.01em;color:var(--text-primary);font-size:clamp(32px,5vw,44px);font-weight:600;line-height:1.15}.vdone .lead{color:var(--text-primary);font-size:20px;line-height:1.45}.vdone .vnote{color:var(--text-secondary);font-size:16px}.vdone .count{color:var(--text-secondary);font-size:14px}.vout{flex-direction:column;gap:10px;width:100%;max-width:680px;margin:0 auto;display:flex}.vrow{box-sizing:border-box;border:2px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:14px;min-height:76px;padding:12px 14px;animation:.22s both vin;display:flex}.vrow .avatar{flex:none;width:48px;height:48px;font-size:16px}.vrow .grow{flex:1;min-width:0}.vrow .n{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:18px;font-weight:600;overflow:hidden}.vrow .s{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.vgo{background:var(--primary);min-width:136px;min-height:56px;color:var(--on-primary);cursor:pointer;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:17px;font-weight:600;transition:transform .12s,opacity .15s;display:inline-flex}.vgo svg.lucide{width:20px;height:20px}.vgo:active{transform:scale(.96)}.vgo:disabled{opacity:.5;cursor:default}@media (width<=700px){.vstep-h{grid-template-columns:52px 1fr 52px;gap:8px}.vnav{width:52px;height:52px}.vnav svg.lucide{width:24px;height:24px}.vsteps{gap:4px;margin:8px auto 16px}.vsteps li{padding:3px}.vsteps li .lbl{display:none}.vsteps li.now{padding-right:12px}.vsteps li.now .lbl{display:inline}.vpeople{grid-template-columns:1fr}.vread{max-height:calc(100dvh - 380px);padding:16px 18px}.vrow{flex-wrap:wrap}.vrow .vgo{width:100%}.vcta{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.vstep-b,.vperson,.vrow,.vcircle.live,.vdone .ring,.vcircle img.still{animation:none}.vnav,.vcta,.vgo,.vperson,.vsteps li .dot{transition:none}}.kiosk-screen{--kiosk-error-flash:#991b1b;--kiosk-saved-flash:#1e40af;background:var(--kiosk-panel);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;cursor:default;position:fixed;inset:0;overflow:hidden}.kiosk-screen .kiosk{height:100dvh;min-height:100dvh;box-shadow:none;border:0;border-radius:0}.kiosk-screen .kflash{border-radius:0;height:100dvh;min-height:100dvh;padding:24px;display:flex;position:relative}.kiosk-screen .kflash.out{background:var(--kiosk-out-flash)}.kiosk-screen .kflash.err{background:var(--kiosk-error-flash)}.kiosk-screen .kflash.saved{background:var(--kiosk-saved-flash)}.kiosk-screen .kflash .giant{letter-spacing:-.02em;font-size:136px;font-weight:800}.kiosk-screen .kflash .kname-big{margin-top:8px;font-size:64px;font-weight:800;line-height:1.1}.kiosk-screen .kflash .kline{opacity:.92;max-width:760px;font-size:24px;line-height:1.35}.kiosk-screen .kflash .kmistake{color:#fff;background:0 0;border:2px solid #fff9;border-radius:12px;align-items:center;gap:8px;min-height:56px;padding:0 22px;font-size:18px;font-weight:600;display:flex;position:absolute;bottom:24px;right:24px}.kiosk-screen .kflash .kmistake svg.lucide{width:22px;height:22px}.kiosk-screen .kflash .kconfirm{flex-wrap:wrap;justify-content:center;gap:16px;max-width:100%;display:flex}.kiosk-screen .kflash .kconfirm .kbtn{min-width:220px}.kiosk-screen .k-left .clock{font-variant-numeric:tabular-nums}.kiosk-screen .k-left .meta .dot-on{color:#86efac}.kiosk-screen .k-left .meta .dot-off{color:var(--exception-fill)}.kiosk-screen .kwaiting{background:var(--exception-fill);color:var(--exception-text);border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:15px;font-weight:600;display:inline-block}.kiosk-screen .kfobinput{opacity:0;width:1px;height:1px;position:absolute;top:0;left:-9999px}.kiosk-screen .kpair{letter-spacing:.3em;text-align:center;border:2px solid var(--border-strong);background:var(--surface);min-height:96px;color:var(--text-primary);-webkit-user-select:text;user-select:text;border-radius:16px;width:100%;font-size:44px;font-weight:700}.kiosk-screen .kerr{color:var(--kiosk-error-flash);text-align:center;font-size:18px;font-weight:600}.kiosk-screen .kdev{z-index:5;background:var(--surface);color:var(--text-primary);border:1px dashed var(--border-strong);-webkit-user-select:text;user-select:text;border-radius:12px;align-items:center;gap:8px;padding:10px;font-size:13px;display:flex;position:fixed;top:12px;right:12px}.kiosk-screen .kdev input{width:150px;min-height:36px}.kiosk-screen.hc .k-left{background:#000}.kiosk-screen.hc .k-right{color:#000;background:#fff}.kiosk-screen.hc .fob{color:#000;background:#fff;border:3px solid #000;animation:none}.kiosk-screen.hc .kflash,.kiosk-screen.hc .kflash.out,.kiosk-screen.hc .kflash.err,.kiosk-screen.hc .kflash.saved{background:#000;box-shadow:inset 0 0 0 10px #fff}.kiosk-screen.hc .kflash .chk{color:#000;background:#fff}@media (width<=860px){.kiosk-screen .kiosk{height:auto;min-height:100dvh;overflow:auto}.kiosk-screen .kflash .giant{font-size:80px}.kiosk-screen .kflash .kname-big{font-size:40px}.kiosk-screen .kflash .kline{font-size:18px}.kiosk-screen .kflash .kmistake{margin-top:18px;position:static}.kiosk-screen .kflash .kconfirm{flex-direction:column;align-items:stretch;gap:0}.kiosk-screen .kflash .kconfirm .kbtn{min-width:0;padding:0 20px}.kiosk-screen .k-left,.kiosk-screen .k-right{padding:20px}}:root{--bg:#f4f5f7;--surface:#fff;--surface-sunken:#edeef1;--border:#e4e4e7;--border-strong:#71717a;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#71717a;--primary:#142c47;--primary-hover:#1f3f63;--primary-soft:#e2e9f2;--primary-soft-fg:#142c47;--on-primary:#fff;--ring:#2f6aa8;--kiosk-panel:#142c47;--kiosk-in-flash:#166534;--kiosk-out-flash:#1f2937;--exception-fill:#fcd34d;--exception-text:#78350f;--exception-border:#d97706;--exception-solid:#f59e0b;--exception-on-white:#b45309;--overtime-fill:#d1fae5;--overtime-text:#065f46;--overtime-border:#059669;--overtime-solid:#047857;--holiday-fill:#dbeafe;--holiday-text:#1e40af;--holiday-border:#2563eb;--holiday-solid:#1d4ed8;--holiday-pending-fill:#eff6ff;--bank-fill:#e4e4e7;--bank-text:#3f3f46;--bank-border:#71717a;--bank-hatch:repeating-linear-gradient(135deg,transparent 0 6px,#3f3f462e 6px 8px);--pending-fill:#f4f4f5;--pending-text:#3f3f46;--pending-border:#71717a;--approved-fill:#d1fae5;--approved-text:#065f46;--declined-fill:#fee2e2;--declined-text:#991b1b;--declined-border:#b91c1c;--corrected-fill:#ede9fe;--corrected-text:#5b21b6;--corrected-border:#6d28d9;--absent-fill:#fff1f2;--absent-text:#9f1239;--absent-border:#e11d48;--in-solid:#15803d;--out-fill:#e4e4e7;--out-text:#18181b;--shadow:0 1px 2px #1018280f,0 1px 3px #10182814;--shadow-lg:0 12px 32px #1018282e;--radius:10px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141417;--surface:#1e1e22;--surface-sunken:#0f0f11;--border:#3f3f46;--border-strong:#a1a1aa;--text-primary:#fafafa;--text-secondary:#d4d4d8;--text-muted:#a1a1aa;--primary:#8db3e2;--primary-hover:#b3cdee;--primary-soft:#1b3655;--primary-soft-fg:#c9dbf2;--on-primary:#0b1726;--ring:#b3cdee;--exception-fill:#422006;--exception-text:#fde68a;--exception-border:#f59e0b;--exception-on-white:#fcd34d;--overtime-fill:#022c22;--overtime-text:#6ee7b7;--overtime-border:#34d399;--holiday-fill:#172554;--holiday-text:#93c5fd;--holiday-border:#60a5fa;--holiday-pending-fill:#0f172a;--bank-fill:#27272a;--bank-text:#d4d4d8;--bank-border:#a1a1aa;--bank-hatch:repeating-linear-gradient(135deg,transparent 0 6px,#d4d4d829 6px 8px);--pending-fill:#27272a;--pending-text:#a1a1aa;--pending-border:#a1a1aa;--approved-fill:#022c22;--approved-text:#6ee7b7;--declined-fill:#450a0a;--declined-text:#fca5a5;--declined-border:#f87171;--corrected-fill:#2e1065;--corrected-text:#c4b5fd;--corrected-border:#a78bfa;--absent-fill:#4c0519;--absent-text:#fda4af;--absent-border:#fb7185;--out-fill:#3f3f46;--out-text:#fafafa;--shadow:0 1px 2px #0006;--shadow-lg:0 12px 32px #0009}}:root[data-theme=dark]{--bg:#141417;--surface:#1e1e22;--surface-sunken:#0f0f11;--border:#3f3f46;--border-strong:#a1a1aa;--text-primary:#fafafa;--text-secondary:#d4d4d8;--text-muted:#a1a1aa;--primary:#8db3e2;--primary-hover:#b3cdee;--primary-soft:#1b3655;--primary-soft-fg:#c9dbf2;--on-primary:#0b1726;--ring:#b3cdee;--exception-fill:#422006;--exception-text:#fde68a;--exception-border:#f59e0b;--exception-on-white:#fcd34d;--overtime-fill:#022c22;--overtime-text:#6ee7b7;--overtime-border:#34d399;--holiday-fill:#172554;--holiday-text:#93c5fd;--holiday-border:#60a5fa;--holiday-pending-fill:#0f172a;--bank-fill:#27272a;--bank-text:#d4d4d8;--bank-border:#a1a1aa;--bank-hatch:repeating-linear-gradient(135deg,transparent 0 6px,#d4d4d829 6px 8px);--pending-fill:#27272a;--pending-text:#a1a1aa;--pending-border:#a1a1aa;--approved-fill:#022c22;--approved-text:#6ee7b7;--declined-fill:#450a0a;--declined-text:#fca5a5;--declined-border:#f87171;--corrected-fill:#2e1065;--corrected-text:#c4b5fd;--corrected-border:#a78bfa;--absent-fill:#4c0519;--absent-text:#fda4af;--absent-border:#fb7185;--out-fill:#3f3f46;--out-text:#fafafa;--shadow:0 1px 2px #0006;--shadow-lg:0 12px 32px #0009}*{box-sizing:border-box}html{font-variant-numeric:tabular-nums slashed-zero}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font:400 15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ring);outline-offset:2px}svg.lucide{stroke-width:2px;flex:none;width:18px;height:18px}h1{text-wrap:balance;margin:0;font-size:26px;font-weight:600;line-height:1.2}h2{margin:0;font-size:18px;font-weight:600;line-height:1.3}h3{margin:0;font-size:15px;font-weight:600;line-height:1.4}p{margin:0}.muted{color:var(--text-muted)}.sec{color:var(--text-secondary)}.small{font-size:12.5px;font-weight:500}.caps{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:600}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px}.app{grid-template-columns:252px 1fr;min-height:100dvh;display:grid}.app.nochrome{grid-template-columns:1fr}.app.nochrome .side,.app.nochrome .top .hide-login{display:none}.side{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:2px;height:100dvh;padding:16px 12px;display:flex;position:sticky;top:0;overflow:auto}.brand{align-items:center;gap:10px;padding:4px 8px 12px;display:flex}.logo{background:var(--primary);width:34px;height:34px;color:var(--on-primary);letter-spacing:.02em;border-radius:9px;place-items:center;font-size:12px;font-weight:700;display:grid}.brand b{font-size:14px;line-height:1.2;display:block}.brand span{color:var(--text-muted);font-size:12px}.navgrp{margin:14px 10px 4px}.nav{text-align:left;width:100%;color:var(--text-secondary);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:38px;padding:8px 10px;font-size:14px;font-weight:500;display:flex}.nav:hover{background:var(--surface-sunken);color:var(--text-primary)}.nav.active{background:var(--primary-soft);color:var(--primary-soft-fg)}.nav .count{background:var(--exception-solid);color:#1c1917;border-radius:99px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700}.side .foot{border-top:1px solid var(--border);margin-top:auto;padding-top:12px}.main{min-width:0}.top{background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:10px;padding:12px 28px;display:flex;position:sticky;top:0}.crumb{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.crumb b{color:var(--text-primary);font-weight:600}.top .grow{flex:1;min-width:0}.search{border:1px solid var(--border);height:38px;color:var(--text-muted);background:var(--surface);white-space:nowrap;border-radius:9px;flex:0 240px;align-items:center;gap:8px;min-width:0;padding:0 10px;font-size:13px;display:flex;overflow:hidden}.search kbd{background:var(--surface-sunken);border-radius:5px;margin-left:auto;padding:1px 6px;font:600 11px Inter}.roles{background:var(--surface-sunken);border-radius:10px;flex-wrap:nowrap;flex:none;gap:2px;padding:3px;display:flex}.roles button{color:var(--text-secondary);background:0 0;border:0;border-radius:8px;min-height:32px;padding:6px 11px;font-size:13px;font-weight:500}.roles button.on{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow)}.iconbtn{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid;position:relative}.iconbtn:hover{background:var(--surface-sunken)}.iconbtn .dot{background:var(--absent-border);color:#fff;border:2px solid var(--surface);border-radius:99px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:grid;position:absolute;top:7px;right:8px}.avatar{background:var(--primary-soft);width:36px;height:36px;color:var(--primary-soft-fg);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.avatar.sm{width:28px;height:28px;font-size:11px}.page{max-width:1320px;padding:24px 28px 56px}.pagehead{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.pagehead .grow{flex:1;min-width:220px}.pagehead p{color:var(--text-secondary);margin-top:4px;font-size:14px}.view{display:none}.view.on{animation:.18s ease-out fade;display:block}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.view.on{animation:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-h{flex-wrap:wrap;align-items:center;gap:10px;padding:16px 18px 0;display:flex}.card-h .grow{flex:1}.card-b{padding:16px 18px 18px}.card-f{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.grid{gap:16px;display:grid}.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-5{grid-template-columns:repeat(5,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.mt{margin-top:16px}.btn{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-sunken)}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn.primary:hover{background:var(--primary-hover)}.btn.go{background:var(--in-solid);border-color:var(--in-solid);color:#fff}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-sunken)}.btn.sm{min-height:32px;padding:0 10px;font-size:13px}.btn.lg{min-height:48px;font-size:15px}.btn.danger{color:var(--declined-text);border-color:var(--declined-border)}.btn[disabled]{opacity:.5;cursor:not-allowed}.pill{white-space:nowrap;border:1px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:2px 9px 2px 7px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.pill svg.lucide{width:13px;height:13px}.p-exc{background:var(--exception-fill);color:var(--exception-text);border-color:var(--exception-border)}.p-ot{background:var(--overtime-fill);color:var(--overtime-text);border-color:var(--overtime-border)}.p-hol{background:var(--holiday-fill);color:var(--holiday-text);border-color:var(--holiday-border)}.p-holp{background:var(--holiday-pending-fill);color:var(--holiday-text);border:1.5px dashed var(--holiday-border)}.p-bank{background:var(--bank-fill);background-image:var(--bank-hatch);color:var(--bank-text);border-color:var(--bank-border)}.p-pend{background:var(--pending-fill);color:var(--pending-text);border:1.5px dashed var(--pending-border)}.p-ok{background:var(--approved-fill);color:var(--approved-text);border-color:var(--overtime-border)}.p-dec{background:var(--declined-fill);color:var(--declined-text);border-color:var(--declined-border)}.p-cor{background:var(--corrected-fill);color:var(--corrected-text);border-color:var(--corrected-border)}.p-abs{background:var(--absent-fill);color:var(--absent-text);border:1.5px dashed var(--absent-border)}.p-in{background:var(--in-solid);color:#fff}.p-out{background:var(--out-fill);color:var(--out-text);border-color:var(--border-strong)}.p-neutral{background:var(--surface-sunken);color:var(--text-secondary);border-color:var(--border)}.p-lock{background:var(--text-primary);color:var(--surface)}.kpi{padding:16px 18px}.kpi .n{letter-spacing:-.01em;font-size:30px;font-weight:600;line-height:1.1}.kpi .l{color:var(--text-secondary);align-items:center;gap:6px;margin-top:6px;font-size:13px;display:flex}.kpi .d{color:var(--text-muted);margin-top:2px;font-size:12px}.row{align-items:center;gap:12px;display:flex}.row .grow{flex:1;min-width:0}.stack{flex-direction:column;gap:10px;display:flex}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-sunken);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 12px}tr:last-child td{border-bottom:0}tbody tr:hover td{background:color-mix(in srgb,var(--surface-sunken) 45%,transparent)}td.num,th.num{text-align:right}.tablewrap{overflow-x:auto}.card>.tablewrap:last-child{border-radius:0 0 var(--radius) var(--radius)}.lb-exc{box-shadow:inset 3px 0 0 var(--exception-border)}.lb-ot{box-shadow:inset 3px 0 0 var(--overtime-border)}.lb-hol{box-shadow:inset 3px 0 0 var(--holiday-border)}.lb-bank{box-shadow:inset 3px 0 0 var(--bank-border)}.lb-cor{box-shadow:inset 3px 0 0 var(--corrected-border)}.lb-abs{box-shadow:inset 3px 0 0 var(--absent-border)}.lb-in{box-shadow:inset 3px 0 0 var(--in-solid)}.lb-out{box-shadow:inset 3px 0 0 var(--border-strong)}.listitem{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 12px;display:flex}button.listitem:hover{background:var(--surface-sunken)}.listitem.sel{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.listitem .t{font-size:14px;font-weight:600;line-height:1.3}.listitem .s{color:var(--text-muted);font-size:12.5px}.divider{background:var(--border);height:1px;margin:14px 0}textarea,input[type=text],input[type=number],input[type=date],input[type=time],input[type=email],input[type=password],input[type=search],select{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text-primary);font:inherit;border-radius:9px;min-height:40px;padding:8px 11px;font-size:14px}textarea{resize:vertical;min-height:76px}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:13px;font-weight:600}.field .hint{color:var(--text-muted);font-size:12px}.unit{position:relative}.unit input{padding-right:50px}.unit span{color:var(--text-muted);font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.switch{background:var(--border-strong);border:0;border-radius:99px;flex:none;width:44px;height:26px;padding:0;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px}.switch.on{background:var(--primary)}.switch.on:after{left:21px}.check{border:1.5px solid var(--border-strong);background:var(--surface);vertical-align:middle;border-radius:5px;place-items:center;width:20px;height:20px;padding:0;display:inline-grid}.check.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.check:not(.on) svg{visibility:hidden}.check svg.lucide{stroke-width:3px;width:14px;height:14px}.preview{background:var(--surface-sunken);border-radius:10px;padding:12px 14px;font-size:13.5px}.preview .ln{justify-content:space-between;gap:12px;padding:4px 0;display:flex}.preview .ln.total{border-top:1px solid var(--border);margin-top:6px;padding-top:8px;font-weight:600}.seg-ctl{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);border-radius:99px;min-height:32px;padding:4px 12px;font-size:13px;font-weight:500}.chip.on{background:var(--text-primary);color:var(--surface);border-color:var(--text-primary)}.tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:18px;display:flex;overflow-x:auto}.tab{color:var(--text-secondary);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:14px;font-weight:500}.tab.on{color:var(--primary);border-color:var(--primary)}.tabpane{display:none}.tabpane.on{display:block}.note{background:var(--primary-soft);color:var(--primary-soft-fg);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:13.5px;display:flex}.warn{border:1px solid var(--exception-border);background:color-mix(in srgb,var(--exception-fill) 28%,var(--surface));border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.warn>svg.lucide{color:var(--exception-on-white);margin-top:2px}.empty{text-align:center;color:var(--text-muted);padding:28px 12px}.legend{color:var(--text-secondary);flex-wrap:wrap;gap:14px;font-size:12.5px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.kbd{background:var(--surface-sunken);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font:600 11px Inter}.status{background:var(--in-solid);color:#fff;border-radius:14px;align-items:center;gap:20px;padding:22px;display:flex;position:relative;overflow:hidden}.status .big{letter-spacing:-.02em;font-size:44px;font-weight:700;line-height:1}.status .sub{opacity:.92;margin-top:8px;font-size:15px}.status .badge{background:#ffffff29;border-radius:16px;flex:none;place-items:center;width:64px;height:64px;display:grid}.status .badge svg.lucide{width:34px;height:34px}.status .pulse{background:#ffffff12;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.status .stats{gap:22px;margin-left:auto;display:flex;position:relative}.status .stats div b{font-size:22px;line-height:1.1;display:block}.status .stats div span{opacity:.85;font-size:12px}.timeline{flex-direction:column;margin-top:2px;display:flex}.tl{grid-template-columns:52px 18px 1fr;align-items:start;gap:10px;min-height:44px;display:grid}.tl .t{padding-top:1px;font-size:14px;font-weight:600}.tl .dotcol{flex-direction:column;align-items:center;height:100%;display:flex}.tl .d{border:2px solid var(--primary);background:var(--surface);border-radius:50%;width:12px;height:12px;margin-top:4px}.tl .ln{background:var(--border);flex:1;width:2px;margin:2px 0}.tl .d.in{background:var(--in-solid);border-color:var(--in-solid)}.tl .d.exc{background:var(--exception-solid);border-color:var(--exception-border)}.tl .d.fut{border-style:dashed;border-color:var(--border-strong)}.week{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:180px;padding-top:8px;display:grid}.bar{background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;padding:0;display:flex}.bar .stk{border-radius:7px 7px 3px 3px;flex-direction:column-reverse;width:100%;max-width:48px;display:flex;position:relative;overflow:visible}.bar .seg{width:100%}.bar .seg:last-child{border-radius:7px 7px 0 0}.bar .lbl{color:var(--text-secondary);font-size:12px;font-weight:600}.bar .val{color:var(--text-muted);white-space:nowrap;font-size:12px}.bar.today .lbl{color:var(--primary)}.target{border-top:2px dashed var(--border-strong);position:absolute;left:-5px;right:-5px}.tiles .tile{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:14px 16px}.tile .n{font-size:26px;font-weight:600;line-height:1.1}.tile .l{color:var(--text-secondary);margin-top:4px;font-size:13px}.meter{background:var(--surface-sunken);border-radius:99px;height:12px;margin:4px 0 14px;display:flex;overflow:hidden}.meter span{height:100%;display:block}.sheet-bg{z-index:60;background:#09090b73;display:none;position:fixed;inset:0}.sheet{background:var(--surface);z-index:61;width:min(520px,100%);box-shadow:var(--shadow-lg);flex-direction:column;transition:transform .22s ease-out;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.sheet.on{transform:none}.sheet-bg.on{display:block}.sheet-h{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:18px 20px;display:flex}.sheet-b{flex:1;padding:18px 20px;overflow:auto}.sheet-f{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.modal-bg{z-index:70;background:#09090b80;place-items:center;padding:16px;display:none;position:fixed;inset:0}.modal-bg.on{display:grid}.modal{width:min(540px,100%);max-height:92dvh;overflow:auto}.people{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.person{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.person .nm{font-size:14px;font-weight:600;line-height:1.2}.person .meta{color:var(--text-muted);font-size:12px}.req-banner{background:var(--holiday-fill);border:1px solid var(--holiday-border);color:var(--holiday-text);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:18px;display:flex}.req-banner.ot{background:var(--overtime-fill);border-color:var(--overtime-border);color:var(--overtime-text)}.req-banner .big{font-size:21px;font-weight:600}.clash{border:1px solid var(--exception-border);background:color-mix(in srgb,var(--exception-fill) 22%,var(--surface));border-radius:12px}.gantt{grid-template-columns:160px 1fr;align-items:center;gap:8px 12px;font-size:13px;display:grid}.gtrack{background:var(--surface-sunken);border-radius:6px;height:28px;position:relative}.gbar{white-space:nowrap;border-radius:5px;align-items:center;padding:0 8px;font-size:11.5px;font-weight:600;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}.gscale{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.stepper{flex-direction:column;display:flex}.step{grid-template-columns:30px 1fr;gap:12px;min-height:62px;display:grid}.step .ic{border:2px solid var(--border-strong);background:var(--surface);width:30px;height:30px;color:var(--text-muted);border-radius:50%;place-items:center;display:grid}.step .ic svg.lucide{width:15px;height:15px}.step.done .ic{background:var(--overtime-solid);border-color:var(--overtime-solid);color:#fff}.step.now .ic{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.step.dec .ic{background:var(--declined-border);border-color:var(--declined-border);color:#fff}.step .wire{flex-direction:column;align-items:center;display:flex}.step .wire .ln{background:var(--border);flex:1;width:2px;margin:3px 0}.step.done .wire .ln{background:var(--overtime-border)}.step .who{font-size:14px;font-weight:600}.step .when{color:var(--text-muted);font-size:12.5px}.cal{grid-template-columns:160px repeat(31,minmax(28px,1fr));min-width:1060px;font-size:12px;display:grid}.cal>div{border-right:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:40px;display:flex}.cal .nm{background:var(--surface);z-index:1;justify-content:flex-start;gap:8px;padding:0 12px;font-size:13px;font-weight:600;position:sticky;left:0}.cal .hd{height:46px;color:var(--text-secondary);background:var(--surface-sunken);flex-direction:column;font-weight:600;line-height:1.15}.cal .hd small{color:var(--text-muted);font-size:10px;font-weight:500}.cal .grp{background:var(--surface-sunken);letter-spacing:.05em;text-transform:uppercase;height:30px;color:var(--text-muted);grid-column:1/-1;justify-content:flex-start;padding:0 12px;font-size:11.5px;font-weight:600}.cal .we{background:color-mix(in srgb,var(--surface-sunken) 60%,transparent)}.cal .h{background:var(--holiday-fill);color:var(--holiday-text)}.cal .hp{background:var(--holiday-pending-fill);outline:1.5px dashed var(--holiday-border);outline-offset:-5px}.cal .b{background:var(--bank-fill);background-image:var(--bank-hatch);color:var(--bank-text);font-size:10px;font-weight:600}.cal .x{background:var(--exception-fill);color:var(--exception-text);font-weight:700}.cal .o{background:var(--overtime-fill);color:var(--overtime-text);font-weight:700}.cal .today{box-shadow:inset 0 0 0 2px var(--primary)}.month{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.month .dh{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.05em;padding:4px 0;font-size:11.5px;font-weight:600}.mday{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:9px;flex-direction:column;gap:4px;min-height:78px;padding:6px 8px;font-size:12px;display:flex}.mday .dn{font-size:13px;font-weight:600}.mday.off{background:0 0;border-color:#0000}.mday.we{background:var(--surface-sunken)}.mday.h{background:var(--holiday-fill);border-color:var(--holiday-border);color:var(--holiday-text)}.mday.hp{background:var(--holiday-pending-fill);border:1.5px dashed var(--holiday-border);color:var(--holiday-text)}.mday.b{background:var(--bank-fill);background-image:var(--bank-hatch);border-color:var(--bank-border);color:var(--bank-text)}.mday.x{background:var(--exception-fill);border-color:var(--exception-border);color:var(--exception-text)}.mday.o{background:var(--overtime-fill);border-color:var(--overtime-border);color:var(--overtime-text)}.mday.today{box-shadow:0 0 0 2px var(--primary)}.mday.sel{box-shadow:0 0 0 3px var(--primary)}.rulecard{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:14px 16px}.rulecard+.rulecard{margin-top:10px}.cond{background:var(--surface-sunken);border-radius:7px;align-items:center;gap:6px;padding:4px 9px;font-size:13px;font-weight:500;display:inline-flex}.brk{border:1px dashed var(--border-strong);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 12px;font-size:14px;display:flex}.brk+.brk{margin-top:8px}.tree .node{border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.tree .node:hover{background:var(--surface-sunken)}.tree .node.sel{background:var(--primary-soft);color:var(--primary-soft-fg)}.tree .node .grip{color:var(--text-muted);cursor:grab}.tree .kids{border-left:1px dashed var(--border);margin-left:22px;padding-left:6px}.matrix td,.matrix th{text-align:center;padding:9px 8px}.matrix td:first-child,.matrix th:first-child{text-align:left;background:var(--surface);z-index:1;position:sticky;left:0}.matrix th:first-child{background:var(--surface-sunken)}.matrix th.rot{letter-spacing:.02em;text-transform:none;white-space:normal;min-width:84px;font-size:10.5px;line-height:1.25}.diff{border:1px solid var(--border);border-radius:8px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;overflow:hidden}.diff div{padding:4px 10px}.diff .del{background:var(--declined-fill);color:var(--declined-text)}.diff .add{background:var(--approved-fill);color:var(--approved-text)}.weekgrid{grid-template-columns:110px 70px 1fr 1fr 1fr;align-items:center;gap:8px 12px;font-size:14px;display:grid}.weekgrid .hd{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:600}.kiosk{border:1px solid var(--border);min-height:640px;box-shadow:var(--shadow-lg);border-radius:16px;grid-template-columns:38% 1fr;display:grid;overflow:hidden}.k-left{background:var(--kiosk-panel);color:#fff;flex-direction:column;gap:8px;padding:36px;display:flex}.k-left .clock{letter-spacing:-.03em;margin:22px 0 6px;font-size:100px;font-weight:700;line-height:1}.k-left .date{opacity:.85;font-size:22px}.k-left .meta{opacity:.85;flex-direction:column;gap:6px;margin-top:auto;font-size:15px;display:flex}.k-right{background:var(--surface);flex-direction:column;justify-content:center;gap:22px;padding:40px;display:flex}.k-prompt{text-align:center;font-size:32px;font-weight:600}.fob{background:var(--primary-soft);width:128px;height:128px;color:var(--primary-soft-fg);border:0;border-radius:50%;place-items:center;margin:0 auto;animation:2.2s ease-in-out infinite pulse;display:grid}.fob svg.lucide{width:58px;height:58px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 35%,transparent)}50%{box-shadow:0 0 0 24px #0000}}@media (prefers-reduced-motion:reduce){.fob{animation:none}}.kbtn{border:2px solid var(--border-strong);background:var(--surface);border-radius:16px;justify-content:center;align-items:center;gap:12px;min-height:96px;font-size:24px;font-weight:600;display:flex}.kbtn svg.lucide{width:30px;height:30px}.kbtn.in{background:var(--in-solid);border-color:var(--in-solid);color:#fff;letter-spacing:.02em;min-height:170px;font-size:40px}.kbtn.in svg.lucide{width:44px;height:44px}.kname{font-size:44px;font-weight:600;line-height:1.1}.kflash{background:var(--kiosk-in-flash);color:#fff;text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:640px}.kflash .chk{background:#ffffff26;border-radius:50%;place-items:center;width:136px;height:136px;margin-bottom:12px;display:grid}.kflash .chk svg.lucide{stroke-width:2.5px;width:84px;height:84px}.kflash .giant{font-size:88px;font-weight:700;line-height:1}.kflash .kbtn{color:#fff;background:0 0;border-color:#ffffffb3;margin-top:22px;padding:0 40px}.kstep{display:none}.kstep.on{display:grid}.kflash.kstep.on{display:flex}.login{grid-template-columns:1fr 1fr;min-height:calc(100dvh - 64px);display:grid}.login-art{background:var(--kiosk-panel);color:#fff;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.login-art .ring{border:1px solid #ffffff1a;border-radius:50%;position:absolute}.login-form{place-items:center;padding:32px 16px;display:grid}.notif{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.notif:last-child{border-bottom:0}.notif.unread{background:color-mix(in srgb,var(--primary-soft) 40%,transparent)}.notif .ic{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.notif .ic svg.lucide{width:17px;height:17px}.log{background:var(--surface-sunken);border-radius:10px;max-height:300px;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;overflow:auto}.log div{border-bottom:1px dashed var(--border);padding:3px 0}.log div:last-child{border-bottom:0}#toasts{z-index:90;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--text-primary);color:var(--surface);box-shadow:var(--shadow-lg);border-radius:10px;align-items:center;gap:10px;max-width:380px;padding:12px 16px;font-size:14px;font-weight:500;animation:.2s ease-out fade;display:flex}.obcol{min-height:320px}.logo-img{width:auto;height:36px;display:block}.logo-on-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-on-light{display:none}:root:not([data-theme=light]) .logo-on-dark{display:block}}:root[data-theme=dark] .logo-on-light{display:none}:root[data-theme=dark] .logo-on-dark{display:block}.welcome{color:#fff;min-height:640px;box-shadow:var(--shadow-lg);background:linear-gradient(160deg,#142c47eb,#142c47b8),repeating-linear-gradient(115deg,#1d3a5c 0 2px,#0000 2px 60px),linear-gradient(200deg,#355a82,#142c47);border-radius:16px;flex-direction:column;align-items:center;padding:28px 32px 0;display:flex;position:relative;overflow:hidden}.welcome .wtop{justify-content:space-between;align-self:stretch;align-items:flex-start;display:flex}.welcome .wclock{font-size:40px;font-weight:700;line-height:1}.welcome .wtitle{letter-spacing:-.02em;margin-top:70px;font-size:110px;font-weight:200;line-height:1}.welcome .wsub{opacity:.85;margin-top:6px;font-size:22px}.welcome .wvisitor{color:#fff;background:#e11d48;border:0;border-radius:999px;min-width:min(520px,90%);min-height:84px;margin-top:auto;margin-bottom:28px;font-size:32px;font-weight:600;box-shadow:0 10px 30px #0000004d}.welcome .wbar{background:#00000059;grid-template-columns:repeat(3,1fr);align-self:stretch;margin:0 -32px;display:grid}.welcome .wbar button{color:#fff;background:0 0;border:0;justify-content:center;align-items:center;gap:12px;min-height:88px;font-size:24px;font-weight:500;display:flex}.welcome .wbar button svg.lucide{width:30px;height:30px}.welcome .wnote{opacity:.6;font-size:12px;position:absolute;bottom:96px}.welcome .wslides{z-index:0;position:absolute;inset:0}.welcome .wslide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.2s;position:absolute;inset:0}.welcome .wslide.on{opacity:1}.welcome .wslide:after{content:"";background:linear-gradient(#142c4799,#142c4733 40%,#142c47bf);position:absolute;inset:0}.welcome>:not(.wslides){z-index:1;position:relative}.welcome .wcap{opacity:.85;font-size:13px;bottom:104px;left:32px;position:absolute!important}.welcome .wdots{gap:6px;display:flex;bottom:108px;right:32px;position:absolute!important}.welcome .wdots span{background:#fff6;border-radius:50%;width:8px;height:8px}.welcome .wdots span.on{background:#fff}.mbar{color:#fff;background:#142c47;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:13.5px;display:none}.mbar .btn{color:#142c47;background:#fff;border-color:#fff}body.is-m .mbar{display:flex}.p-wfh{background:var(--primary-soft);color:var(--primary-soft-fg)}.wfh-only{display:none}body.is-o #v-home .wfh-only{display:grid}body.is-o #v-home .sf-only{display:none}.tools{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.tgrp{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.tgrp .tb{flex-wrap:wrap;gap:8px;display:flex}.of-only{display:none}body.is-m #v-home .of-only{display:grid}body.is-m #v-home .sf-only,body.is-m .emp-only{display:none}.upitem{text-align:left;border:1px solid var(--border);background:var(--surface);width:100%;color:inherit;font:inherit;cursor:pointer;border-radius:12px;padding:10px 12px;display:block}.upitem:hover{background:var(--surface-sunken)}.upitem.on{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.upitem .t{font-size:14px;font-weight:600}.upitem .s{color:var(--text-muted);margin-top:2px;font-size:12px}.updot{background:var(--primary);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.uphero{background-position:50%;background-size:cover;border-radius:12px 12px 0 0;height:170px}.upbody{max-width:70ch;font-size:15px;line-height:1.65}.upbody h3{margin:18px 0 6px;font-size:16px}.upbody p{margin:0 0 10px}.upbody ul{margin:0 0 10px;padding-left:20px}.upkpis{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:14px 0;display:grid}.upkpis div{background:var(--surface-sunken);color:var(--text-secondary);border-radius:12px;padding:12px;font-size:13px}.upkpis b{color:var(--text-primary);font-size:24px;display:block}.uptools{border:1px solid var(--border);background:var(--surface-sunken);border-bottom:0;border-radius:10px 10px 0 0;gap:4px;padding:4px;display:flex}.uptools+textarea{border-radius:0 0 10px 10px}.upbar{background:var(--surface-sunken);border-radius:99px;min-width:90px;height:6px;overflow:hidden}.upbar i{background:var(--in-solid);height:100%;display:block}.drop{border:2px dashed var(--border-strong);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:18px;display:flex}.drop:hover{background:var(--surface-sunken)}.drop svg.lucide{width:28px;height:28px}.impf{border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.imptbl input,.imptbl select{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text-primary);border-radius:6px;width:100%;min-width:90px;padding:0 8px;font-size:13px}.imptbl td{padding:6px 8px}.impf .grow,#impPane .listitem .grow,#docAskBanner .grow{flex:1;min-width:0}#impPane .listitem{flex-wrap:wrap;gap:8px}.cal .s{color:#5b21b6;background:#ede9fe;font-size:10px;font-weight:700}.cal .p{background:linear-gradient(90deg,var(--holiday-fill) 55%,transparent 55%);color:var(--holiday-text);font-size:9px;font-weight:700}.cal .off{background:var(--out-fill);color:var(--out-text);font-size:10px;font-weight:600}.cal .offp{outline:1.5px dashed var(--border-strong);outline-offset:-5px}.cal .offpart{background:linear-gradient(90deg,var(--out-fill) 55%,transparent 55%);color:var(--out-text);font-size:9px;font-weight:700}.sspage{border:1px solid var(--border);cursor:crosshair;background:#fff;border-radius:8px;height:300px;padding:24px 28px;position:relative;overflow:hidden}.ssline{background:#e4e4e7;border-radius:4px;height:8px;margin-bottom:14px}.ssline.w90{width:90%}.ssline.w85{width:85%}.ssline.w80{width:80%}.ssline.w75{width:75%}.ssline.w70{width:70%}.ssline.w60{width:60%}.ssline.w40{width:40%}.ssmark{color:#78350f;white-space:nowrap;cursor:pointer;background:#fef3c7;border:1.5px dashed #d97706;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;position:absolute;transform:translate(-50%,-50%)}.sigfont{color:#142c47;font-family:Brush Script MT,Segoe Script,cursive;font-size:26px}.powarn{border:1px solid var(--exception-border);background:var(--exception-fill);color:var(--exception-text);border-radius:10px;padding:10px 12px;font-size:13.5px}.mbar .mtab{height:32px;font:inherit;color:#142c47;background:#fff;border:0;border-radius:8px;padding:0 8px;font-size:13px}.slgrid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.slthumb{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.slimg{aspect-ratio:16/10;background-position:50%;background-size:cover;position:relative}.slimg .n{color:#fff;background:#0000008c;border-radius:99px;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;top:8px;left:8px}.slthumb .sb{align-items:center;gap:6px;padding:8px;display:flex}.slthumb .tb{flex-wrap:wrap;gap:4px;padding:0 8px 10px;display:flex}.chip.xs{min-height:26px;padding:2px 9px;font-size:12px}.slthumb input{border:1px solid var(--border);background:var(--surface);min-width:0;height:32px;color:var(--text-primary);font:inherit;border-radius:8px;flex:1;padding:0 8px;font-size:13px}.obtabs{background:var(--surface-sunken);border-radius:12px;grid-template-columns:repeat(3,110px);gap:4px;padding:4px;display:grid}.obtabs button{min-height:44px;color:var(--text-secondary);background:0 0;border:0;border-radius:9px;font-size:16px;font-weight:600}.obtabs button.on{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow)}.obwrap{position:relative}.obrow{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:52px minmax(0,1fr) 240px auto;align-items:center;gap:16px;margin-bottom:10px;padding:14px 12px;display:grid}.obmsg{color:var(--text-muted);background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:14px;display:inline-flex}.obmsg svg.lucide{width:15px;height:15px}.obstat{width:240px;color:var(--text-secondary);font-size:15px}.obtoggle{background:var(--surface-sunken);border-radius:999px;grid-template-columns:120px 120px;padding:4px;display:grid}.obtoggle button{min-height:56px;color:var(--text-secondary);background:0 0;border:0;border-radius:999px;font-size:19px;font-weight:600}.obtoggle button.on.in{background:var(--in-solid);color:#fff}.obtoggle button.on.out{color:#fff;background:#4b5563}.az{flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:40px;bottom:12px;right:6px}.az button{color:var(--text-muted);background:0 0;border:0;min-height:0;padding:0 6px;font-size:11px;font-weight:600}.camera{color:#cbd5e1;text-align:center;background:#0f172a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:200px;padding:16px;display:flex}.camera svg.lucide{width:48px;height:48px}@media (width<=860px){.obrow{grid-template-columns:52px minmax(0,1fr) auto}.obstat{display:none}.obtoggle{grid-template-columns:80px 80px}.welcome .wtitle{font-size:64px}.welcome .wbar button{font-size:16px}}.p-unp{background:repeating-linear-gradient(135deg,var(--holiday-fill) 0 5px,var(--surface) 5px 10px);color:var(--holiday-text);border:1.5px solid var(--holiday-border)}.unp-sw{vertical-align:-1px;background:repeating-linear-gradient(135deg,var(--holiday-fill) 0 3px,var(--surface) 3px 6px);border:1.5px solid var(--holiday-border);border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.cal .u{background:repeating-linear-gradient(135deg,var(--holiday-fill) 0 5px,var(--surface) 5px 10px);color:var(--holiday-text);font-size:10px;font-weight:700}.mday.u{background:repeating-linear-gradient(135deg,var(--holiday-fill) 0 6px,var(--surface) 6px 12px);border:1.5px solid var(--holiday-border);color:var(--holiday-text)}.req-banner.unp{background:repeating-linear-gradient(135deg,var(--holiday-fill) 0 10px,color-mix(in srgb,var(--holiday-fill) 55%,var(--surface)) 10px 20px)}.plantsel{width:auto;min-height:38px;font-weight:600}.typeseg{background:var(--surface-sunken);border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.typeseg button{min-height:44px;color:var(--text-secondary);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-weight:600;display:flex}.typeseg button.on{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow)}.typeseg button.on.unp{background:repeating-linear-gradient(135deg,var(--holiday-fill) 0 5px,var(--surface) 5px 10px);color:var(--holiday-text)}.scope{flex-wrap:wrap;gap:4px;display:flex}@media (width<=1180px){.g-4,.g-5{grid-template-columns:repeat(2,minmax(0,1fr))}.search{display:none}}@media (width<=980px){.g-3{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.login-art{display:none}}@media (width<=860px){.app{grid-template-columns:1fr}.side{z-index:30;border-right:0;border-top:1px solid var(--border);flex-direction:row;gap:2px;height:auto;padding:6px;position:fixed;inset:auto 0 0;overflow-x:auto}.side .brand,.side .navgrp,.side .foot,.nav .count{display:none}.nav{text-align:center;flex-direction:column;justify-content:center;gap:3px;min-width:78px;min-height:54px;padding:6px 4px;font-size:11px}.top{flex-wrap:wrap;padding:10px 16px}.crumb{display:none}.page{padding:16px 16px 100px}.g-2,.g-3,.g-4,.g-5{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.kiosk{grid-template-columns:1fr}.k-left .clock{font-size:64px}.status{flex-wrap:wrap}.status .big{font-size:32px}.status .stats{margin-left:0}.gantt{grid-template-columns:96px 1fr}.weekgrid{grid-template-columns:90px 54px 1fr 1fr}.weekgrid .exp{display:none}#toasts{bottom:80px;left:16px;right:16px}}a{color:inherit;text-decoration:none}a.btn,a.iconbtn,a.nav,a.listitem{color:inherit}a.btn.primary{color:var(--on-primary)}.link{color:var(--primary);font-weight:500}.link:hover{text-decoration:underline}#root{z-index:1;min-height:100dvh;position:relative}.side .brand{color:inherit}.side .brand .logo-img{height:30px}.side .foot .who{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden}.side .foot .avatar{cursor:pointer}.top .crumb{min-width:0}.pagehead .actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.backlink{color:var(--primary);align-items:center;gap:2px;margin-bottom:6px;font-size:13px;font-weight:500;display:inline-flex}.backlink svg.lucide{width:16px;height:16px}.grid>*{min-width:0}.blocks{flex-direction:column;gap:16px;display:flex}.blocks>.grid>.block{flex-direction:column;min-width:0;display:flex}.blocks>.grid>.block>.card{flex:1}.span-4{grid-column:span 4}.checkrow{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.checkrow.dis{opacity:.55;cursor:not-allowed}.hint.err{color:var(--declined-text);font-weight:500}.kpi-btn{text-align:left;width:100%;font:inherit;color:inherit}.kpi-btn:hover{background:var(--surface-sunken)}.tabcount{background:var(--exception-solid);color:#1c1917;border-radius:99px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700}.listitem .chev{color:var(--text-muted)}a.listitem:hover{background:var(--surface-sunken)}.kv{flex-direction:column;gap:2px;padding:6px 0;display:flex}.kv .v{font-size:14px}.empty .empty-ic{opacity:.6;width:28px;height:28px;margin:0 auto 8px;display:block}.modal.wide{width:min(760px,100%)}.spin{vertical-align:middle;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-error{background:var(--declined-border);color:#fff}.code-input{letter-spacing:.4em;text-align:center;font:600 26px/1 ui-monospace,Consolas,monospace}.qr{background:#fff;border-radius:12px;width:max-content;margin:0 auto;padding:10px}.qr img,.qr canvas{width:200px;height:200px;display:block}.secret{word-break:break-all}dl{margin:0}.picker{position:relative}.picker-list{z-index:80;background:var(--surface);border:1px solid var(--border);max-height:280px;box-shadow:var(--shadow-lg);border-radius:10px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.picker-list button{text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 10px;font-size:14px;display:flex}.picker-list button:hover,.picker-list button.hi{background:var(--surface-sunken)}.picker-list .s{color:var(--text-muted);margin-left:auto;font-size:12px}.doc-html{color:#18181b;border:1px solid var(--border);background:#fff;border-radius:10px;max-height:60vh;padding:24px 28px;font-size:14px;line-height:1.6;overflow:auto}.sigpad{border:1.5px dashed var(--border-strong);touch-action:none;background:#fff;border-radius:10px;width:100%;height:160px;display:block}.login-art .logo-img{height:44px}.login-art .logo-on-dark{display:block!important}.login-art .logo-on-light{display:none!important}.login-standalone,.login-standalone .login{min-height:100dvh}.login-form .mobile-logo{display:none}@media (width<=980px){.login-form .mobile-logo{margin-bottom:8px;display:block}}.avatar.lg{width:76px;height:76px;font-size:26px}.status.out{background:var(--out-fill);color:var(--out-text)}.status.out .caps{color:var(--text-secondary)!important}.status .caps{color:#fffc}.status.out .badge{background:var(--surface)}details.how{border-top:1px solid var(--border);margin-top:16px;padding-top:10px}details.how>summary{cursor:pointer;align-items:center;gap:6px;min-height:40px;font-size:14px;font-weight:600;list-style:none;display:flex}details.how>summary::-webkit-details-marker{display:none}details.how>summary svg.lucide{width:16px;height:16px;transition:transform .15s}details.how[open]>summary svg.lucide{transform:rotate(90deg)}.explain{color:var(--text-secondary);margin:6px 0 0;padding-left:20px;font-size:13.5px;line-height:1.5}.explain li{margin:3px 0}.tap-voided{color:var(--text-muted);text-decoration:line-through}.tiles.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tiles.three .tile{padding:12px}.tiles.three .tile .n{white-space:nowrap;font-size:18px}.month{grid-template-columns:repeat(7,minmax(0,1fr))}.mday{overflow-wrap:anywhere;min-width:0}@media (width<=860px){.month{gap:4px}.mday{min-height:44px;padding:6px}.mday .small{display:none}.month .dh{letter-spacing:0;font-size:10px}}.dayplain{border:1px solid var(--border);border-radius:10px;overflow:hidden}.dp-row{border-bottom:1px solid var(--border);grid-template-columns:64px 1fr;gap:10px;padding:9px 12px;font-size:14px;display:grid}.dp-row:last-child{border-bottom:0}.dp-t{font-variant-numeric:tabular-nums;font-weight:600}.dp-over{color:var(--exception-on-white)}.fixchoice{text-align:left;cursor:pointer}.fixchoice .radio{border:2px solid var(--border-strong);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.fixchoice .radio.on{border-color:var(--primary)}.fixchoice .radio.on:after{content:"";background:var(--primary);border-radius:50%;width:10px;height:10px}.fixfields{background:var(--surface-sunken);border-radius:10px;margin-top:12px;padding:12px}.fixwarn>svg.lucide{color:var(--exception-on-white);margin-top:2px}input[type=tel],input[type=url]{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text-primary);font:inherit;border-radius:9px;min-height:40px;padding:8px 11px;font-size:14px}.balgrid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}@media (width<=1500px){.balgrid{grid-template-columns:minmax(0,1fr)}.balgrid>.stack{grid-template-columns:1fr 1fr;gap:16px;display:grid}}@media (width<=860px){.balgrid>.stack{grid-template-columns:1fr}}.baltable td.num,.baltable th .num{white-space:nowrap}.baltable th .num{text-align:right;display:block}.auditgrid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start;gap:16px;display:grid}.auditside{position:sticky;top:16px}.audtable td{overflow-wrap:anywhere}.aud-who-m{display:none}@media (width<=1100px){.auditgrid{grid-template-columns:minmax(0,1fr)}.auditside{position:static}}@media (width<=640px){.audtable th:nth-child(2),.audtable td.aud-who{display:none}.aud-who-m{display:block}}.lb-valid{box-shadow:inset 3px 0 0 var(--in-solid)}.lb-notvalid{box-shadow:inset 3px 0 0 var(--declined-border)}tr.lb-valid td:first-child{box-shadow:inset 3px 0 0 var(--in-solid)}tr.lb-notvalid td:first-child{box-shadow:inset 3px 0 0 var(--declined-border)}.abs-struck{color:var(--text-muted);text-decoration:line-through}.abs-valid,.abs-notvalid{align-items:center;gap:4px;font-weight:600;display:inline-flex}.abs-valid{color:var(--approved-text)}.abs-notvalid{color:var(--declined-text)}.abs-valid svg,.abs-notvalid svg{width:14px;height:14px}.abs-big{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.abs-row{cursor:pointer}.abs-row:hover td{background:var(--surface-sunken)}.abstable td.num,.abstable th .num{text-align:right;white-space:nowrap}.abstable th .num{display:block}.abs-tools{flex-wrap:wrap;gap:10px;margin-bottom:12px}.abs-search{border:1px solid var(--border-strong);background:var(--surface);border-radius:9px;flex:220px;align-items:center;gap:6px;max-width:360px;min-height:40px;padding:0 10px;display:flex}.abs-search svg{width:16px;height:16px;color:var(--text-muted)}.abs-search input{background:0 0;border:0;outline:none;flex:1;min-height:38px;padding:0}.abs-history{color:var(--text-secondary);margin:8px 0 0;padding-left:18px;font-size:12.5px}.abs-history li{margin:2px 0}.abs-m-show{display:none}.vchoice button.on.yes{background:var(--approved-fill);color:var(--approved-text)}.vchoice button.on.no{background:var(--declined-fill);color:var(--declined-text)}@media (width<=860px){.abs-m-hide{display:none}.abstable th:has(.abs-m-hide){display:none}.abs-m-show{display:inline}div.abs-m-show{display:block}.abs-search{max-width:none}}.cal.calweek>div:not(.nm):not(.hd):not(.grp){white-space:nowrap;text-overflow:ellipsis;padding:0 4px;font-size:11.5px;font-weight:600;overflow:hidden}.cal.calweek .hd{font-size:12.5px}@media (width<=860px){.sheet.sheet-up{width:100%;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0;inset:auto 0 0;transform:translateY(105%)}.sheet.sheet-up.on{transform:none}.sheet.sheet-up:before{content:"";background:var(--border-strong);border-radius:3px;flex:none;width:40px;height:5px;margin:8px auto 0;display:block}}@media (prefers-reduced-motion:reduce){.sheet.sheet-up{transition:none}}button.ibtn{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}button.ibtn:active{background:var(--surface-sunken)}.login-keep{flex-wrap:wrap;align-items:center;gap:8px;display:flex}a.btn.ms-signin{gap:10px;width:100%;min-height:48px;font-size:15px;font-weight:600;text-decoration:none}.login-or{color:var(--text-muted);align-items:center;gap:10px;font-size:12.5px;display:flex}.login-or:before,.login-or:after{content:"";background:var(--border);flex:1;height:1px}.phone-app{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.phone-app .navbar{z-index:20;padding:calc(env(safe-area-inset-top) + 6px) 8px 6px 16px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:8px;min-height:52px;display:flex;position:sticky;top:0}.phone-app .navbar .grow{flex:1;min-width:0}.phone-app .navbar .navlogo .logo-img{height:26px}.phone-app .navbar .back{color:var(--primary);background:0 0;border:0;align-items:center;gap:2px;min-height:44px;padding:0 8px 0 0;font-size:16px;font-weight:500;display:flex}.phone-app .navbar .mid{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;font-weight:600;overflow:hidden}.ibtn{width:44px;height:44px;color:inherit;border-radius:50%;place-items:center;display:grid;position:relative}.ibtn:active{background:var(--surface-sunken)}.ibtn svg.lucide{width:22px;height:22px}.ibtn .badge{color:#fff;border:2px solid var(--bg);background:#e11d48;border-radius:99px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:6px;right:5px}.ibtn .avatar.sm{width:32px;height:32px;font-size:11px}.ptabbar{z-index:30;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:6px 4px calc(env(safe-area-inset-bottom) + 6px);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.ptab{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:60px;min-height:48px;font-size:10.5px;font-weight:600;display:flex;position:relative}.ptab.on{color:var(--primary)}.ptab svg.lucide{width:24px;height:24px}.ptab .badge{color:#fff;background:#e11d48;border-radius:99px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9.5px;font-weight:700;display:grid;position:absolute;top:0;left:calc(50% + 6px)}.phone-page{padding:4px 16px calc(96px + env(safe-area-inset-bottom));max-width:none;animation:.22s ease-out slide}@keyframes slide{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.phone-page{animation:none}}@media (width<=860px){body{font-size:15px}.pagehead{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.pagehead h1{letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1.1}.pagehead .grow{min-width:0}.pagehead .actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.pagehead .actions .btn{width:100%}.card{border-radius:16px}.card-h{padding:14px 16px 0}.card-b{padding:12px 16px 16px}.card-f{padding:12px 16px}.card-f .btn{flex:auto}.btn{border-radius:12px;min-height:48px}.btn.sm{min-height:40px}.iconbtn{width:44px;height:44px}.listitem{border-radius:14px;min-height:60px}input[type=text],input[type=number],input[type=date],input[type=time],input[type=email],input[type=password],input[type=search],input[type=tel],select,textarea{border-radius:12px;min-height:48px;font-size:16px}.tabs{margin-left:-16px;margin-right:-16px;padding:0 16px}.tablewrap{margin:0 -1px}td,th{padding:10px}.modal-bg{align-items:end;padding:0}.modal-bg .modal{width:100%;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0}.sheet{width:100%}#toasts{left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom))}.toast{max-width:none}.hide-phone{display:none!important}.blocks>.grid>.block{order:var(--phone-order,0)}}@media (width>=861px){.phone-only{display:none!important}}#decoration-layer{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.season-front{z-index:25;pointer-events:none;position:fixed;inset:0;overflow:hidden}.season-scene{position:absolute;inset:0}:root[data-season-scheme=dark]{--bg:#141417;--surface:#1e1e22;--surface-sunken:#0f0f11;--border:#3f3f46;--border-strong:#a1a1aa;--text-primary:#fafafa;--text-secondary:#d4d4d8;--text-muted:#a1a1aa;--primary:#8db3e2;--primary-hover:#b3cdee;--primary-soft:#1b3655;--primary-soft-fg:#c9dbf2;--on-primary:#0b1726;--ring:#b3cdee;--exception-fill:#422006;--exception-text:#fde68a;--exception-border:#f59e0b;--exception-on-white:#fcd34d;--overtime-fill:#022c22;--overtime-text:#6ee7b7;--overtime-border:#34d399;--holiday-fill:#172554;--holiday-text:#93c5fd;--holiday-border:#60a5fa;--holiday-pending-fill:#0f172a;--bank-fill:#27272a;--bank-text:#d4d4d8;--bank-border:#a1a1aa;--bank-hatch:repeating-linear-gradient(135deg,transparent 0 6px,#d4d4d829 6px 8px);--pending-fill:#27272a;--pending-text:#a1a1aa;--pending-border:#a1a1aa;--approved-fill:#022c22;--approved-text:#6ee7b7;--declined-fill:#450a0a;--declined-text:#fca5a5;--declined-border:#f87171;--corrected-fill:#2e1065;--corrected-text:#c4b5fd;--corrected-border:#a78bfa;--absent-fill:#4c0519;--absent-text:#fda4af;--absent-border:#fb7185;--out-fill:#3f3f46;--out-text:#fafafa;--shadow:0 1px 2px #0006;--shadow-lg:0 12px 32px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-season-scheme=dark] .logo-on-light{display:none}:root[data-season-scheme=dark] .logo-on-dark{display:block}:root[data-season] body{background:#0a0c12}:root[data-season] .phone-app{background:0 0}:root[data-season] .card,:root[data-season] .listitem,:root[data-season] .tile{background:color-mix(in srgb,var(--surface) 84%,transparent)}:root[data-season] th{background:color-mix(in srgb,var(--surface-sunken) 70%,transparent)}.xmas{background:radial-gradient(at 70% -10%,#1b2a4a 0%,#0c1324 45%,#070a12 100%)}.xmas-snow{width:100%;height:100%;position:absolute;inset:0}.xmas-lights{position:absolute;top:62px;left:0}@media (width<=860px){.xmas-lights{top:calc(env(safe-area-inset-top) + 52px)}}.xmas .bulb{filter:drop-shadow(0 0 6px)drop-shadow(0 0 14px);animation:2.4s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.35}}.hween{background:radial-gradient(at 88% 12%,#3a2d4a 0%,#1a1626 30%,#0b0a12 70%),#0b0a12}.hw-moon{aspect-ratio:1;background:radial-gradient(circle at 40% 38%,#fff6d8,#e8d9a8 55%,#b9a774);border-radius:50%;width:min(150px,26vw);position:absolute;top:9%;right:6%;box-shadow:0 0 60px 18px #ffecb438,0 0 160px 60px #ffc87814}.hw-crater{background:#96825a47;border-radius:50%;position:absolute}.hw-crater.a{width:22%;height:22%;top:30%;left:22%}.hw-crater.b{width:14%;height:14%;top:56%;left:58%}.hw-crater.c{width:10%;height:10%;top:18%;left:44%}.hw-fog{background:linear-gradient(#0000,#ff78281a);height:34%;position:absolute;bottom:0;left:0;right:0}.hw-pumpkin{filter:drop-shadow(0 0 24px #ff8c1e73);width:min(170px,30vw);position:absolute;bottom:-6px}.hw-pumpkin.left{left:calc(252px + 1%)}.hw-pumpkin.right{right:2%}.hw-pumpkin.small{width:min(90px,16vw);bottom:-4px;right:16%}.hw-face{animation:3.2s infinite flicker}@keyframes flicker{0%,to{opacity:1}42%{opacity:.85}44%{opacity:.55}46%{opacity:.95}70%{opacity:.8}}@media (width<=860px){.hw-pumpkin.left{left:-10px}.hw-pumpkin.small{display:none}}.bat{pointer-events:auto;cursor:pointer;color:#14101c;transform-style:preserve-3d;perspective:600px;background:0 0;border:0;padding:0;animation:3.6s ease-in-out infinite bat-hover;position:absolute}.bat-svg{fill:#151019;filter:drop-shadow(0 0 6px #ffaa3c59);width:100%;height:auto;display:block}.bat .wing{transform-box:fill-box;animation:.5s ease-in-out infinite alternate flap}.bat .wing.l{transform-origin:100% 70%}.bat .wing.r{transform-origin:0 70%}@keyframes flap{0%{transform:scaleY(1)rotate(0)}to{transform:scaleY(.35)rotate(-6deg)}}@keyframes bat-hover{0%,to{transform:translate(0)rotate(-3deg)}50%{transform:translate(-14px,10px)rotate(4deg)}}.bat.flee{animation:1.3s cubic-bezier(.55,.05,.6,1) forwards bat-flee}.bat.flee .wing{animation-duration:.14s}@keyframes bat-flee{0%{transform:translate(0,0)rotateY(0)scale(1)}20%{transform:translate3d(-20px,-30px,80px)rotateY(-25deg)scale(1.35)}to{opacity:0;transform:translate3d(-70vw,-60vh,-200px)rotateY(-60deg)scale(.25)}}.bat.away{visibility:hidden;animation:none}.bat.back{animation:1.4s ease-out forwards bat-back}@keyframes bat-back{0%{opacity:0;transform:translate3d(40vw,-30vh,-200px)scale(.3)}to{opacity:1;transform:none}}@media (width<=860px){.bat{width:40px!important}}@media (prefers-reduced-motion:reduce){.xmas .bulb,.hw-face,.bat,.bat .wing{animation:none}.bat.flee{visibility:hidden;animation:none}}