:root{--bg: #f4f6f5;--card: #fff;--text: #16201e;--muted: #66736f;--line: #e2e7e5;--brand: #0f766e;--brand-2: #115e59;--brand-soft: #e6f4f2;--red: #c2410c;--red-soft: #fdece4;--amber: #a16207;--amber-soft: #fdf5dc;--blue: #1d4ed8;--blue-soft: #e7eefe;--violet: #6d28d9;--violet-soft: #f0eafe;--off: #f7f8f8;--radius: 12px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);font-size:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1,h2,h3,h4{margin:0 0 8px;letter-spacing:-.01em}h4{margin-top:18px;font-size:13px;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}code,.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}.muted{color:var(--muted)}.small{font-size:12.5px}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.page{max-width:960px;margin:0 auto;padding:12px 16px 40px}.page.wide{max-width:1600px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:14px}.card.narrow{width:100%;max-width:400px}.row{display:flex;align-items:center}.gap{gap:8px}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.end{justify-content:flex-end}.r{text-align:right}.brand{font-weight:700;font-size:18px;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.logo-svg{color:var(--brand);flex:none}.k-brand{display:inline-flex;align-items:center;gap:6px;color:#ffffff73;font-size:13px;font-weight:600}.k-brand .logo-svg{color:#14b8a6}.logo{width:28px;height:28px;border-radius:8px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:15px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 0 14px;gap:8px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:12px}label.inline{display:inline-flex;align-items:center;gap:6px;margin:0}input,select{font:inherit;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff}label>input,label>select{display:block;width:100%;margin-top:4px}input:focus,select:focus{outline:2px solid var(--brand-soft);border-color:var(--brand)}input[type=checkbox]{width:auto}.btn{font:inherit;font-weight:600;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:8px;padding:9px 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn:hover{border-color:#c9d2cf}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-2)}.btn.ghost{background:transparent}.btn.sm{padding:6px 10px;font-size:13px}.btn.block{width:100%;white-space:normal}.btn:disabled{opacity:.5;cursor:default}.linkbtn{background:none;border:0;color:var(--brand);cursor:pointer;font:inherit;font-size:13px;padding:2px 4px}.linkbtn.red{color:var(--red)}.seg{display:flex;background:var(--bg);border-radius:9px;padding:3px;margin:14px 0}.seg button{flex:1;border:0;background:none;padding:8px;border-radius:7px;font:inherit;cursor:pointer;color:var(--muted)}.seg button.on{background:#fff;color:var(--text);font-weight:600;box-shadow:0 1px 2px #00000014}.alert{background:var(--brand-soft);color:var(--brand-2);padding:10px 12px;border-radius:8px;margin:10px 0;font-size:14px}.alert.err{background:var(--red-soft);color:var(--red)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto}.tabs a{padding:10px 14px;text-decoration:none;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;white-space:nowrap}.tabs a.active{color:var(--brand);border-color:var(--brand)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.stats.five{grid-template-columns:repeat(5,1fr)}.stats.six{grid-template-columns:repeat(6,1fr)}.stats.six .stat{background:#fff;border-color:var(--line)}.s-early .v{color:var(--amber)}.stat{background:var(--bg);border-radius:10px;padding:12px;text-align:left;border:1px solid transparent;font:inherit;color:inherit}.stats.five .stat{background:#fff;border-color:var(--line)}.stat .v{font-size:22px;font-weight:700;margin-top:2px}.stat.clickable{cursor:pointer}.stat.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.s-here .v{color:var(--brand)}.s-late .v{color:var(--red)}.s-none .v{color:var(--amber)}.s-abs .v{color:var(--violet)}.scroll-x{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;margin-top:10px}.tbl th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}.tbl tr.dim td{opacity:.5}.pill{display:inline-block;font-size:12px;font-weight:600;padding:3px 8px;border-radius:99px;background:var(--bg);white-space:nowrap}.pill.in,.st-here{background:var(--brand-soft);color:var(--brand-2)}.pill.out,.st-left{background:var(--blue-soft);color:var(--blue)}.st-none{background:var(--amber-soft);color:var(--amber)}.st-abs{background:var(--violet-soft);color:var(--violet)}.tag{font-size:11.5px;font-weight:600;padding:1px 6px;border-radius:5px;background:var(--bg);color:var(--muted);margin-left:4px;white-space:nowrap}.tag.red{background:var(--red-soft);color:var(--red)}.tag.amber{background:var(--amber-soft);color:var(--amber)}.mp{display:inline-flex;align-items:center;gap:6px;font-weight:600}.mp span{min-width:120px;text-align:center}.ts-wrap{margin-top:14px;border:1px solid var(--line);border-radius:10px;max-height:70vh;overflow:auto}.ts{border-collapse:separate;border-spacing:0;font-size:12.5px}.ts th{position:sticky;top:0;background:#fff;z-index:2;font-weight:600;padding:6px 2px;border-bottom:1px solid var(--line);min-width:34px;text-align:center}.ts th small{color:var(--muted);font-weight:400}.ts th.off,.ts td.off{background:var(--off)}.ts td{border-bottom:1px solid var(--line);border-right:1px solid #f0f2f1;text-align:center;padding:3px 1px}.ts .sticky{position:sticky;left:0;background:#fff;z-index:1;text-align:left;min-width:220px;max-width:260px;padding:6px 10px;border-right:1px solid var(--line)}.ts th.sticky{z-index:3}.ts .cell{cursor:pointer;min-width:34px}.ts .cell:hover{outline:2px solid var(--brand);outline-offset:-2px}.ts .cc{font-weight:700;font-size:12px}.ts .ch{font-size:11px;color:var(--muted);min-height:13px}.ts .cell.late{background:#fecaca!important}.ts .cell.late .cc,.ts .cell.late .ch{color:#9c0006}.ts td.late-tot{color:#9c0006;background:#fee2e2}.ts tr.group td{background:#f1f5f4;font-weight:700;color:var(--brand-2);padding:6px 10px;text-align:left}.ts .cell.issue{box-shadow:inset 0 -3px #f59e0b}.ts .tot{font-weight:700;padding:0 8px;white-space:nowrap}.c-Я{color:var(--brand-2)}.c-В{color:#9aa5a1}.c-НН,.c-ПР{color:var(--red);background:var(--red-soft)}.c-ОТ,.c-БС,.c-У,.c-ОЖ,.c-ПК{color:var(--violet);background:var(--violet-soft)}.c-Б{color:var(--amber);background:var(--amber-soft)}.c-К,.c-Г{color:var(--blue);background:var(--blue-soft)}.c-РВ{color:#fff;background:var(--brand)}.code{display:inline-block;min-width:26px;text-align:center;font-weight:700;font-size:12px;padding:2px 4px;border-radius:5px}.issue-dot{background:#f59e0b;color:#fff}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--muted);margin-top:14px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f191673;display:grid;place-items:center;padding:16px;z-index:50}.modal{background:#fff;border-radius:14px;padding:20px;width:100%;max-width:560px;max-height:90vh;overflow:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:12px}.span2{grid-column:span 2}.days{display:flex;gap:4px;margin:6px 0 14px}.days button{font:inherit;width:40px;padding:7px 0;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:pointer}.days button.on{background:var(--brand);color:#fff;border-color:var(--brand)}.scan-result{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#fff;gap:6px}.scan-result.in{background:linear-gradient(160deg,#0f766e,#064e48)}.scan-result.out{background:linear-gradient(160deg,#1d4ed8,#172f7a)}.scan-result.warn{background:linear-gradient(160deg,#b45309,#78350f)}.scan-result.bad{background:linear-gradient(160deg,#b91c1c,#7f1d1d)}.scan-result h1{font-size:34px;margin:0}.scan-result .name{font-size:18px;opacity:.9;margin:0}.scan-result .time{font-size:64px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.scan-result p{opacity:.9;max-width:320px}.big-icon{width:88px;height:88px;border-radius:50%;background:#ffffff2e;display:grid;place-items:center;font-size:44px;font-weight:800;margin-bottom:12px}.btn.ghost-light,.scan-result .btn{background:#ffffff26;color:#fff;border-color:#ffffff59;margin-top:18px}.kiosk{min-height:100vh;display:flex;flex-direction:column;background:#0b1f1c;color:#fff;padding:24px 32px}.kiosk header{display:flex;justify-content:space-between;align-items:flex-start}.k-org{opacity:.6;font-size:15px}.k-name{font-size:26px;font-weight:700}.k-clock{text-align:right;font-size:54px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.k-clock small{display:block;font-size:16px;font-weight:400;opacity:.6;margin-top:6px}.kiosk main{flex:1;display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap}.k-qr{background:#fff;padding:20px;border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:14px;min-width:300px;min-height:300px;justify-content:center;color:var(--text)}.k-qr svg{width:min(420px,70vw);height:auto}.k-bar{width:100%;height:6px;border-radius:3px;background:#e6ebe9;overflow:hidden}.k-bar span{display:block;height:100%;background:var(--brand);transition:width 1s linear}.k-err{color:var(--red);text-align:center}.k-side{max-width:420px}.k-side h2{font-size:30px}.k-side p{opacity:.7;font-size:17px}.k-feed{list-style:none;padding:0;margin:24px 0 0}.k-feed li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:17px}.k-feed li:first-child{animation:flash 1.2s ease-out}.k-kind{font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;min-width:64px;text-align:center}.k-feed .in .k-kind{background:#14b8a6;color:#032a26}.k-feed .out .k-kind{background:#60a5fa;color:#0b1f45}.k-who{flex:1}.k-t{font-variant-numeric:tabular-nums;opacity:.7}.kiosk footer{display:flex;justify-content:space-between}.kiosk footer .linkbtn{color:#ffffff59}@keyframes flash{0%{background:#14b8a659}to{background:transparent}}.tbl tr.row-late td,.tbl tr.late td{background:#fee2e2}.tbl tr.row-late td:first-child,.tbl tr.late td:first-child{box-shadow:inset 4px 0 #dc2626}.code.late-dot{background:#fecaca;color:#9c0006}.k-feed .late .k-kind{background:#ef4444!important;color:#fff!important}.k-feed li.late .k-who{color:#fca5a5}.nowrap{white-space:nowrap}.badge{display:inline-block;margin-left:6px;min-width:20px;padding:1px 6px;border-radius:99px;background:#dc2626;color:#fff;font-size:11px;text-align:center}.inline-seg{margin:0;display:inline-flex}.inline-seg button{padding:7px 14px}.consent{align-items:flex-start!important;font-size:12.5px;line-height:1.4;margin-bottom:12px!important}.consent input{margin-top:2px}.status-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:26px;margin-bottom:10px}.status-icon.wait{background:var(--amber-soft)}.status-icon.bad{background:var(--red-soft);color:var(--red)}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:14px 0;font-size:14px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600}.kv.big dd{font-size:24px;letter-spacing:.04em}.reports{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.report{display:flex;flex-direction:column;margin:0}.report p{flex:1}.report.main{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}input:disabled{background:var(--bg);color:var(--muted)}.tbl.today td{vertical-align:middle}.tbl.today .pill{white-space:normal;max-width:190px}.inline-seg button{white-space:nowrap}.marks{display:flex;flex-wrap:wrap;gap:4px;max-width:360px}.mark{font-size:12.5px;font-weight:600;padding:2px 7px;border-radius:6px;white-space:nowrap;font-variant-numeric:tabular-nums}.mark.in{background:var(--brand-soft);color:var(--brand-2)}.mark.out{background:var(--blue-soft);color:var(--blue)}.mark.manual{outline:1px dashed var(--amber)}.late-time{color:#b91c1c}.tbl .tag{display:inline-block;margin:3px 0 0}.k-steps{margin:20px 0 0;padding-left:22px;font-size:18px;line-height:1.5;opacity:.85}.k-steps li{margin-bottom:10px}.pin-screen{min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--bg)}.pin-card{width:100%;max-width:340px;text-align:center}.pin-brand{justify-content:center;margin-bottom:18px}.pin-card h2{font-size:22px}.pin-dots{display:flex;justify-content:center;gap:16px;margin:22px 0 26px}.pin-dots span{width:16px;height:16px;border-radius:50%;border:2px solid var(--brand);transition:background .1s}.pin-dots span.on{background:var(--brand)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:290px;margin:0 auto}.keypad button{font:inherit;font-size:26px;font-weight:600;height:66px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--text);cursor:pointer;aspect-ratio:1;justify-self:center;width:66px;-webkit-tap-highlight-color:transparent}.keypad button:active{background:var(--brand-soft)}.keypad .kp-back{border:0;background:transparent;font-size:22px}.pin-err{color:var(--red);font-size:14px;margin-top:16px}.pin-forgot{margin-top:22px;font-size:14px}.scan-btn{padding:16px;font-size:17px;margin-bottom:14px;border-radius:var(--radius)}.scanner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000;display:flex;flex-direction:column}.scanner video{flex:1;width:100%;height:100%;object-fit:cover;min-height:0}.scanner-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;color:#fff;background:#0b1f1c}.scanner-top .btn{margin:0}.scanner-err{position:absolute;left:16px;right:16px;bottom:24px;background:#fff;color:var(--red);padding:12px 14px;border-radius:10px;font-size:14px}@media (max-width: 720px){.stats,.stats.five,.stats.six{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.span2{grid-column:span 1}.hide-sm{display:none}.kiosk{padding:16px}.k-clock{font-size:36px}}