:root{--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--line:#e2e8f0;--text:#0f1117;--muted:#64748b;--faint:#94a3b8;--primary:#0f1117;--on-primary:#fff;--accent:#4d3bff;--on-accent:#fff;--accent-soft:#ecebff;--indigo:#231b3b;--on-indigo:#fff;--lavender:#c7b8ff;--soft-violet:#a78bfa;--electric:#6366f1;--lime:#b8ff3b;--green:#42efac;--mint:#4dfafa;--sky:#7dd3fc;--lime-grad:linear-gradient(135deg, #b8ff3b, #4dfafa);--flow-grad:linear-gradient(135deg, #4d3bff, #6366f1);--focus-grad:linear-gradient(135deg, #231b3b, #42efac);--on-lime:#0f1117;--hero:#0f1117;--on-hero:#f8fafc;--go:#15803d;--go-soft:#dcfce7;--on-go:#fff;--go-fill:#22c55e;--info:#1d4ed8;--info-soft:#dbeafe;--info-fill:#3b82f6;--warn:#b45309;--warn-soft:#fef3c7;--warn-fill:#fbbf24;--bad:#dc2626;--bad-soft:#fee2e2;--on-bad:#fff;--bad-fill:#ef4444;--violet:#4d3bff;--violet-soft:#ecebff;--blue:#6366f1;--shadow:0 1px 2px #0f11170a, 0 8px 24px #231b3b0f;--shadow-pop:0 20px 50px #0f11172e;--scrim:#0b0f1480;--radius:20px;--espresso:var(--primary);--crema:var(--bg);--latte:var(--line);--mocha:var(--muted);--pause:var(--warn);--stop:var(--bad);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:DM Sans,system-ui,-apple-system,sans-serif}:root[data-theme=dark]{--bg:#0b0f14;--surface:#131922;--surface-2:#1f2937;--line:#2b3646;--text:#f8fafc;--muted:#94a3b8;--faint:#64748b;--primary:#b8ff3b;--on-primary:#0f1117;--accent:#a78bfa;--on-accent:#0f1117;--accent-soft:#2a2350;--indigo:#c7b8ff;--on-indigo:#0f1117;--hero:#1f2937;--on-hero:#f8fafc;--go:#4ade80;--go-soft:#13301f;--on-go:#0f1117;--go-fill:#22c55e;--info:#60a5fa;--info-soft:#172a4a;--info-fill:#3b82f6;--warn:#fbbf24;--warn-soft:#33270b;--warn-fill:#fbbf24;--bad:#f87171;--bad-soft:#3a1717;--on-bad:#0f1117;--bad-fill:#ef4444;--violet:#a78bfa;--violet-soft:#2a2350;--blue:#818cf8;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--shadow-pop:0 20px 50px #00000080;--scrim:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[style*=--emp-tint-l]{--emp-tint:var(--emp-tint-l);--emp-strong:var(--emp-strong-l)}:root[data-theme=dark] [style*=--emp-tint-l]{--emp-tint:var(--emp-tint-d);--emp-strong:var(--emp-strong-d)}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{background:var(--bg)}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}a{color:inherit}code{background:var(--surface-2);border-radius:6px;padding:1px 6px;font-size:.85em}.i{flex:none}.muted{color:var(--muted);margin:0}.small{font-size:.85rem}.center{text-align:center}.right{text-align:right}.error{color:var(--bad);margin:0;font-weight:500}.ok{color:var(--go);margin:0;font-weight:500}.sp{flex:1}.of{color:var(--muted);font-size:1rem;font-weight:500}.logo{display:inline-flex}.logo img{width:auto;height:34px;display:block}.logo-on-dark,:root[data-theme=dark] .logo-on-light{display:none!important}:root[data-theme=dark] .logo-on-dark{display:block!important}.wordmark{letter-spacing:-.04em;-webkit-user-select:none;user-select:none;margin:0;font-size:1.75rem;font-weight:700}.wordmark .logo img{height:40px}.splash{place-items:center;height:100%;display:grid}.splash .logo img{height:72px}.btn{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:1rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-ghost{color:var(--muted);background:0 0;font-weight:500}.btn-outline{background:var(--surface);color:var(--text);border:1.5px solid var(--line)}.btn-danger{background:var(--bad);color:var(--on-bad)}.btn-small{padding:8px 14px;font-size:.9rem}.link{color:var(--accent);white-space:nowrap;background:0 0;border:0;padding:0;font-size:.9rem;font-weight:600}.link.danger,.danger-text{color:var(--bad)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:22px}form.card,.overlay .card,.login .card,.mfa-card,.settings{flex-direction:column;gap:16px;width:min(420px,100%);display:flex}.card h2{margin:0}.card label{flex-direction:column;gap:6px;font-size:.95rem;font-weight:500;display:flex}.card input,.card select,.card textarea,.select,.range-bar input{font:inherit;border:1.5px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:12px 14px}.card input:focus,.card select:focus,.card textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.card textarea{resize:vertical}.card .row{gap:12px;display:flex}.card .row label{flex:1}.card label.check{flex-direction:row;align-items:center;gap:10px;font-weight:400}.card label.check input{width:20px;height:20px;accent-color:var(--primary)}.card fieldset{border:1.5px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;margin:0;padding:12px 16px 16px;display:flex}.card legend{padding:0 6px;font-size:.95rem;font-weight:700}.select,.card .select{color:var(--muted);cursor:pointer;border-radius:10px;width:auto;padding:7px 12px;font-size:.85rem;font-weight:500}.overlay{background:var(--scrim);z-index:50;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay .card{max-height:calc(100% - 32px);overflow-y:auto}.card-wide{width:min(640px,100%)!important}.login,.placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100%;padding:24px 16px;display:flex}.login .card label{text-align:left}.login .logo{align-self:center}.login .logo img{height:40px}.login .logo-full img{height:84px}.login .tagline{color:var(--muted);margin:-6px 0 4px}.pill{background:var(--surface-2);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.pill-working,.tone-live{background:var(--indigo);color:var(--on-indigo)}.pill-working:before,.tone-live:before{content:"";background:var(--lime);border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite live-pulse;box-shadow:0 0 #b8ff3bb3}@keyframes live-pulse{0%{box-shadow:0 0 #b8ff3bb3}70%{box-shadow:0 0 0 6px #b8ff3b00}to{box-shadow:0 0 #b8ff3b00}}@media (prefers-reduced-motion:reduce){.pill-working:before,.tone-live:before{animation:none}}.pill-on_break,.pill-on_meal,.pill-warn,.pill-missing_out{background:var(--warn-soft);color:var(--warn)}.pill-off{color:var(--muted);background:0 0;padding-left:0}.pill-expired{background:var(--bad-soft);color:var(--bad);margin-left:6px}.tone-go{background:var(--go-soft);color:var(--go)}.tone-warn{background:var(--warn-soft);color:var(--warn)}.tone-bad{background:var(--bad-soft);color:var(--bad)}.tone-violet{background:var(--violet-soft);color:var(--violet)}.tone-muted{background:var(--surface-2);color:var(--muted)}.tone-lime{background:var(--lime-grad);color:var(--on-lime)}.tone-indigo{background:var(--indigo);color:var(--on-indigo)}.chip{white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.chip.up{background:var(--go-soft);color:var(--go)}.chip.down{background:var(--bad-soft);color:var(--bad)}.chip.flat{background:var(--surface-2);color:var(--muted)}.status{white-space:nowrap;border:1.5px solid;border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-block}.status.small{padding:2px 8px;font-size:.7rem}.status.good{color:var(--go);background:var(--go-soft);border-color:color-mix(in srgb, var(--go) 40%, transparent)}.status.avg{color:var(--warn);background:var(--warn-soft);border-color:color-mix(in srgb, var(--warn) 40%, transparent)}.status.poor{color:var(--bad);background:var(--bad-soft);border-color:color-mix(in srgb, var(--bad) 40%, transparent)}.tx-good{color:var(--go)}.tx-avg{color:var(--warn)}.tx-poor{color:var(--bad)}.avatar{background:var(--emp-tint,var(--surface-2));width:38px;height:38px;color:var(--emp-strong,var(--muted));border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.avatar.sm{border:2px solid var(--surface);width:28px;height:28px;margin-left:-8px;font-size:.65rem}.avatar.sm:first-child{margin-left:0}.avatars{display:inline-flex}.dot{background:var(--emp-strong,var(--muted));border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.legend-dot{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.kiosk{min-height:100%;padding:24px 32px;padding-top:max(24px, env(safe-area-inset-top));-webkit-user-select:none;user-select:none;background:var(--bg);flex-direction:column;display:flex}.kiosk-header{justify-content:space-between;align-items:flex-start;display:flex}.kiosk-brand{align-items:center;gap:16px;display:flex}.kiosk-clock{text-align:right}.kiosk-time{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:700;line-height:1}.kiosk-date{color:var(--muted);margin-top:4px}.kiosk-date:first-letter{text-transform:uppercase}.kiosk-panel{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.kiosk-panel .error{min-height:1.4em;font-size:1.15rem}.kiosk-panel h2{letter-spacing:-.02em;margin:0;font-size:2rem}.pin-dots{align-items:center;gap:16px;height:22px;display:flex}.pin-dots span{border:2px solid var(--muted);border-radius:50%;width:18px;height:18px;transition:background .15s}.pin-dots span.filled{background:var(--primary);border-color:var(--primary)}.pinpad{grid-template-columns:repeat(3,1fr);gap:14px;width:min(360px,100%);display:grid}.pinpad button{aspect-ratio:1.35;border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:0 2px 0 var(--line);border:0;font-size:2rem;font-weight:500;transition:transform 80ms,background .15s}.pinpad button:active:not(:disabled){background:var(--line);transform:scale(.96)}.pinpad .pin-aux{box-shadow:none;color:var(--muted);background:0 0}.pinpad .pin-ok{background:var(--primary);color:var(--on-primary);box-shadow:none;font-size:1.4rem;font-weight:700}.actions{flex-wrap:wrap;justify-content:center;gap:16px;width:min(720px,100%);display:flex}.action{border-radius:var(--radius);color:#fff;border:0;flex-direction:column;flex:200px;justify-content:center;align-items:center;gap:6px;max-width:320px;min-height:140px;font-size:1.6rem;font-weight:700;transition:transform 80ms;display:flex}.action:active:not(:disabled){transform:scale(.97)}.action small{opacity:.85;font-size:.95rem;font-weight:500}.action-go{background:var(--lime-grad);color:var(--on-lime)}.action-pause{background:var(--accent);color:var(--on-accent)}.action-stop{background:var(--hero);color:var(--on-hero)}:root[data-theme=dark] .action-stop{box-shadow:inset 0 0 0 1.5px var(--line)}.done .check{background:var(--lime-grad);width:96px;height:96px;color:var(--on-lime);border-radius:50%;place-items:center;font-size:3rem;font-weight:700;display:grid}.shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.side{background:var(--surface);border-right:1px solid var(--line);z-index:30;flex-direction:column;gap:4px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.side-logo{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:10px;padding:4px 10px 22px;display:flex}.side-logo .logo img{height:32px}.close-menu{display:none!important}.nav-item{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-weight:500;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow)}.nav-item .chev{margin-left:auto;transition:transform .2s}.nav-item .chev.open{transform:rotate(180deg)}.nav-sub{border-left:1.5px solid var(--line);flex-direction:column;margin:4px 0 6px 25px;padding-left:12px;display:flex}.nav-sub button{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:7px 10px;font-size:.9rem}.nav-sub button:hover{color:var(--text);background:var(--surface-2)}.nav-sub button.on{color:var(--text);font-weight:700}.side-spacer{flex:1;min-height:16px}.kiosk-card{background:var(--hero);color:var(--on-hero);border-radius:16px;flex-direction:column;gap:8px;margin-bottom:10px;padding:16px;display:flex}.kiosk-card p{opacity:.8;margin:0;font-size:.82rem}.kiosk-card button{background:var(--lime-grad);color:var(--on-lime);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-weight:700;display:flex}.me{border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;margin-bottom:4px;padding:10px;display:flex}.me strong{overflow-wrap:anywhere;font-size:.9rem;display:block}.me small{color:var(--muted);font-size:.76rem;display:block}.logout{color:var(--bad)}.logout:hover{color:var(--bad);background:var(--bad-soft)}.scrim{display:none}.shell-main{flex-direction:column;gap:22px;min-width:0;padding:24px 32px 48px;display:flex}.page{flex-direction:column;gap:16px;min-width:0;display:flex}.page>section{flex-direction:column;gap:16px;display:flex}.page-h{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-h h2{letter-spacing:-.02em;flex:1;margin:0;font-size:1.5rem}.topbar{align-items:center;gap:16px;display:flex}.menu-btn{display:none!important}.hello h1{letter-spacing:-.03em;margin:0;font-size:1.6rem}.hello p{color:var(--muted);margin:2px 0 0}.hello p:first-letter{text-transform:uppercase}.top-tools{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);width:46px;height:46px;color:var(--text);border-radius:14px;place-items:center;display:grid;position:relative}.badge{background:var(--accent);min-width:18px;height:18px;color:var(--on-accent);border:2px solid var(--surface);border-radius:9px;place-items:center;padding:0 4px;font-size:.66rem;font-weight:700;display:grid;position:absolute;top:7px;right:7px}.search{position:relative}.search input{width:320px;font:inherit;color:var(--text);border:1px solid var(--line);background:var(--surface);border-radius:14px;outline:none;padding:12px 14px 12px 42px}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.notif{position:relative}.theme{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px;display:flex}.theme button{color:var(--muted);background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-weight:500;display:flex}.theme button.on{background:var(--primary);color:var(--on-primary)}.pop{background:var(--surface);border:1px solid var(--line);width:390px;max-height:70vh;box-shadow:var(--shadow-pop);z-index:40;text-align:left;border-radius:18px;padding:10px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.search-pop{width:440px;left:0;right:auto}.pop h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:10px 10px 4px;font-size:.72rem}.pop-item{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.pop-item:hover{background:var(--surface-2)}.pop-item .t{font-size:.92rem;font-weight:600;display:block}.pop-item .s{color:var(--muted);font-size:.8rem;display:block}.pop-item.is-read{opacity:.6}.pop-item mark{background:var(--accent-soft);color:inherit;border-radius:4px;padding:0 2px}.dot-ic{border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid}.pop-head{justify-content:space-between;align-items:center;padding:6px 10px 8px;display:flex}.pop-empty{color:var(--muted);margin:0;padding:10px}.pop-foot{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:6px;margin:0;padding:8px 10px 4px;font-size:.78rem;display:flex}.unread{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;margin-left:auto}.dash{flex-direction:column;gap:22px;display:flex}.grid{gap:22px;display:grid}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.row2{grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1.35fr)}.row3{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.card-h{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.card-h h3{letter-spacing:-.02em;margin:0;font-size:1.12rem}.more{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);background:0 0;border-radius:10px;place-items:center;display:grid}.kpi{text-align:left;color:var(--text);border:0;flex-direction:column;gap:14px;transition:transform .12s;display:flex}.kpi:hover{transform:translateY(-2px)}.kpi-top{align-items:center;gap:12px;font-weight:600;line-height:1.2;display:flex}.kpi-ic{border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.kpi-val{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kpi-val strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2rem}.kpi small{color:var(--muted);font-size:.8rem}.donut-wrap{flex-direction:column;align-items:center;gap:16px;display:flex}.donut{position:relative}.donut svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-c{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.donut-c strong{letter-spacing:-.03em;font-size:1.6rem}.donut-c span:not(.chip){color:var(--muted);font-size:.78rem}.legend{flex-direction:column;gap:8px;width:100%;display:flex}.legend-row{grid-template-columns:12px minmax(0,1fr) auto auto;align-items:center;gap:10px;font-size:.9rem;display:grid}.legend-row i{border-radius:50%;width:10px;height:10px}.legend-row .amt{font-variant-numeric:tabular-nums;font-weight:600}.gauge{width:210px;height:120px;margin:4px auto 8px;position:relative}.gauge svg{width:100%;height:100%}.gauge-c{text-align:center;position:absolute;bottom:0;left:0;right:0}.gauge-c strong{letter-spacing:-.03em;font-size:2.2rem}.gauge-sub{text-align:center;color:var(--muted);margin:0 0 16px;font-size:.82rem}.mini-list{flex-direction:column;gap:10px;font-size:.88rem;display:flex}.mini-list div{align-items:center;gap:10px;display:flex}.mini-list b{font-variant-numeric:tabular-nums;width:44px}.mini-list i{border-radius:50%;width:8px;height:8px}.mini-list span{color:var(--muted)}.perf-table{border-collapse:collapse;width:100%}.perf-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:0 6px 10px;font-size:.78rem;font-weight:500}.perf-table td{border-bottom:1px solid var(--line);padding:11px 6px;font-size:.9rem}.perf-table tr:last-child td{border-bottom:0}.person{align-items:center;gap:10px;display:flex}.person .t{font-weight:600}.person .s{color:var(--muted);font-size:.78rem}.gcal{color:var(--go);background:var(--go-soft);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.cal{grid-template-columns:minmax(220px,290px) 1fr;gap:22px;display:grid}.month-h{justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600;display:flex}.month-h .nav{gap:6px;display:flex}.month-h .nav button{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;display:grid}.month{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px;font-size:.82rem;display:grid}.month .dow{color:var(--muted);padding-bottom:4px;font-size:.7rem;font-weight:700}.month .d{aspect-ratio:1;font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;display:grid;position:relative}.month .d.out{color:var(--line)}.month .d.today{background:var(--primary);color:var(--on-primary);font-weight:700}.month .d.ev:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.month .d.closed{color:var(--bad);text-decoration:line-through}.month .d.special{box-shadow:inset 0 0 0 1.5px var(--blue)}.agenda{flex-direction:column;gap:10px;min-width:0;display:flex}.agenda h5{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:6px 0 0;font-size:.72rem}.event{background:var(--surface-2);border-radius:14px;grid-template-columns:76px 4px 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.event time{font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}.event time:first-letter{text-transform:uppercase}.event .bar{background:var(--accent);border-radius:4px;align-self:stretch}.event.local.closed .bar{background:var(--bad)}.event.local.special .bar{background:var(--blue)}.event .t{overflow-wrap:anywhere;font-size:.9rem;font-weight:600}.event .s{color:var(--muted);font-size:.78rem}.cal-setup{background:var(--surface-2);border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.cal-setup p{margin:0}.pay-item{border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.pay-item+.pay-item{margin-top:12px}.pay-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pay-row .t{font-weight:600}.pay-row .s{color:var(--muted);font-size:.82rem}.pay-row .amt{font-variant-numeric:tabular-nums;margin-left:auto;font-size:1.15rem;font-weight:700}.push{margin-left:auto}.bars{align-items:flex-end;gap:8px;padding-top:20px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.bar-col .bar{border-radius:8px 8px 4px 4px;width:100%;max-width:44px;min-height:2px}.bar-val{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.7rem}.bar-label{color:var(--muted);white-space:nowrap;font-size:.72rem}.expense-grid{grid-template-columns:minmax(260px,1fr) minmax(0,2fr)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap.flat{box-shadow:none;background:0 0}.review-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.review-card{box-shadow:var(--shadow), inset 4px 0 0 var(--emp-strong);flex-direction:column;gap:12px;display:flex}.review-notes{white-space:pre-wrap;color:var(--text);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.92rem;display:-webkit-box;overflow:hidden}.review-notes.full{-webkit-line-clamp:unset;max-height:50vh;display:block;overflow-y:auto}.history{flex-wrap:wrap;gap:6px;display:flex}.row-actions{align-items:center;gap:16px;display:flex}.seg button.active.st-good{background:var(--go-soft);color:var(--go)}.seg button.active.st-avg{background:var(--warn-soft);color:var(--warn)}.seg button.active.st-poor{background:var(--bad-soft);color:var(--bad)}.week-nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.week-nav h2{letter-spacing:-.02em;flex:1;min-width:0;margin:0;font-size:1.4rem}.week-sub{margin:-4px 0 4px}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.stat{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.stat span{color:var(--muted);font-size:.85rem}.stat strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.5rem}.stat small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.stat-warn{box-shadow:var(--shadow), inset 0 0 0 1.5px color-mix(in srgb, var(--warn) 45%, transparent)}.stat-warn strong{color:var(--warn)}.stat-text{font-size:1.1rem!important}.table-wrap{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;overflow-x:auto}.week-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.week-table th,.week-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 10px}.week-table th{color:var(--muted);font-size:.78rem;font-weight:500}.week-table tbody tr:last-child td{border-bottom:0}.week-table .num{text-align:right}.week-table .today{background:color-mix(in srgb, var(--accent) 7%, transparent)}.week-table .cell-warn{color:var(--warn);font-weight:700}.week-table th.closed,.week-table td.closed{background-image:repeating-linear-gradient(-45deg, transparent 0 6px, color-mix(in srgb, var(--text) 6%, transparent) 6px 12px);color:var(--muted)}.day-flag{color:var(--bad);text-transform:none;font-size:.68rem;font-weight:700;display:block}.day-flag.special{color:var(--blue)}.clickable{cursor:pointer}.clickable:hover td{filter:brightness(.97)}.emp-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.emp-row td{background:var(--surface)}.emp-row td:first-child{box-shadow:inset 4px 0 0 var(--emp-strong)}.emp-title{align-items:center;gap:8px;display:inline-flex}.dec{color:var(--muted);font-size:.72rem;font-weight:500;display:block}.seg{background:var(--surface-2);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:.9rem;font-weight:500}.seg button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000001f}.seg-full{display:flex}.seg-full button{flex:1;padding:10px}.days{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.day-card{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;display:flex}.day-card header{justify-content:space-between;width:100%;display:flex}.day-card h3{margin:0;font-size:1rem}.day-card h3:first-letter{text-transform:uppercase}.day-total{font-variant-numeric:tabular-nums;font-weight:700}.day-warn{box-shadow:var(--shadow), inset 0 0 0 2px color-mix(in srgb, var(--warn) 35%, transparent)}.day-closed{background-image:repeating-linear-gradient(-45deg, transparent 0 8px, color-mix(in srgb, var(--text) 4%, transparent) 8px 16px)}.day-flag-line{color:var(--bad);margin:0;font-size:.85rem;font-weight:700}.day-flag-line.special{color:var(--blue)}.day-actions{gap:16px;display:flex}.issue{color:var(--warn);margin:0;font-size:.9rem;font-weight:500}.note{color:var(--muted);margin:0;font-size:.85rem}.punches{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.punches li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.punches li.voided .punch-time,.punches li.voided .punch-type{color:var(--muted);text-decoration:line-through}.punch-time{font-variant-numeric:tabular-nums;min-width:72px;font-weight:700}.punch-actions{gap:12px;margin-left:auto;display:flex}.preview{margin:0}.preview .note{margin-top:4px}.audit h3{margin:0 0 8px;font-size:1rem}.audit ul{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.range-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.range-bar label{flex-direction:column;gap:4px;font-size:.85rem;font-weight:500;display:flex}.range-bar input{border-radius:10px;padding:8px 10px}.export-bar{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;display:flex}.export-msg{flex-basis:100%;margin:0}.emp-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.emp-list li{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.emp-list li.inactive{opacity:.6}.emp-item{box-shadow:var(--shadow), inset 4px 0 0 var(--emp-strong)!important}.emp-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.bd-closed{box-shadow:var(--shadow), inset 4px 0 0 var(--bad)!important}.bd-special{box-shadow:var(--shadow), inset 4px 0 0 var(--blue)!important}.colors{flex-wrap:wrap;flex-direction:row!important;gap:8px!important}.swatch{background:var(--emp-tint);cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;padding:6px 10px;flex-direction:row!important;gap:6px!important;font-size:.85rem!important;font-weight:500!important}.swatch.selected{border-color:var(--emp-strong)}.swatch input{opacity:0;pointer-events:none;position:absolute}.alerts{background:var(--warn-soft);border-radius:16px;padding:14px 16px}.alerts ul{margin:8px 0 0;padding-left:18px}.mfa{place-items:center;padding:24px 0;display:grid}.mfa-card{text-align:center;align-items:center;width:min(460px,100%)!important}.mfa-form{text-align:left;flex-direction:column;gap:12px;width:100%;display:flex}.mfa-form p{margin:0}.mfa-steps{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.lock{font-size:2rem}.qr{background:#fff;border-radius:12px;align-self:center;width:200px;height:200px;padding:8px}.secret code{word-break:break-all}.code-input{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:1.8rem!important}.record-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.record-card{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:16px}.record-card header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.record-card h3{margin:0;font-size:1rem}.record-card dl{grid-template-columns:1fr 1fr;gap:10px 16px;margin:0;display:grid}.record-card dl .full{grid-column:1/-1}.record-card dt{color:var(--muted);font-size:.78rem}.record-card dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:2px 0 0;font-weight:500}.docs{flex-direction:column;gap:12px;display:flex}.docs h3{flex:1;margin:0}.docs-table td{white-space:normal;vertical-align:top}.doc-actions{justify-content:flex-end;gap:12px;display:flex;white-space:nowrap!important}.docs-table .pill-warn{margin-left:6px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=1280px){.row2{grid-template-columns:repeat(2,minmax(0,1fr))}.row2>:last-child{grid-column:1/-1}.search input{width:240px}.search-pop{width:380px}}@media (width<=1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.row3,.expense-grid{grid-template-columns:minmax(0,1fr)}.theme button span{display:none}}@media (width<=900px){.shell{grid-template-columns:minmax(0,1fr)}.side{width:280px;box-shadow:var(--shadow-pop);transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.menu-open .side{transform:none}.menu-open .scrim{background:var(--scrim);z-index:25;display:block;position:fixed;inset:0}.close-menu,.menu-btn{display:grid!important}.shell-main{padding:16px 16px 40px}.topbar{flex-wrap:wrap}.top-tools{width:100%;margin-left:0}.search{flex:1}.search input{width:100%}.search-pop{width:min(440px,100vw - 32px)}.notif-pop{width:min(390px,100vw - 32px);right:-60px}.row2,.stats-grid{grid-template-columns:minmax(0,1fr)}.row2>:last-child{grid-column:auto}.cal{grid-template-columns:minmax(0,1fr)}.top-tools{flex-wrap:wrap}.theme{margin-left:auto}}@media (width<=600px){.kpis{grid-template-columns:minmax(0,1fr)}.hello h1{font-size:1.3rem}.kiosk{padding:16px}.kiosk-time{font-size:1.8rem}.kiosk-panel h2{font-size:1.6rem}.action{min-height:96px;font-size:1.3rem}.card{padding:18px}.form-grid,.record-card dl,.review-list{grid-template-columns:1fr}}html,body{overflow-x:hidden}.portal{max-width:560px;padding:16px 16px 40px;padding-top:max(16px, env(safe-area-inset-top));flex-direction:column;gap:18px;margin:0 auto;display:flex}.portal-top{align-items:center;gap:10px;display:flex}.portal-top .logo img{height:28px}.portal-hello{align-items:center;gap:14px;display:flex}.portal-hello h1{letter-spacing:-.03em;margin:0;font-size:1.5rem}.avatar.lg{width:52px;height:52px;font-size:1rem}.portal-foot{margin-top:4px}.timer{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.timer .pill{padding:6px 14px;font-size:.85rem}.pill-missing_out{background:var(--bad-soft)!important;color:var(--bad)!important}.ring{aspect-ratio:1;width:min(300px,78vw);position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--surface-2);stroke-width:9px}.ring-fg{fill:none;stroke:var(--accent);stroke-width:9px;stroke-linecap:round;transition:stroke-dasharray 1s linear}.ring-c{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.ring-k{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:600}.ring-c .big{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,13vw,3.6rem);line-height:1}.timer-working .big{color:var(--text)}.timer-on_break .big{color:var(--warn)}.ring-s{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}.timer-hint{color:var(--muted);max-width:360px;margin:0;font-size:.92rem}.timer-hint.warn{color:var(--bad);font-weight:600}.timeline{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.timeline li{background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;display:flex}.timeline time{font-variant-numeric:tabular-nums;font-weight:700}.timeline .tl-clock_in time{color:var(--go)}.timeline .tl-clock_out time{color:var(--bad)}.timeline .tl-break_start time,.timeline .tl-break_end time,.timeline .tl-meal_start time,.timeline .tl-meal_end time{color:var(--warn)}.week-label{text-align:center;min-width:112px;font-weight:600}.more:disabled{opacity:.35}.week-total{margin:0 0 8px;font-size:1.1rem}.hist-days{flex-direction:column;gap:10px;display:flex}.hist-day{background:var(--surface-2);border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.hist-day header{justify-content:space-between;font-weight:700;display:flex}.hist-day h4{margin:0;font-size:.95rem}.hist-day h4:first-letter{text-transform:uppercase}.hist-day ul{flex-direction:column;gap:4px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.hist-day li{align-items:center;gap:10px;display:flex}.hist-day time{font-variant-numeric:tabular-nums;min-width:72px;font-weight:700}.info-list{flex-direction:column;margin:0 0 12px;display:flex}.info-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.info-list div:last-child{border-bottom:0}.info-list dt{color:var(--muted);font-size:.88rem}.info-list dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.avatar-img{object-fit:cover;background:var(--surface-2);padding:0}.avatar.xl{width:72px;height:72px;font-size:1.3rem}.avatar.xxl{width:96px;height:96px;box-shadow:0 0 0 4px var(--surface), 0 0 0 6px var(--emp-strong,var(--line));font-size:1.7rem}.emp-who{align-items:center;gap:14px;min-width:0;display:flex}.emp-who>div{min-width:0}.emp-who .emp-title{flex-wrap:wrap}.role-owner{background:var(--primary);color:var(--on-primary)}.role-barista{background:var(--surface);color:var(--emp-strong,var(--text))}.bday{color:var(--emp-strong,var(--accent));align-items:center;gap:6px;margin-top:6px;font-size:.8rem;font-weight:600;display:inline-flex}.bday.today{background:var(--surface);border-radius:999px;padding:3px 10px}.photo-pick{align-items:center;gap:16px;display:flex}.photo-actions{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.file-btn{cursor:pointer;position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.seg-field{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.seg-field legend{margin-bottom:6px;padding:0;font-size:.9rem}.seg label{color:var(--muted);cursor:pointer;border-radius:8px;padding:6px 14px;font-weight:500}.seg label.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000001f}.seg label input{opacity:0;pointer-events:none;position:absolute}.danger-text{justify-content:center;align-items:center;gap:6px;display:inline-flex}.record-head{background:var(--surface);box-shadow:var(--shadow);border-radius:20px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:16px;padding:20px;display:flex}.record-who{flex:1;min-width:200px}.record-who h2{letter-spacing:-.02em;margin:0 0 8px}.record-tags{flex-wrap:wrap;gap:6px;display:flex}.record-actions{flex-direction:column;gap:8px;display:flex}.social{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.social a{color:var(--emp-strong,var(--accent));font-size:.9rem;font-weight:600}.notice{background:var(--go-soft);color:var(--text);border-radius:12px;padding:10px 14px}.delete-card{flex-direction:column;gap:16px;width:min(640px,100%);display:flex}.delete-head{align-items:center;gap:16px;display:flex}.delete-head h2{margin:0 0 4px}.delete-card .tip{background:var(--surface-2);border-radius:12px;margin:0;padding:10px 14px}.steps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.steps li{border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;display:flex}.steps li.done{border-color:var(--go)}.steps li.locked{opacity:.55}.steps li p{margin:0}.steps input{width:100%}.birthdays-card .bd-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:8px 0;display:flex}.birthdays-card .bd-row:first-of-type{border-top:0}.birthdays-card .bd-row .t{font-weight:600}.birthdays-card .bd-row .s{color:var(--muted);font-size:.82rem}.birthdays-card .bd-row .when{color:var(--emp-strong,var(--accent));margin-left:auto;font-size:.85rem;font-weight:700}.col-stack{gap:inherit;flex-direction:column;min-width:0;display:flex}@media (width<=640px){.record-actions{flex-flow:wrap;width:100%}.emp-list li{flex-direction:column;align-items:stretch}.emp-actions{justify-content:flex-start}}.emp-who .avatar,.record-head .avatar{background:var(--surface)}form.card fieldset.seg-field{background:0 0;border:0;padding:0}.missing-out{background:var(--warn-soft);text-align:left;border-radius:16px;flex-direction:column;gap:10px;width:min(560px,100%);padding:16px 20px;display:flex}.missing-out p{margin:0}.missing-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.missing-form label{flex-direction:column;gap:6px;font-weight:600;display:flex}.missing-form input{border:1.5px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 12px;font-size:1.4rem}.missing-card{border:1.5px solid var(--warn);flex-direction:column;align-items:flex-start;gap:8px;display:flex}.missing-card p{margin:0}.req-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.req-row:first-of-type{border-top:0}.req-row>div{flex:1;min-width:0}.req-row .t{font-weight:600}.req-row .s{color:var(--muted);overflow-wrap:anywhere;font-size:.85rem}.count-badge{background:var(--accent);min-width:20px;height:20px;color:var(--on-accent);border-radius:999px;place-items:center;margin-left:auto;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-grid}.card-h .count-badge{margin-left:8px}.req-item{border-top:1px solid var(--line);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.req-item:first-of-type{border-top:0}.req-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.req-main .s{font-size:.9rem}.req-main .note{color:var(--text);background:var(--surface-2);border-radius:10px;align-self:flex-start;margin-top:4px;padding:6px 10px;font-style:italic}.req-main .meta{color:var(--muted);font-size:.78rem}.req-actions{flex-direction:column;gap:6px;display:flex}@media (width<=640px){.req-item{flex-wrap:wrap}.req-actions{flex-direction:row;width:100%}}.payroll-close{flex-direction:column;gap:16px;display:flex}.payroll-close .card{flex-direction:column;gap:12px;display:flex}.flow-steps{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.flow-steps li{background:var(--surface);color:var(--muted);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:.9rem;font-weight:600;display:flex}.flow-steps li span{background:var(--surface-2);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8rem;display:grid}.flow-steps li.now{color:var(--text)}.flow-steps li.now span{background:var(--accent);color:var(--on-accent)}.flow-steps li.done span{background:var(--go);color:var(--on-go)}.flow-alert{background:var(--warn-soft);border-radius:12px;padding:10px 14px}.flow-alert.bad{background:var(--bad-soft)}.issue-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.issue-list li{align-items:center;gap:10px;font-size:.9rem;display:flex}.flow-done{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.locked-step{opacity:.6}.emp-cell{align-items:center;gap:8px;display:inline-flex}.emp-cell .avatar.sm{margin-left:0}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--surface-2)}.total-row td{border-top:2px solid var(--line);font-weight:600}.labor .seg{align-self:flex-start}.rules-preview{background:var(--surface-2);border-radius:12px;padding:10px 14px;font-size:.9rem}.rate-warn{color:var(--bad);font-weight:600}form.card.settings{width:min(640px,100%)}.integrations{flex-direction:column;gap:16px;display:flex}.integ-card{flex-direction:column;gap:12px;display:flex}.integ-h{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.integ-h>div:nth-child(2){flex:1;min-width:200px}.integ-h h3{margin:0 0 2px}.integ-h p{margin:0}.integ-logo{border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:grid}.integ-logo.valor{background:var(--indigo);color:var(--on-indigo)}.integ-logo.takt{background:var(--primary);color:var(--on-primary)}.integ-facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0;display:grid}.integ-facts dt{color:var(--muted);font-size:.78rem}.integ-facts dd{margin:2px 0 0;font-weight:600}.integ-actions{flex-wrap:wrap;gap:8px;display:flex}.integ-help summary{cursor:pointer;font-size:.9rem;font-weight:600}.integ-help ol{flex-direction:column;gap:4px;margin:8px 0;padding-left:20px;font-size:.9rem;display:flex}.code{background:var(--surface-2);white-space:pre;border-radius:10px;padding:12px;font-size:.78rem;overflow-x:auto}.key-box{background:var(--surface-2);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:10px;padding:12px;font-size:.85rem;display:block}.req-row.revoked{opacity:.55}.overlay-inner{width:min(460px,100%);max-height:calc(100% - 32px);overflow-y:auto}.overlay-inner .mfa{min-height:0}.sales-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr) minmax(0,.9fr)}.sales-kpis{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:6px 0 10px;display:grid}.sales-kpis>div{background:var(--surface-2);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.sales-kpis span{color:var(--muted);font-size:.78rem}.sales-kpis strong{letter-spacing:-.02em;font-size:1.25rem}.sales-kpis small{color:var(--muted);font-size:.75rem}.sales-kpis .warn{background:var(--warn-soft)}.top-row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.top-row:first-of-type{border-top:0}.top-row .t{flex:1;font-weight:600}.top-row .rank{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid}@media (width<=1100px){.sales-row{grid-template-columns:minmax(0,1fr)}}.gcal.athm{background:var(--accent-soft);color:var(--accent);margin-left:6px}.by-provider{flex-wrap:wrap;gap:16px;margin:0 0 4px;display:flex}.integ-logo.athm{background:var(--lime-grad);color:var(--on-lime);font-size:.8rem}.webhook-url{background:var(--surface-2);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:10px;padding:12px;font-size:.8rem;display:block}.steps-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:.9rem;display:flex}.tips-page{flex-direction:column;gap:16px;display:flex}.tips-page .card{flex-direction:column;gap:10px;display:flex}.tip-rules{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.tips-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr)}.cash-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;display:grid}.cash-grid label{color:var(--muted);text-transform:capitalize;flex-direction:column;gap:4px;font-size:.8rem;display:flex}.cash-grid input{width:100%}.insights{flex-direction:column;gap:16px;display:flex}.insights .card{flex-direction:column;gap:10px;min-width:0;display:flex}.insights-top{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.insights-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.notes{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.notes li{background:var(--surface-2);border-left:4px solid var(--muted);border-radius:12px;padding:10px 12px 10px 14px;font-size:.92rem}.notes .note-good{border-left-color:var(--go)}.notes .note-bad{border-left-color:var(--bad)}.notes .note-warn{border-left-color:var(--warn)}.notes .note-info{border-left-color:var(--accent)}.cmp-table td:first-child{font-weight:500}.dual-legend{color:var(--muted);gap:16px;font-size:.8rem;display:flex}.sw{vertical-align:middle;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.sw.sales,.dual-pair .sales{background:var(--accent)}.sw.staff,.dual-pair .staff{background:var(--lime-grad)}.dual-bars{align-items:flex-end;gap:6px;height:170px;padding-top:10px;display:flex;overflow-x:auto}.dual-col{flex-direction:column;flex:1;align-items:center;min-width:26px;height:100%;display:flex;position:relative}.dual-pair{flex:1;justify-content:center;align-items:flex-end;gap:2px;width:100%;display:flex}.dual-pair .bar{border-radius:4px 4px 0 0;width:45%;min-height:2px}.dual-col .flag{color:var(--warn);font-size:.8rem;font-weight:800;position:absolute;top:-4px}.dual-col.slow .flag{color:var(--muted)}.share{background:var(--surface-2);vertical-align:middle;border-radius:3px;width:50px;height:6px;margin-right:6px;display:inline-block;overflow:hidden}.share span{height:100%;display:block}.mix{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.mix-list{flex-direction:column;flex:1;gap:10px;margin:0;padding:0;list-style:none;display:flex}.mix-list li{align-items:center;gap:8px;display:flex}.mix-list strong{margin-left:auto}@media (width<=1000px){.insights-top,.insights-two,.tips-grid{grid-template-columns:minmax(0,1fr)}}.mix .donut-c strong{letter-spacing:-.02em;font-size:.95rem}.security h3{margin:8px 0 0;font-size:1rem}.device-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.device-list li{background:var(--surface-2);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.device-list li span{flex:1;font-weight:600}.codes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin:0;padding-left:22px;display:grid}.codes-grid code{letter-spacing:.05em;font-size:1rem}.recovery-input{letter-spacing:.15em;text-transform:uppercase}@media print{body *{visibility:hidden}.codes-grid,.codes-grid *{visibility:visible}.codes-grid{position:absolute;top:0;left:0}}.schedule-page{flex-direction:column;gap:14px;display:flex}.schedule-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sched-grid{border-collapse:separate;border-spacing:0;background:var(--surface);width:100%;box-shadow:var(--shadow);border-radius:16px;min-width:760px;overflow:hidden}.sched-grid th,.sched-grid td{border-bottom:1px solid var(--line);vertical-align:top;padding:8px;font-size:.88rem}.sched-grid th{color:var(--muted);text-align:left;cursor:pointer;white-space:nowrap;font-weight:600}.sched-grid th.today{color:var(--accent)}.sched-grid th.focus{background:var(--surface-2)}.sched-grid .closed-tag{color:var(--bad);font-weight:500;display:block}.sched-grid tbody tr>td:first-child{background:var(--surface);box-shadow:inset 4px 0 0 var(--emp-strong);white-space:nowrap}.sched-cell{min-width:96px}.sched-cell.over{background:var(--warn-soft)}.shift-chip{text-align:left;background:var(--emp-tint);width:100%;color:var(--emp-strong);cursor:pointer;box-shadow:inset 3px 0 0 var(--emp-strong);border:0;border-radius:8px;margin-bottom:4px;padding:5px 8px;font-size:.8rem;font-weight:600;display:block}.add-shift{border:1px dashed var(--line);color:var(--muted);cursor:pointer;opacity:.6;background:0 0;border-radius:8px;width:100%;padding:2px}.add-shift:hover{opacity:1;color:var(--accent);border-color:var(--accent)}.off-tag{background:var(--violet-soft);color:var(--violet);border-radius:6px;margin-bottom:4px;padding:3px 6px;font-size:.72rem;font-weight:700;display:block}.off-tag.pending{background:var(--warn-soft);color:var(--warn)}.coverage,.my-schedule{flex-direction:column;gap:8px;display:flex}.sched-day{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding-top:8px;display:flex}.sched-day:first-of-type{border-top:0}.sched-day.today .sched-date{color:var(--accent)}.sched-date{font-size:.85rem;font-weight:700}.sched-date:first-letter{text-transform:uppercase}.sched-mine{background:var(--emp-tint,var(--surface-2));border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.row-actions{flex-direction:row!important}.bell-wrap{position:relative}.bell-dot{background:var(--accent);min-width:16px;height:16px;color:var(--on-accent);border-radius:8px;place-items:center;padding:0 4px;font-size:.65rem;font-weight:700;display:grid;position:absolute;top:2px;right:2px}.bell-pop{width:min(320px,90vw);max-height:60vh;left:auto;right:0;overflow-y:auto}.bell-item{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding:10px 12px;font-size:.88rem;display:flex}.bell-item:first-child{border-top:0}.bell-item.new{background:var(--accent-soft)}.kiosk-shift{margin:0;font-size:1.05rem}.checklist{gap:14px}.check-items{flex-direction:column;gap:10px;width:min(560px,100%);display:flex}.check-item{border:1.5px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;color:var(--text);border-radius:16px;align-items:center;gap:14px;padding:16px 18px;font-size:1.1rem;display:flex}.check-item .box{border:2px solid var(--line);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.check-item .t{flex:1}.check-item.done{border-color:var(--go);background:var(--go-soft)}.check-item.done .box{background:var(--go);border-color:var(--go);color:var(--on-go)}.check-item.done .t{color:var(--muted);text-decoration:line-through}.checklists-page{flex-direction:column;gap:16px;display:flex}.cl-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cl-list li{background:var(--surface-2);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.cl-list li .t{flex:1}.cl-list li .box{border:2px solid var(--line);border-radius:6px;flex:none;place-items:center;width:20px;height:20px;font-size:.75rem;font-weight:800;display:grid}.cl-list li.done .box{background:var(--go);border-color:var(--go);color:var(--on-go)}.cl-add{gap:8px;display:flex}.cl-add input{flex:1}.leave-page{flex-direction:column;gap:16px;display:flex}.leave-page .card{flex-direction:column;gap:10px;display:flex}.leave-detail{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:10px;display:grid}.leave-detail div{background:var(--surface-2);border-radius:10px;flex-direction:column;padding:8px 10px;font-size:.85rem;display:flex}.leave-detail span{color:var(--muted);font-size:.75rem}.detail-row>td{background:var(--surface-2)}.week-table.mini th,.week-table.mini td{padding:6px 8px;font-size:.82rem}.leave-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.leave-kpis>div{background:var(--surface-2);border-radius:12px;flex-direction:column;gap:2px;padding:10px;display:flex}.leave-kpis span,.leave-kpis small{color:var(--muted);font-size:.75rem}.leave-kpis strong{font-size:1.2rem}.offline-banner{background:var(--warn-soft);color:var(--text);border-radius:999px;align-self:center;margin-top:10px;padding:8px 16px;font-size:.9rem;font-weight:600}.offline-banner.bad{background:var(--bad-soft);cursor:pointer;text-align:center;border-radius:14px;max-width:640px}.offline-note{background:var(--warn-soft);border-radius:12px;max-width:520px;margin:0;padding:10px 14px}.card.settings.security,.card.settings.accountant{width:min(640px,100%)}.bonus-page .page-h select{width:auto}.hours-meter{background:var(--surface-2);border-radius:999px;min-width:90px;height:6px;overflow:hidden}.hours-meter span{background:var(--warn);border-radius:inherit;height:100%;display:block}.hours-meter span.ok{background:var(--go)}.warn-text{color:var(--warn)}.acct-status{flex-direction:column;align-items:flex-start;gap:8px;margin-top:10px;display:flex}.bonus-emp{max-width:260px}.bonus-emp .emp-cell{white-space:nowrap}.bonus-page .hours-meter{min-width:70px}.overlay fieldset,.overlay .row>label,.overlay .form-grid>label{min-width:0}.overlay .row input,.overlay .form-grid select,.overlay .form-grid input{width:100%;min-width:0}.btn-fit{align-self:flex-start}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.email-check{flex-direction:column;flex-basis:100%;gap:4px;margin:0;padding:0;font-size:.9rem;font-weight:600;list-style:none;display:flex}.cal-shifts{flex-direction:column;gap:12px;margin:8px 0 16px;display:flex}.code-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin:8px 0;padding:0;list-style:none;display:grid}.code-list li{align-items:center;gap:8px;font-size:.9rem;display:flex}.code-list code{margin-left:auto}.label-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.roles-card{width:min(520px,100%)}.roles-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.roles-list li{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;display:grid}.roles-add{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.roles-card .check{white-space:nowrap;flex-direction:row;align-items:center;gap:6px;font-size:.85rem}.card.settings.business{width:min(640px,100%)}.card.settings h3{margin:4px 0 0;font-size:1rem}.lang-pick .seg{align-self:flex-start;display:inline-flex}.loc-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.loc-list li{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:center;gap:8px;display:grid}.loc-list li.inactive input{opacity:.6}.loc-add{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:8px;display:grid}@media (width<=640px){.loc-list li,.loc-add{grid-template-columns:1fr}}.theme.lang button{letter-spacing:.04em;padding:8px 10px;font-size:.8rem;font-weight:700}.loc-pick{border-radius:14px;min-width:0;max-width:220px;height:46px}.my-reviews{flex-direction:column;gap:10px;display:flex}.review-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.review-h{background:var(--surface-2);text-align:left;width:100%;color:var(--text);border:0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.review-h .muted{margin-left:auto}.review-notes{white-space:pre-wrap;margin:6px 4px 4px;line-height:1.5}@media (width<=520px){.portal-top .theme button span{display:none}}.login{position:relative}.login-lang{top:max(16px, env(safe-area-inset-top));position:absolute;right:16px}.topbar{flex-wrap:wrap;row-gap:12px}.hello{flex:240px;min-width:0}.hello h1{white-space:nowrap}.top-tools{flex-wrap:wrap;justify-content:flex-end}.search input{width:clamp(180px,22vw,320px)}@media (width<=1180px){.theme:not(.lang) button span{display:none}}.code-list.editable li{gap:8px}.code-list .code-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.code-input-sm{width:76px;font:inherit;text-transform:uppercase;border:1.5px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.code-input-sm:focus{border-color:var(--accent);outline:none}.code-conflict{flex-direction:column;gap:6px;margin:8px 0;display:flex}.biz-codes{flex-direction:column;gap:6px;margin-top:8px;font-size:.9rem;font-weight:500;display:flex}.biz-codes input{width:200px;font:inherit;border:1.5px solid var(--line);background:var(--surface);color:var(--text);text-transform:uppercase;border-radius:10px;padding:8px 10px}.integ-help summary .pill{margin-left:8px}:root{--ch-ink:var(--indigo);--ch-hl:var(--accent);--ch-track:var(--surface-2);--ch-tip-bg:var(--text);--ch-tip-fg:var(--surface);--ch-ease:cubic-bezier(.2, .8, .2, 1);--ch-dur:.8s}:root[data-theme=dark]{--ch-ink:var(--muted);--ch-tip-bg:var(--text);--ch-tip-fg:var(--bg)}@keyframes ch-grow{0%{height:0}}@keyframes ch-grow-x{0%{flex-grow:0}}@keyframes ch-draw-100{0%{stroke-dasharray:0 100}}@keyframes ch-draw-200{0%{stroke-dasharray:0 200}}@keyframes ch-fade{0%{opacity:0;transform:translate(var(--tx,-50%), 4px)}}@keyframes ch-fade-in{0%{opacity:0}}.ch-tip{--tx:-50%;z-index:5;transform:translate(var(--tx), 0);white-space:nowrap;pointer-events:none;background:var(--ch-tip-bg);color:var(--ch-tip-fg);box-shadow:var(--shadow-pop);border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:6px 10px;font-size:.74rem;font-weight:500;line-height:1.25;animation:.18s ease-out both ch-fade;display:flex;position:absolute;left:50%}.ch-tip strong{font-variant-numeric:tabular-nums;font-size:.86rem;font-weight:700}.ch-tip span{opacity:.78}.ch-tip:after{content:"";border:5px solid #0000;border-top-color:var(--ch-tip-bg);position:absolute;top:100%;left:50%;transform:translate(-50%)}.ch-tip.l{--tx:-18%}.ch-tip.l:after{left:18%}.ch-tip.r{--tx:-82%}.ch-tip.r:after{left:82%}.ch-tip-row{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex;opacity:1!important}.ch-tip-row i{width:8px;height:8px;box-shadow:0 0 0 1.5px var(--ch-tip-fg);border-radius:50%}.ch-bars .hl:not(.on) .ch-tip{animation:.3s ease-out .65s both ch-fade}.ch-bars{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:stretch;gap:6px;padding-top:44px;display:flex}.ch-col{cursor:default;outline:none;flex-direction:column;flex:1 1 0;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.ch-col.sel{cursor:pointer}.ch-track{background:var(--ch-track);border-radius:999px;flex:1;width:min(32px,74%);min-width:8px;transition:box-shadow .2s;position:relative}.ch-fill{transition:height var(--ch-dur) var(--ch-ease), opacity .2s, filter .2s;animation:ch-grow var(--ch-dur) var(--ch-ease) calc(var(--i,0) * 35ms) backwards;border-radius:999px;position:absolute;bottom:0;left:0;right:0}.ch-fill.nz{min-height:6px}.ch-bars.has-active .ch-col:not(.on) .ch-fill{opacity:.35}.ch-col.on .ch-fill{filter:saturate(1.15)}.ch-col:focus-visible .ch-track{box-shadow:0 0 0 3px var(--accent-soft), 0 0 0 4.5px var(--accent)}.ch-label{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.72rem;line-height:1;transition:color .2s}.ch-label.skip{visibility:hidden}.ch-col.on .ch-label,.ch-col.hl .ch-label{color:var(--text);font-weight:700}.ch-grouped{flex-direction:column;gap:6px;display:flex}.ch-bars.grouped{gap:4px;padding-top:40px}.ch-pair .ch-tip{flex-direction:row;gap:10px;padding:7px 11px}.ch-pair{flex:1;justify-content:center;gap:3px;width:100%;display:flex;position:relative}.ch-pair .ch-track{width:min(14px,44%);min-width:4px}.ch-flag{background:var(--warn-soft);min-width:18px;height:18px;color:var(--warn);border-radius:999px;place-items:center;padding:0 4px;font-size:.7rem;font-weight:800;display:grid;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.ch-col.flag-slow .ch-flag{background:var(--surface-2);color:var(--muted)}.ch-col:focus-visible .ch-pair{box-shadow:0 0 0 3px var(--accent-soft);border-radius:10px}.ch-legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.ch-legend li{align-items:center;gap:7px;transition:opacity .2s,color .2s;display:inline-flex}.ch-legend i{border-radius:50%;flex:none;width:9px;height:9px}.ch-legend strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.ch-legend em{font-variant-numeric:tabular-nums;font-style:normal}.ch-legend.has-active li:not(.on){opacity:.45}.ch-legend li.on{color:var(--text)}.donut-block{flex-direction:column;align-items:center;gap:14px;display:flex}.ch-donut svg{overflow:visible}.ch-donut .ch-seg{cursor:pointer;transition:stroke-dasharray var(--ch-dur) var(--ch-ease), stroke-dashoffset var(--ch-dur) var(--ch-ease), opacity .2s, stroke-width .2s;animation:ch-draw-100 .9s var(--ch-ease) calc(var(--i,0) * 60ms) backwards;outline:none}.ch-donut.has-active .ch-seg:not(.on){opacity:.3}.ch-donut .ch-seg.on{stroke-width:6.4px}.ch-donut .donut-c{pointer-events:none}.ch-donut .donut-c>*{animation:.25s ease-out both ch-fade-in}.ch-c-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-size:.78rem;font-weight:600;overflow:hidden}.ch-donut .donut-c strong{font-variant-numeric:tabular-nums}.ch-gauge{width:230px;height:140px}.ch-gauge svg{overflow:visible}.ch-gauge .ch-seg{transition:stroke-dasharray var(--ch-dur) var(--ch-ease), stroke-dashoffset var(--ch-dur) var(--ch-ease), opacity .2s, stroke-width .2s;animation:ch-draw-200 1s var(--ch-ease) calc(var(--i,0) * .12s) backwards;outline:none}.ch-gauge .ch-seg:not(.track){cursor:pointer}.ch-gauge.has-active .ch-seg:not(.on){opacity:.3}.ch-gauge .ch-seg.on{stroke-width:14px}.ch-gauge .gauge-c{pointer-events:none;flex-direction:column;align-items:center;display:flex;bottom:2px}.ch-gauge .gauge-c strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:2.4rem;line-height:1}.ch-gauge .gauge-c>*{animation:.25s ease-out both ch-fade-in}.ch-stack{flex-direction:column;gap:12px;margin:4px 0 14px;display:flex}.ch-stack-row{align-items:flex-end;gap:4px;display:flex}.ch-stack-seg{cursor:pointer;min-width:10px;transition:flex-grow var(--ch-dur) var(--ch-ease), opacity .2s;animation:ch-grow-x var(--ch-dur) var(--ch-ease) calc(var(--i,0) * 60ms) backwards;outline:none;flex-direction:column;flex-basis:0;gap:6px;display:flex;position:relative}.ch-stack-pct{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;min-height:1em;padding-left:2px;font-size:.78rem;font-weight:700;line-height:1}.ch-stack-bar{border-radius:999px;height:14px;transition:height .2s;display:block}.ch-stack.has-active .ch-stack-seg:not(.on){opacity:.35}.ch-stack-seg.on .ch-stack-bar{height:18px}.ch-stack-seg:focus-visible .ch-stack-bar{box-shadow:0 0 0 3px var(--accent-soft), 0 0 0 4.5px var(--accent)}.ch-stack-seg .ch-tip{left:50%}.card .share{background:var(--ch-track);border-radius:999px;width:64px;height:8px}.card .share span{animation:ch-grow-w .8s var(--ch-ease) backwards;transition:width .6s var(--ch-ease);border-radius:999px}@keyframes ch-grow-w{0%{width:0}}.hours-meter{background:var(--ch-track);height:8px}.hours-meter span{animation:ch-grow-w .8s var(--ch-ease) backwards;transition:width .6s var(--ch-ease)}.mix{gap:24px}.legend-row i,.legend-dot{border-radius:50%}.legend-row{border-radius:10px;margin:-4px -6px;padding:4px 6px;transition:background .2s,opacity .2s}.legend.has-active .legend-row:not(.on){opacity:.45}.legend-row.on{background:var(--surface-2)}.ring-bg{stroke:var(--ch-track);stroke-width:10px}.ring-fg{stroke:url(#takt-ring-grad);stroke-width:10px;animation:ch-draw-100 1s var(--ch-ease) backwards}.timer-on_break .ring-fg{stroke:var(--warn)}@media (prefers-reduced-motion:reduce){.ch-fill,.ch-seg,.ch-stack-seg,.ch-tip,.ch-donut .donut-c>*,.ch-gauge .gauge-c>*,.card .share span,.hours-meter span,.ring-fg{transition:none!important;animation:none!important}}.mix .donut-block{flex-flow:wrap;gap:20px;width:100%}.mix .ch-legend{min-width:160px;color:var(--text);flex-direction:column;flex:1;gap:10px;font-size:.88rem}.mix .ch-legend li{cursor:default;grid-template-columns:10px minmax(0,1fr) auto 3.2em;gap:8px;display:grid}.mix .ch-legend em{color:var(--muted);text-align:right}.donut-c .ch-count,.donut-c .ch-count span,.gauge-c .ch-count,.gauge-c .ch-count span{font-weight:inherit;font-size:inherit!important;color:inherit!important}.ob-overlay{z-index:80;background:var(--scrim);-webkit-backdrop-filter:blur(6px);place-items:center;padding:16px;animation:.25s ease-out ob-fade;display:grid;position:fixed;inset:0}.ob-panel{background:var(--surface);width:min(560px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-pop);border-radius:28px;flex-direction:column;gap:8px;padding:20px 24px 22px;animation:.35s cubic-bezier(.2,.8,.2,1) ob-rise;display:flex;overflow-y:auto}.ob-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ob-dots{gap:6px;display:flex}.ob-dots span{background:var(--line);border-radius:999px;width:8px;height:8px;transition:width .3s,background .3s}.ob-dots span.past{background:var(--accent);opacity:.45}.ob-dots span.now{background:var(--accent);width:24px}.ob-body{animation:.35s cubic-bezier(.2,.8,.2,1) ob-slide}.ob-step{flex-direction:column;gap:12px;display:flex}.ob-step h2{letter-spacing:-.02em;margin:4px 0 0;font-size:1.5rem;line-height:1.15}.ob-step>.muted{margin:0;line-height:1.5}.ob-art{width:112px;height:112px;margin:6px 0 2px;position:relative}.ob-art .b1,.ob-art .b2{filter:saturate(1.05);border-radius:50%;position:absolute}.ob-art .b1{background:var(--lime-grad);width:84px;height:84px;animation:6s ease-in-out infinite ob-float;top:10px;left:0}.ob-art .b2{background:var(--flow-grad);opacity:.9;width:56px;height:56px;animation:6s ease-in-out -3s infinite ob-float;top:0;right:0}.ob-art-core{background:var(--surface);width:64px;height:64px;box-shadow:var(--shadow-pop);color:var(--text);border-radius:20px;place-items:center;display:grid;position:absolute;top:28px;left:22px}.ob-art-core img{width:40px;height:auto}.ob-art-done .b1{background:var(--lime-grad)}.ob-art-security .b2,.ob-art-rules .b2{background:var(--focus-grad)}.ob-bullets{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ob-bullets li{background:var(--surface-2);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:.95rem;display:flex}.ob-bullets .i{color:var(--accent)}.ob-lang{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.ob-nav{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:6px;padding-top:14px;display:flex}.ob-fields{flex-direction:column;gap:12px;display:flex}.ob-panel label{flex-direction:column;gap:6px;font-size:.92rem;font-weight:500;display:flex}.ob-panel input,.ob-panel select{font:inherit;border:1.5px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;min-width:0;padding:12px 14px}.ob-panel input:focus,.ob-panel select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.ob-more summary{cursor:pointer;color:var(--accent);padding:4px 0;font-size:.9rem;font-weight:600}.ob-more[open]{flex-direction:column;gap:10px;display:flex}.ob-inline{justify-content:space-between;align-items:center;flex-direction:row!important}.ob-inline select{width:auto}.ob-people{flex-direction:column;gap:6px;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ob-people li{align-items:center;gap:10px;font-size:.92rem;display:flex}.ob-people .pill{margin-left:auto}.ob-add{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 84px 76px auto;align-items:center;gap:8px;display:grid}.ob-role-add{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}@media (width<=560px){.ob-add{grid-template-columns:1fr 1fr}.ob-add input:first-child{grid-column:1/-1}}.ob-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ob-choices button{text-align:left;border:1.5px solid var(--line);background:var(--surface);color:var(--text);border-radius:18px;flex-direction:column;gap:6px;padding:14px;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.ob-choices button small{color:var(--muted);line-height:1.4}.ob-choices button.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ob-choices button:active{transform:scale(.98)}@media (width<=480px){.ob-choices{grid-template-columns:1fr}}.ob-tasks{flex-direction:column;gap:10px;display:flex}.ob-task{background:var(--surface-2);border-radius:16px;gap:12px;padding:12px;display:flex}.ob-task>div{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.ob-task small{color:var(--muted)}.ob-task.done{background:var(--go-soft)}.ob-pin{grid-template-columns:1fr 1fr auto;gap:8px;width:100%;display:grid}.ob-enroll{width:100%}.ob-enroll .qr{width:180px;height:180px}.ob-check{border:1.5px solid var(--line);width:24px;height:24px;color:var(--muted);background:var(--surface);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:800;display:grid}.done>.ob-check,.done .ob-check,.ok>.ob-check{background:var(--go-fill);border-color:var(--go-fill);color:#fff}.no>.ob-check{background:var(--warn-soft);border-color:var(--warn-fill);color:var(--warn)}.ob-howto{flex-direction:column;gap:6px;margin:0;padding-left:20px;line-height:1.45;display:flex}.ob-ring{flex:none}.ob-ring-bg{fill:none;stroke:var(--surface-2);stroke-width:7px}.ob-ring-fg{fill:none;stroke:var(--accent);stroke-width:7px;stroke-linecap:round;transform-origin:32px 32px;transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1);transform:rotate(-90deg)}.ob-ring text{fill:var(--text);font-size:14px;font-weight:800}.ob-summary{align-items:center;gap:18px;display:flex}.ob-mini{color:var(--muted);grid-template-columns:1fr 1fr;gap:4px 14px;margin:0;padding:0;font-size:.88rem;list-style:none;display:grid}.ob-mini li.done{color:var(--text)}.ob-card{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--lime-grad) border-box;border:2px solid #0000;flex-direction:column;gap:14px;display:flex}.ob-card-h{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ob-card-h h3{margin:0;font-size:1.15rem}.ob-card-h p{margin:2px 0 0}.ob-x{width:36px;height:36px}.ob-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.ob-list button{text-align:left;background:var(--surface-2);width:100%;color:var(--text);border:0;border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;transition:background .2s,transform .15s;display:flex}.ob-list button:hover{background:var(--accent-soft)}.ob-list button>span:last-child{flex-direction:column;gap:2px;display:flex}.ob-list small{color:var(--muted);font-size:.8rem}.ob-list em{color:var(--muted);font-size:.8rem;font-style:normal}.ob-list li.done strong{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.ob-nav-btn{background:var(--accent-soft);width:100%;color:var(--text);text-align:left;border:0;border-radius:14px;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;font-size:.88rem;font-weight:600;display:flex}.ob-nav-btn .ob-ring{width:34px;height:34px}.ob-nav-btn .ob-ring text{font-size:16px}.kiosk-ob .ob-panel{width:min(600px,100%)}.ob-checks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ob-checks li{background:var(--surface-2);border-radius:14px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.ob-checks li>span:last-child{flex-direction:column;gap:2px;display:flex}.ob-checks small{color:var(--muted)}.ob-punch-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ob-punch-steps li{background:var(--surface-2);border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.ob-punch-steps li>span:last-child{flex-direction:column;gap:2px;display:flex}.ob-punch-steps small{color:var(--muted);line-height:1.4}.ob-num{background:var(--primary);width:28px;height:28px;color:var(--on-primary);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:800;display:grid}.ob-art-mini{background:var(--lime-grad);width:44px;height:44px;color:var(--on-lime);border-radius:14px;flex:none;place-items:center;display:grid}.kiosk-help{margin-top:4px}@keyframes ob-fade{0%{opacity:0}to{opacity:1}}@keyframes ob-rise{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@keyframes ob-slide{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes ob-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.ob-overlay,.ob-panel,.ob-body,.ob-art .b1,.ob-art .b2{animation:none}.ob-ring-fg,.ob-dots span{transition:none}}.ob-list .ob-t{display:inline}