:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--page:#f4f6fa;--surface:#fff;--line:#dde3ec;--ink:#1b2430;--ink-soft:#5d6b7c;--brand:#0b74d1;--brand-strong:#0959a3;--brand-soft:#e6f2fd;--brand-ink:#06437a;--admin:#2e3a5f;--admin-strong:#1f2946;--ok-bg:#e8f8ee;--ok-ink:#05612b;--warn-bg:#fdf3d8;--warn-ink:#6f5100;--err-bg:#fdeaea;--err-ink:#a01818;--on-brand:#fff;--scrim:#0f162073;--shadow-pop:0 18px 44px #0000002e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,Sarabun,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page:#0f1620;--surface:#16202c;--line:#27384a;--ink:#e7eef6;--ink-soft:#9db0c4;--brand-soft:#17293c;--brand-ink:#9fcdf5;--admin:#212c4a;--admin-strong:#161e36;--ok-bg:#16301f;--ok-ink:#8ee0a8;--warn-bg:#33280f;--warn-ink:#f0cf8a;--err-bg:#3a1e1e;--err-ink:#ffb4b4;--on-brand:#fff;--scrim:#0000009e;--shadow-pop:0 18px 44px #0000008c}}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);margin:0}a{color:var(--brand)}h1{margin:0 0 1.25rem;font-size:1.5rem}h2{margin:0 0 .75rem;font-size:1.05rem}code{background:var(--brand-soft);color:var(--brand-ink);border-radius:4px;padding:.1rem .3rem;font-size:.9em}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:1;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.5rem;display:flex;position:sticky;top:0}.topbar-brand,.topbar-who{align-items:center;gap:.6rem;display:flex}.logo{letter-spacing:.08em;color:var(--brand);font-weight:700}.who-name{font-weight:600}.who-kind{border-right:1px solid var(--line);color:var(--ink-soft);padding-right:.6rem;font-size:.85rem}.chip{background:var(--brand-soft);color:var(--brand-ink);border-radius:999px;padding:.1rem .5rem;font-size:.8rem}.shell-body{flex:1;grid-template-columns:232px minmax(0,1fr);display:grid}.shell-body--nonav{grid-template-columns:minmax(0,1fr)}.sidenav{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:.15rem;padding:1rem .75rem;display:flex}.sidenav a{color:var(--ink);border-radius:6px;padding:.55rem .75rem;font-size:.95rem;text-decoration:none}.sidenav a:hover{background:var(--brand-soft)}.sidenav a.active{background:var(--brand);color:#fff;font-weight:600}.navgroup{flex-direction:column;gap:.15rem;display:flex}.navgroup__head{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.95rem;display:flex}.navgroup__head:hover{background:var(--brand-soft)}.navgroup__label{flex:1}.navgroup__dot{background:var(--brand);border-radius:50%;width:6px;height:6px}.navgroup__caret{width:14px;height:14px;color:var(--ink-soft);transition:transform .15s}.navgroup__caret--open{transform:rotate(90deg)}.navgroup__items{border-left:2px solid var(--line);flex-direction:column;gap:.15rem;margin:.1rem 0 .35rem .85rem;padding-left:.5rem;display:flex}.navgroup__items a{font-size:.9rem}main{max-width:1040px;padding:1.75rem 2rem}main.wide{max-width:none}@media (width<=860px){.shell-body{grid-template-columns:minmax(0,1fr)}.sidenav{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap}.navgroup{flex-basis:100%}.navgroup__head{align-self:flex-start;width:auto}.navgroup__items{flex-flow:wrap}main{padding:1.25rem 1rem}}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:1.25rem;padding:1.25rem 1.5rem}.card>:last-child{margin-bottom:0}dl{grid-template-columns:11rem minmax(0,1fr);gap:.35rem 1rem;margin:0;display:grid}dt{color:var(--ink-soft);font-size:.88rem}dd{margin:0}.todo-list{margin:0;padding:0;list-style:none}.todo-list li{border-top:1px solid var(--line);align-items:baseline;gap:.75rem;padding:.5rem 0;display:flex}.todo-list li:first-child{border-top:0}.table-wrap{overscroll-behavior:contain;max-height:min(70dvh,100dvh - 24rem);overflow:auto}.drawer .table-wrap{max-height:none}.drawer .table-wrap--rows10{max-height:calc(27.5em + 10px)}.table-wrap table.data thead th{z-index:2;background:var(--surface);position:sticky;top:0}.table-wrap table.data thead th:after{content:"";background:var(--line);height:1px;position:absolute;inset:auto 0 -1px}table.data{border-collapse:collapse;width:100%;font-size:.9rem}table.data th,table.data td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:.5rem .6rem}table.data thead th{color:var(--ink-soft);white-space:nowrap;border-top:0;font-size:.82rem}table.data tbody tr:hover{background:var(--brand-soft)}table.data tr.off td{color:var(--ink-soft)}.num,table.data th.num,table.data td.num{text-align:right;font-variant-numeric:tabular-nums}th.num .sort__btn{justify-content:flex-end}.num,.nowrap{white-space:nowrap}tr.inactive td{color:var(--ink-soft)}.row-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.ghost.tiny{padding:.2rem .5rem;font-size:.8rem}.ghost.tiny.icon-only{width:1.75rem;height:1.75rem;color:var(--ink-soft);justify-content:center;align-items:center;padding:0;display:inline-flex}.ghost.tiny.icon-only svg{width:1rem;height:1rem}.ghost.tiny.icon-only:hover:not(:disabled){background:var(--err-bg);border-color:var(--err-ink);color:var(--err-ink)}.wizard-steps{color:var(--ink-soft);flex-wrap:wrap;gap:.4rem 1.2rem;margin:0 0 1rem;padding:0;font-size:.85rem;list-style:none;display:flex}.wizard-steps .is-now{color:var(--brand-ink);font-weight:600}.wizard-steps .is-done{color:var(--ink)}.plan-summary{flex-wrap:wrap;gap:.75rem;margin:0 0 1rem;display:flex}.plan-stat{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;gap:.1rem;min-width:7rem;padding:.5rem .75rem;display:flex}.plan-stat__label{color:var(--ink-soft);font-size:.72rem}.plan-stat__value{font-size:1.15rem;font-weight:600}.plan-stat__unit{color:var(--ink-soft);font-size:.72rem}.plan-page{grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));align-items:start;gap:1rem 1.5rem;margin-bottom:1rem;display:grid}.plan-company{color:var(--ink-soft);align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.plan-quick{margin:.5rem 0 0}.tpl-chip{align-items:stretch;gap:0;display:inline-flex}.tpl-chip>.ghost:first-child{border-radius:6px 0 0 6px}.tpl-chip>.ghost:last-child{border-left:0;border-radius:0 6px 6px 0}.plan-cal{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:0 0 1rem;overflow:hidden}.plan-cal.is-loading{opacity:.55;transition:opacity .15s}.plan-cal__month+.plan-cal__month{border-top:2px solid var(--line)}.plan-cal__title{margin:0;padding:.4rem .75rem .2rem;font-size:.85rem;font-weight:600}table.data.emp-pick{table-layout:fixed}table.data.emp-pick td.cell-clip{max-width:0}table.data.emp-pick th:first-child,table.data.emp-pick td:first-child{width:2rem}table.data.emp-pick th:nth-child(2),table.data.emp-pick td:nth-child(2){width:4rem}.pattern-row{grid-template-columns:5.5rem minmax(0,1fr) 1.75rem;align-items:center;gap:.4rem;margin-bottom:.35rem;display:grid}.pattern-row__no{background:var(--slot-bg);color:var(--slot-ink);text-align:center;white-space:nowrap;border-radius:6px;padding:.15rem .4rem;font-size:.75rem}.pattern-row__spacer{display:block}.plan-cal__head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.plan-cal__legend{flex-wrap:wrap;gap:.3rem;margin-left:auto;display:flex}.plan-cal__key{background:var(--slot-bg);color:var(--slot-ink);border-radius:999px;justify-content:center;align-items:center;padding:.1rem .5rem;font-size:.75rem;display:inline-flex}.plan-cal__dow,.plan-cal__grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.plan-cal__dow{border-bottom:1px solid var(--line);color:var(--ink-soft);text-align:center;padding:.3rem 0;font-size:.72rem}.plan-cal__day,.plan-cal__empty{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:.05rem;min-height:4.2rem;padding:.25rem .3rem;display:flex;position:relative}.plan-cal__num{color:var(--ink-soft);font-size:.75rem}.plan-cal__time{font-variant-numeric:tabular-nums;font-size:.8rem;line-height:1.25}.plan-cal__note{color:var(--ink-soft);font-size:.72rem;line-height:1.2}.plan-cal__day.is-off{background:var(--err-bg)}.plan-cal__day.is-off .plan-cal__note,.plan-cal__day.is-off .plan-cal__num{color:var(--err-ink)}.plan-cal__day.is-skipped{background:var(--warn-bg)}.plan-cal__day.is-skipped .plan-cal__note{color:var(--warn-ink)}.plan-cal__day.is-out{opacity:.35}.plan-cal__day[data-slot]:before{content:"";background:var(--slot-ink);width:3px;position:absolute;inset:0 auto 0 0}[data-slot="0"]{--slot-ink:#2563eb;--slot-bg:#dbeafe}[data-slot="1"]{--slot-ink:#c2410c;--slot-bg:#ffedd5}[data-slot="2"]{--slot-ink:#15803d;--slot-bg:#dcfce7}[data-slot="3"]{--slot-ink:#7c3aed;--slot-bg:#ede9fe}[data-slot="4"]{--slot-ink:#b91c1c;--slot-bg:#fee2e2}[data-slot="5"]{--slot-ink:#0f766e;--slot-bg:#ccfbf1}@media (prefers-color-scheme:dark){[data-slot="0"]{--slot-bg:#1e3a5f}[data-slot="1"]{--slot-bg:#4a2410}[data-slot="2"]{--slot-bg:#14371f}[data-slot="3"]{--slot-bg:#2e1d52}[data-slot="4"]{--slot-bg:#4a1818}[data-slot="5"]{--slot-bg:#0d3b36}}.plan-cal__flag{color:var(--err-ink);font-size:.9rem;line-height:1;position:absolute;top:.2rem;right:.3rem}.plan-cal__foot{color:var(--ink-soft);margin:0;padding:.45rem .75rem;font-size:.8rem}@media (width<=640px){.plan-cal__day,.plan-cal__empty{min-height:3.4rem}.plan-cal__time{font-size:.7rem}.plan-cal__note{font-size:.65rem}}button.chip--pick{border:1px solid var(--line);cursor:pointer;font-family:inherit}button.chip--pick:hover:not(:disabled){background:var(--err-bg);border-color:var(--err-ink);color:var(--err-ink)}table.data.shift-days th,table.data.shift-days td{padding:.3rem .35rem}table.data.shift-days input,table.data.shift-days select{width:100%;min-width:0;padding:.25rem .3rem;font-size:.8rem}table.data.shift-days td:nth-child(n+3):nth-child(-n+6){width:5.5rem}@media (pointer:coarse){table.data.shift-days input,table.data.shift-days select{font-size:16px}}.chip--ok{background:var(--ok-bg);color:var(--ok-ink)}.chip--warn{background:var(--warn-bg);color:var(--warn-ink)}.chip--off{background:var(--line);color:var(--ink-soft)}.section-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.section-head h2{margin-bottom:.15rem}.form-card--wide{max-width:760px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}label.check{flex-direction:row;align-self:end;align-items:center;gap:.5rem;padding-bottom:.55rem}label.check input{width:auto}.toolbar{flex-flow:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.pick-list{flex-direction:column;gap:.25rem;max-height:16rem;margin-top:.5rem;display:flex;overflow-y:auto}.pick-list button{background:var(--page);color:var(--ink);border:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .65rem;font-weight:400;display:flex}.pick-list button:hover:not(:disabled){background:var(--brand-soft);border-color:var(--brand)}.login{place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.login--admin{background:linear-gradient(160deg, var(--admin-strong), var(--admin))}.login--user{background:var(--page)}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:100%;max-width:380px;padding:1.75rem}.login-eyebrow{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.8rem}.login-card h1{margin:.25rem 0 .35rem;font-size:1.35rem}.login-lead{color:var(--ink-soft);margin:0 0 1.5rem;font-size:.9rem}.login-alt{border-top:1px solid var(--line);margin:1.25rem 0 .75rem;padding-top:1rem;font-size:.9rem}.booting{color:var(--ink-soft);text-align:center;padding:3rem}form{flex-direction:column;gap:1rem;display:flex}.form-card{max-width:420px}label{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}input,select,textarea{background:var(--page);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:6px;padding:.55rem .65rem;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--brand)}input[type=checkbox],input[type=radio]{width:auto;height:auto;accent-color:var(--brand);cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;margin:0;padding:0}:is(label:has(>input[type=checkbox]),label:has(>input[type=radio])){cursor:pointer;flex-direction:row;align-items:center;gap:.45rem}:is(label:has(>input[type=checkbox])>input,label:has(>input[type=radio])>input){cursor:pointer}:is(label:has(>input[type=checkbox]):focus-within,label:has(>input[type=radio]):focus-within){outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}button{background:var(--brand);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:.6rem 1rem;font-weight:600}button:hover:not(:disabled){background:var(--brand-strong)}button:disabled{background:var(--line);color:var(--ink-soft);cursor:not-allowed}.ghost{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:.35rem .7rem;font-size:.85rem;font-weight:500;text-decoration:none}.ghost:hover:not(:disabled){background:var(--brand-soft);color:var(--brand-ink)}.error,.ok,.warn{border-radius:8px;margin:0 0 1rem;padding:.7rem .9rem;font-size:.95rem}.error{background:var(--err-bg);color:var(--err-ink)}.ok{background:var(--ok-bg);color:var(--ok-ink)}.ok p{margin:.35rem 0 0}.warn{background:var(--warn-bg);color:var(--warn-ink)}.hint{color:var(--ink-soft)}.bad{color:var(--err-ink)}.meta{color:var(--ink-soft);font-size:.82rem}.pager{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-top:.9rem;padding-top:.9rem;display:flex}.pager__count{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.82rem}.pager__count strong{color:var(--ink);font-weight:600}.pager__pages{align-items:center;gap:.25rem;display:flex}.pager__btn{background:var(--surface);min-width:2.15rem;height:2.15rem;color:var(--ink);border:1px solid var(--line);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 .45rem;font-size:.85rem;font-weight:600;display:inline-flex}.pager__btn:hover:not(:disabled):not([aria-current=page]){background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}.pager__btn[aria-current=page]{background:var(--brand);border-color:var(--brand);color:#fff;cursor:default}.pager__btn:disabled{border-color:var(--line);color:var(--ink-soft);opacity:.55;cursor:not-allowed;background:0 0}.pager__btn svg{width:1rem;height:1rem}.pager__gap{text-align:center;min-width:1.5rem;color:var(--ink-soft);-webkit-user-select:none;user-select:none;font-size:.85rem}.pager__size{color:var(--ink-soft);flex-direction:row;align-items:center;gap:.4rem;font-size:.82rem;display:flex}.pager__size select{padding:.35rem .5rem;font-size:.85rem}@media (width<=720px){.pager__pages .pager__num,.pager__gap{display:none}}.dp{flex-direction:column;gap:.25rem;display:flex;position:relative}.dp__field{align-items:stretch;gap:0;display:flex}.dp__input{font-variant-numeric:tabular-nums;letter-spacing:.02em;border-right:0;border-radius:6px 0 0 6px;width:9.5rem}.dp__open{background:var(--page);width:2.35rem;color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;border-radius:0 6px 6px 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.dp__open:hover:not(:disabled){background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}.dp__open svg{width:1.05rem;height:1.05rem}.dp__cal{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:10px;width:17.5rem;padding:.6rem;position:absolute;top:calc(100% + .35rem);left:0;box-shadow:0 12px 28px #0000002e}.dp__head{justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.5rem;display:flex}.dp__nav{width:1.9rem;height:1.9rem;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.dp__nav:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}.dp__nav svg{width:1rem;height:1rem}.dp__pick{gap:.3rem;display:flex}.dp__pick select{padding:.3rem .35rem;font-size:.85rem;font-weight:600}.dp__dow,.dp__grid{grid-template-columns:repeat(7,1fr);gap:.15rem;display:grid}.dp__dow{margin-bottom:.2rem}.dp__dow span{text-align:center;color:var(--ink-soft);font-size:.72rem;font-weight:600}.dp__day{height:2rem;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:0;font-size:.85rem}.dp__day:hover:not(:disabled){background:var(--brand-soft);color:var(--brand-ink)}.dp__day[data-today]{border-color:var(--brand);font-weight:700}.dp__day[aria-current=date]{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.dp__day:disabled{color:var(--ink-soft);opacity:.4;cursor:not-allowed;background:0 0;border-color:#0000}.dp__empty{height:2rem}.dp__foot{border-top:1px solid var(--line);text-align:center;margin-top:.5rem;padding-top:.5rem}.dp__dt{flex-direction:row;align-items:flex-start;gap:.4rem;display:flex}.dp__time{font-variant-numeric:tabular-nums;text-align:center;width:4.5rem}main.wr{max-width:34rem;margin:0 auto;padding:1rem 1rem 2.5rem}.wr-head{margin-bottom:1rem}.wr-kicker{color:var(--brand);letter-spacing:.12em;margin:0;font-size:.75rem;font-weight:700}main.wr h1{margin:.1rem 0 .3rem;font-size:1.6rem}.wr-meta,.wr-range,.wr-foot{color:var(--ink-soft);font-size:.82rem}.wr-error{background:var(--err-bg);color:var(--err-ink);border-radius:8px;padding:.75rem .9rem}.wr-empty{border:1px dashed var(--line);color:var(--ink-soft);text-align:center;border-radius:10px;padding:1.25rem}.wr-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem;display:grid}.wr-stats div{background:var(--brand-soft);text-align:center;border-radius:10px;padding:.7rem .4rem}.wr-stats b{color:var(--brand-ink);font-variant-numeric:tabular-nums;font-size:1.15rem;display:block}.wr-stats span{color:var(--ink-soft);font-size:.72rem}.wr-range{margin:0 0 .75rem}.wr-board{margin:0 0 1rem;padding:0;list-style:none}.wr-board li{border-top:1px solid var(--line);grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.6rem .3rem;display:grid}.wr-board li:first-child{border-top:0}.wr-rank{color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:center;font-size:.9rem;font-weight:700}.wr-board li[data-top] .wr-rank{color:#fff;background:var(--brand);border-radius:50%;line-height:1.6rem}.wr-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wr-steps{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.wr-steps small{color:var(--ink-soft);font-size:.7rem;font-weight:400;display:block}.wr-pager{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.wr-pager span{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.82rem}.wr-foot{border-top:1px solid var(--line);margin:0;padding-top:.75rem}.drawer-scrim{z-index:40;background:var(--scrim);cursor:default;border:0;border-radius:0;padding:0;animation:.16s ease-out drawer-scrim-in;position:fixed;inset:0}button.drawer-scrim,button.drawer-scrim:hover:not(:disabled){background:var(--scrim)}.drawer{z-index:41;background:var(--surface);border-left:1px solid var(--line);width:50%;min-width:min(560px,100%);box-shadow:var(--shadow-pop);flex-direction:column;transition:transform .2s cubic-bezier(.4,0,1,1);animation:.22s cubic-bezier(.22,.61,.36,1) drawer-in;display:flex;position:fixed;inset:0 0 0 auto}.drawer[data-closing]{transform:translate(100%)}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes drawer-scrim-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.drawer,.drawer-scrim{animation:none}.drawer{transition-duration:1ms}}.drawer-head{z-index:1;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.5rem .9rem;display:flex;position:sticky;top:0}.drawer-title{margin:0;font-size:1.15rem;font-weight:700;line-height:1.35}.drawer-sub{color:var(--ink-soft);flex-wrap:wrap;gap:.1rem .5rem;margin:.2rem 0 0;font-size:.82rem;display:flex}.drawer-close{width:2.1rem;height:2.1rem;color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;font-size:1rem;font-weight:400;line-height:1;display:inline-flex}.drawer-close:hover:not(:disabled){background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}.drawer-close svg{width:1.05rem;height:1.05rem}.drawer-body{overscroll-behavior:contain;flex:1;min-height:0;padding:1.25rem 1.5rem;overflow-y:auto}.drawer-foot{background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.9rem 1.5rem;display:flex;position:sticky;bottom:0}body:has(.drawer-scrim){overflow:hidden}.field-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.9rem 1rem;display:grid}.field-grid--full{grid-column:1/-1}.fieldset-title{border-top:1px solid var(--line);color:var(--ink-soft);margin:0;padding-top:.85rem;font-size:.8rem;font-weight:700}.fieldset-title:first-child{border-top:0;padding-top:0}input.field-locked,select.field-locked,textarea.field-locked,.field-locked>input,.field-locked>select,.field-locked>textarea{background:var(--line);color:var(--ink-soft);cursor:not-allowed;-webkit-text-fill-color:var(--ink-soft)}label.field-locked{color:var(--ink-soft)}.emp-form .field-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));align-items:start;gap:.6rem .75rem}.emp-form .field-grid>label{min-width:0;color:var(--ink-soft);flex-direction:column;gap:.2rem;font-size:.72rem;line-height:1.3;display:flex}.emp-form .field-grid input,.emp-form .field-grid select{color:var(--ink);padding:.32rem .45rem;font-size:.85rem}@media (pointer:coarse){.emp-form .field-grid input,.emp-form .field-grid select{font-size:16px}}.emp-form .field-grid--even{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=900px){.emp-form .field-grid--even{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}}.emp-form .field-note{font-size:.7rem;line-height:1.35}.emp-form .fieldset-title{padding-top:.6rem}.field-note{color:var(--ink-soft);margin:0;font-size:.78rem;line-height:1.45}.emp-toolbar{flex-flow:wrap;align-items:flex-end;gap:.65rem .75rem;margin-bottom:1rem;display:flex}.emp-search{flex:18rem;max-width:24rem}.emp-search input,input.emp-search{width:100%}@media (width<=720px){.emp-toolbar{flex-direction:column;align-items:stretch}.emp-search{max-width:none}}table.data tbody tr.emp-row--selected,table.data tbody tr.emp-row--selected:hover{background:var(--brand-soft)}table.data tbody tr.emp-row--selected>td:first-child{box-shadow:inset 3px 0 0 var(--brand)}.emp-avatar{background:var(--brand-soft);width:32px;height:32px;color:var(--brand-ink);vertical-align:middle;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;line-height:1;display:inline-flex}.emp-name{font-weight:600}.emp-code{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.78rem;display:block}button.link-cell,button.link-cell:hover:not(:disabled){width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:0;display:inline-flex}button.link-cell:hover:not(:disabled) .emp-name{color:var(--brand);text-decoration:underline}button.link-cell:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.cell-clip{text-overflow:ellipsis;white-space:nowrap;max-width:22rem;overflow:hidden}.cell-note{color:var(--ink-soft);white-space:nowrap;margin-inline-start:.4rem;font-size:.78rem}.crash-stack{border:1px solid var(--line);background:var(--page);max-height:16rem;color:var(--ink-soft);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;padding:.75rem;font-size:.78rem;line-height:1.5;overflow:auto}.profile-head{align-items:center;gap:.9rem;margin-bottom:1.4rem;display:flex}.profile-head>.chip{margin-inline-start:auto}.profile-head h2{margin:0}.profile-avatar{background:var(--brand-soft);width:46px;height:46px;color:var(--brand-ink);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:inline-flex}.profile-cols{grid-template-columns:repeat(auto-fit,minmax(min(26rem,100%),1fr));gap:.75rem 2.5rem;display:grid}.profile-cols .fieldset-title{margin-top:0}.kv{border-bottom:1px solid var(--line);grid-template-columns:7.5rem 1fr;align-items:baseline;gap:.75rem;margin:0;padding:.4rem 0;display:grid}.kv:last-child{border-bottom:0}.kv-label{color:var(--ink-soft);font-size:.85rem}.kv-value{overflow-wrap:anywhere;font-weight:500}.combo{position:relative}.combo input{width:100%}.combo-list{z-index:30;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);max-height:240px;box-shadow:var(--shadow-pop);border-radius:10px;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto}.combo-item{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.45rem .55rem;font-size:.9rem;font-weight:400;display:flex}.combo-item:hover:not(:disabled){background:var(--brand-soft);color:var(--brand-ink)}.combo-item:focus-visible{outline-offset:-2px}.combo-item--active,.combo-item--active:hover:not(:disabled){background:var(--brand);color:var(--on-brand)}.brand-logo{background:#fff;border-radius:6px;width:auto;height:2rem;padding:.25rem .5rem;display:block}.brand-logo--lg{height:2.6rem;margin:0 auto 1rem;padding:.35rem .7rem}.topbar{background:var(--brand);border-bottom-color:var(--brand-strong);color:var(--on-brand)}.topbar .who-name{color:var(--on-brand)}.topbar .who-kind{color:#fffc;border-right-color:#ffffff4d}.topbar .chip{color:var(--on-brand);background:#ffffff2e}.topbar .ghost{color:var(--on-brand);border-color:#ffffff61}.topbar .ghost:hover:not(:disabled){color:var(--on-brand);background:#ffffff26}.oa{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}.oa__qr{flex:none}.oa__info{flex:20rem;min-width:0}.oa__info dl{margin:0 0 .75rem}.qr{flex-direction:column;align-items:center;gap:.5rem;display:flex}.qr__img{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.5rem;display:flex}.qr__img svg{width:100%;height:100%;display:block}.qr__actions{gap:.5rem;display:flex}.mono{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}.toolbar label>input[type=text],.toolbar label>input:not([type]){min-width:16rem}.temp-pass{letter-spacing:.12em;-webkit-user-select:all;user-select:all;background:var(--surface);border:1px dashed var(--line);overflow-wrap:anywhere;border-radius:8px;margin:.5rem 0;padding:.75rem 1rem;font-size:1.5rem;font-weight:700}.card.warn{border-left:4px solid var(--warn-ink);border-radius:10px;margin-bottom:1.25rem;padding:1.25rem 1.5rem;font-size:1rem}.data th.sort{padding:0}.sort__btn{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:.3rem;padding:.6rem .7rem;display:flex}.sort__btn:hover{background:var(--brand-soft);color:var(--brand-ink)}.sort__btn:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.sort--on .sort__btn{color:var(--brand-ink);font-weight:700}.sort__arrow{fill:currentColor;flex:none;width:.7em;height:.7em}.sort__order{background:var(--brand);min-width:1.15em;height:1.15em;color:var(--on-brand);border-radius:999px;justify-content:center;align-items:center;padding:0 .2em;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.sort__hint{color:var(--ink-soft);padding:0 .7rem .5rem;font-size:.75rem;font-weight:400}.sort-bar{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .75rem;font-size:.85rem;display:flex}.checkin-photo{border:1px solid var(--line);background:var(--page);border-radius:8px;max-width:100%;max-height:60vh;margin:0 0 .75rem;display:block}.photo-modal{z-index:41;background:var(--surface);border:1px solid var(--line);width:min(420px,100vw - 2rem);max-height:calc(100vh - 2rem);box-shadow:var(--shadow-pop);border-radius:12px;flex-direction:column;animation:.16s ease-out photo-in;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-modal__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.9rem 1.1rem;display:flex}.photo-modal__body{padding:1.1rem;overflow-y:auto}.photo-modal__body>:last-child{margin-bottom:0}@keyframes photo-in{0%{opacity:0;transform:translate(-50%,-48%)}}@media (prefers-reduced-motion:reduce){.photo-modal{animation:none}}.pick-emp{min-width:18rem;max-width:100%}.pw{display:block;position:relative}.pw__input{width:100%;padding-right:2.6rem}.pw__eye{width:2rem;height:2rem;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.pw__eye:hover:not(:disabled){background:var(--brand-soft);color:var(--brand-ink)}.pw__eye[aria-pressed=true]{color:var(--brand)}.pw__eye svg{width:1.15rem;height:1.15rem}.tabs{border-bottom:1px solid var(--line);align-items:center;gap:.35rem;margin:.75rem 0 .25rem;display:flex}.tab{color:var(--ink-soft);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;padding:.5rem .9rem;font-weight:600}.tab:hover:not(:disabled){background:var(--brand-soft);color:var(--brand-ink)}.tab--on{color:var(--brand-ink);border-bottom-color:var(--brand);margin-bottom:-1px}.tab-note{color:var(--ink-soft);margin-left:auto;padding-right:.25rem;font-size:.8rem}.chips{flex-wrap:wrap;gap:.4rem;margin:.6rem 0;display:flex}.chipbtn{color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.85rem;font-weight:500;display:inline-flex}.chipbtn:hover:not(:disabled){background:var(--brand-soft)}.chipbtn--on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink);font-weight:600}.chip--bad{background:var(--err-bg);color:var(--err-ink)}.danger{background:var(--err-ink)}.danger:hover:not(:disabled){background:color-mix(in srgb, var(--err-ink) 85%, #000)}.hours{text-align:right;width:4.5rem}