@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-vietnamese-wdth-normal.1chd077tiu-qs.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-latin-ext-wdth-normal.1w-ual84inuz5.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-latin-wdth-normal.3b1_7etm2gpf5.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#eef1ec;--card:#fbfcfa;--ink:#16233a;--muted:#566376;--line:#cdd5ce;--stamp:#3b3fbf;--red:#c12f1c;--red-wash:#fbe9e5;--green:#1c7448;--green-wash:#e2f1e8;--font:"Archivo Variable", "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--step--1:.8125rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.5625rem;--step-3:1.9375rem;--radius:6px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--step-0);font-variant-numeric:tabular-nums;margin:0;line-height:1.5}h1,h2,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}h1{font-size:var(--step-3);letter-spacing:-.01em;font-weight:750;font-stretch:112%;line-height:1.15}h2{font-size:var(--step-1);font-weight:700;font-stretch:108%;line-height:1.25}a{color:var(--stamp);text-underline-offset:.18em}:focus-visible{outline:3px solid var(--stamp);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.btn{border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--card);min-height:2.75rem;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;padding:0 1rem;font-weight:650;text-decoration:none;display:inline-flex}.btn:hover{background:#fff}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#22344f}.btn-quiet{border-color:var(--line);color:var(--muted);font-weight:500}.btn-danger{border-color:var(--red);background:var(--red);color:#fff}.btn-danger:hover{background:#a82616}.btn-block{width:100%;min-height:3.25rem}.link-button{color:var(--stamp);font:inherit;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:.5rem .25rem;text-decoration:underline}.link-button:disabled,.btn:disabled{opacity:.55;cursor:default}.field{gap:.3rem;min-width:0;display:grid}.field>span,.field-label{font-size:var(--step--1);color:var(--muted);font-weight:650}.field small{font-size:var(--step--1);color:var(--muted)}input,select{border:1.5px solid var(--line);border-radius:var(--radius);width:100%;min-height:2.75rem;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;background:#fff;padding:0 .75rem}input:hover,select:hover{border-color:var(--muted)}.form-error,.form-ok{border-left:4px solid var(--red);background:var(--red-wash);color:#7d1c0f;padding:.7rem .9rem;font-size:.9375rem}.form-ok{border-left-color:var(--green);background:var(--green-wash);color:#114a2d}.auth{place-items:start center;min-height:100dvh;padding:clamp(1.5rem,8vh,5rem) 1rem 2rem;display:grid}.auth-card{border:1px solid var(--line);border-top:5px solid var(--stamp);border-radius:var(--radius);background:var(--card);gap:1rem;width:min(26rem,100%);padding:1.75rem 1.5rem;display:grid}.auth-lede{color:var(--muted)}.auth-foot{color:var(--muted);font-size:.9375rem}.punch{width:min(30rem,100%);min-height:100dvh;padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.punch-where{border-bottom:1px solid var(--line);padding-bottom:.9rem}.punch-business{font-size:var(--step--1);color:var(--muted)}.punch-site{font-size:var(--step-1);font-weight:700;font-stretch:108%}.punch-panel{flex-direction:column;flex:1;display:flex}.punch-clock{padding-top:clamp(1.25rem,5vh,3rem)}.punch-time{letter-spacing:-.03em;font-size:clamp(4rem,23vw,7rem);font-weight:800;font-stretch:125%;line-height:.95}.punch-meridiem{letter-spacing:0;color:var(--muted);margin-left:.4rem;font-size:.26em;font-weight:700}.punch-date{font-size:var(--step-1);color:var(--muted);margin-top:.6rem}.punch-status{margin-top:clamp(1.25rem,4vh,2.25rem)}.punch-name{font-size:var(--step-2);font-weight:700;font-stretch:108%;line-height:1.2}.punch-state{color:var(--muted)}.punch-result{justify-items:start;gap:.75rem;min-height:2rem;margin:1.5rem 0;display:grid}.stamp{border:3px solid var(--stamp);color:var(--stamp);text-transform:uppercase;border-radius:4px;grid-template-columns:auto auto;align-items:baseline;column-gap:.75rem;padding:.55rem .9rem .45rem;animation:.22s cubic-bezier(.2,.9,.3,1.2) both stamp-down;display:inline-grid;transform:rotate(-3deg)}.stamp-flag{border-color:var(--red);color:var(--red)}.stamp-kind{font-size:var(--step-2);letter-spacing:.06em;font-weight:800;font-stretch:125%}.stamp-time{font-size:var(--step-2);font-weight:700}.stamp-day{font-size:var(--step--1);letter-spacing:.12em;grid-column:1/-1;font-weight:650}@keyframes stamp-down{0%{opacity:0;transform:rotate(-3deg)scale(1.35)}to{opacity:1;transform:rotate(-3deg)scale(1)}}.punch-confirm{font-weight:650}.punch-warning{border-left:4px solid var(--red);background:var(--red-wash);color:#7d1c0f;padding:.7rem .9rem;font-size:.9375rem}.punch-actions{justify-items:center;gap:.6rem;margin-top:auto;display:grid}.punch-button{color:#fff;width:100%;min-height:5.5rem;font:inherit;font-size:var(--step-3);cursor:pointer;border:0;border-radius:10px;font-weight:750;font-stretch:112%}.punch-button-in{background:var(--green)}.punch-button-out{background:var(--ink)}.punch-button:active{transform:translateY(2px)}.punch-button:disabled{opacity:.75;font-size:var(--step-1);cursor:progress}.punch-hint{font-size:var(--step--1);color:var(--muted);text-align:center}.punch-signout{text-align:center;margin-top:.75rem;font-size:.9375rem}.punch-notice{gap:.75rem;margin-top:18vh;display:grid}.punch-notice p{color:var(--muted)}.pin-form{gap:1rem;margin-top:clamp(1.5rem,8vh,4rem);display:grid}.pin-help{color:var(--muted)}.pin-input{min-height:4.25rem;font-size:var(--step-3);letter-spacing:.3em;text-align:center;font-weight:700}.dash-top{border-bottom:1px solid var(--line);background:var(--card)}.dash-top-inner{flex-wrap:wrap;align-items:center;gap:.25rem 1.5rem;width:min(68rem,100%);margin:0 auto;padding:.6rem 1.25rem 0;display:flex}.dash-business{font-weight:750;font-stretch:112%}.nav{flex:1 0 100%;order:3;gap:.25rem;margin:0 -.75rem;display:flex;overflow-x:auto}.nav a{color:var(--muted);white-space:nowrap;border-bottom:3px solid #0000;padding:.65rem .75rem;font-weight:600;text-decoration:none}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{border-bottom-color:var(--stamp);color:var(--ink)}.dash-signout{margin-left:auto;font-size:.9375rem}@media (min-width:48rem){.dash-top-inner{flex-wrap:nowrap;padding-top:0}.nav{flex:auto;order:0;margin:0}}.dash-main{gap:1.25rem;width:min(68rem,100%);margin:0 auto;padding:1.75rem 1.25rem 4rem;display:grid}.page-head{gap:.3rem;display:grid}.page-head-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.page-sub{max-width:62ch;color:var(--muted)}.page-foot{color:var(--muted);font-size:.9375rem}.crumb{font-size:.9375rem}.head-actions{flex-wrap:wrap;gap:.5rem;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);gap:.85rem;padding:1.25rem;display:grid}.panel-off{background:0 0}.panel-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.panel-sub{max-width:70ch;color:var(--muted);font-size:.9375rem}.empty{color:var(--muted)}.table-wrap{margin:0 -1.25rem;padding:0 1.25rem;overflow-x:auto}.card-table{border-collapse:collapse;width:100%;font-stretch:96%}.card-table th,.card-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap;padding:.6rem 1rem .6rem 0}.card-table thead th{border-bottom:2px solid var(--ink);font-size:var(--step--1);color:var(--muted);padding-bottom:.4rem;font-weight:650}.card-table tbody th{font-weight:650}.card-table tbody tr:last-child th,.card-table tbody tr:last-child td{border-bottom:0}.card-table .num{text-align:right}.card-table td.notes{white-space:normal;min-width:14rem;padding-right:0}.ink{color:var(--stamp);font-weight:700;text-decoration:none}a.ink:hover{text-decoration:underline}.ink-red{color:var(--red)}.ink-missing{font-weight:650;text-decoration:underline}.on-clock{color:var(--green);font-weight:650}.flag,.note{font-size:.9375rem;display:block}.flag{color:var(--red);font-weight:650}.note{color:var(--muted)}.panel-row .flag{display:inline}.roster{display:grid}.roster li{border-bottom:1px solid var(--line);border-left:4px solid var(--line);gap:.1rem 1.5rem;padding:.7rem 0 .7rem .9rem;display:grid}.roster li:last-child{border-bottom:0}.roster-on{border-left-color:var(--green)!important}.roster-name{font-weight:700}.roster-state{color:var(--muted)}.roster-on .roster-state strong{color:var(--green)}@media (min-width:40rem){.roster li{grid-template-columns:12rem 1fr}}.flag-list{display:grid}.flag-list li{border-bottom:1px solid var(--line);gap:.1rem 1.5rem;padding:.6rem 0;display:grid}.flag-list li:last-child{border-bottom:0}.flag-list a{font-weight:650}.flag-reasons{color:var(--red)}@media (min-width:40rem){.flag-list li{grid-template-columns:14rem 1fr}}.steps{gap:.5rem;padding-left:1.4rem;list-style:decimal;display:grid}.steps .done{color:var(--muted);text-decoration:line-through}.filters{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));align-items:end;gap:.75rem;display:grid}.inline-form{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.inline-form .field{flex:14rem}.inline-form .field-narrow{flex:0 9rem}.stack-form{justify-items:start;gap:1rem;display:grid}.stack-form>.field,.stack-form>.form-grid,.stack-form>.site-fields{width:100%}.form-grid,.site-fields{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-items:end;gap:.75rem;display:grid}.site-here{grid-column:1/-1;justify-items:start;gap:.4rem;display:grid}.site-status{min-height:1.4rem;color:var(--muted);font-size:.9375rem}.copy-link{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.copy-link code{border:1px dashed var(--muted);border-radius:var(--radius);overflow-wrap:anywhere;background:#fff;flex:16rem;padding:.65rem .75rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.875rem}.edit summary{width:fit-content;color:var(--stamp);cursor:pointer;padding:.4rem 0;font-weight:650}.edit[open] summary{margin-bottom:.75rem}.edit-off{margin-top:1rem}.people{display:grid}.people li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:.85rem 0;display:flex}.people li:last-child{border-bottom:0}.person-name{font-weight:700}.person-meta{color:var(--muted);font-size:.9375rem}.person-removed .person-name{color:var(--muted);text-decoration:line-through}.person-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mini-form{gap:.5rem;display:flex}.mini-form input{width:7.5rem}.facts{gap:.35rem;display:grid}.history{gap:1rem;display:grid}.history li{border-left:3px solid var(--line);padding-left:.9rem}.history-diff,.history-reason{color:var(--muted);font-size:.9375rem}@media (prefers-reduced-motion:reduce){.stamp{animation:none}.punch-button:active{transform:none}}.site-link{flex-wrap:wrap;align-items:flex-start;gap:1rem 1.25rem;display:flex}.site-qr{border:1px solid var(--line);border-radius:var(--radius);flex:none;width:8.5rem;overflow:hidden}.site-qr svg,.poster-qr svg{width:100%;height:auto;display:block}.site-link-text{flex:18rem;justify-items:start;gap:.6rem;min-width:0;display:grid}.site-link-text .copy-link{width:100%}.poster-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.poster-note{max-width:70ch;color:var(--muted);font-size:.9375rem}.poster{border:3px solid var(--stamp);text-align:center;background:#fff;border-radius:10px;justify-items:center;gap:.75rem;width:min(36rem,100%);margin:0 auto;padding:2.5rem 1.5rem;display:grid}.poster-business{font-size:var(--step-1);color:var(--muted)}.poster-title{font-size:clamp(2rem,8vw,3rem);font-weight:800;font-stretch:118%;line-height:1.05}.poster-site{font-size:var(--step-2);color:var(--stamp);font-weight:700}.poster-qr{width:min(20rem,80%);margin:.5rem 0}.poster-steps{font-size:var(--step-1);text-align:left;gap:.35rem;padding-left:1.4rem;list-style:decimal;display:grid}.poster-url{font-size:var(--step--1);color:var(--muted);overflow-wrap:anywhere}@media print{@page{margin:12mm}body{background:#fff}.dash-top,.poster-tools,.poster-note,.dash-main>.form-error{display:none}.dash-main{padding:0}.poster{break-inside:avoid;border-width:4px;width:100%}.poster-qr{width:75%}}.presets{flex-wrap:wrap;gap:.5rem;display:flex}.presets a{border:1.5px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:.45rem .85rem;font-weight:600;text-decoration:none}.presets a:hover{border-color:var(--muted)}.presets a[aria-current=true]{border-color:var(--ink);background:var(--ink);color:#fff}