:root{--bg: #141516;--surface: #1d1f21;--surface-2: #26292c;--border: #34383c;--text: #f2f2ee;--muted: #a4a8ab;--primary: #18c450;--primary-ink: #06240f;--danger: #ff5a52;--warn: #f2b33d;--info: #5bb8ff;--radius: 12px;--k-idle: #777879;--k-ok: #00d100;--k-bad: #f00000;--k-error: #e0a100;--k-ink: #0b0b0b;--k-box: #ffffff;--k-line: #1e2a33;color-scheme:dark;font-family:Outfit,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:26px;font-weight:800}h2{font-size:18px;font-weight:700}p{margin:0}a{color:var(--info)}code{font-size:16px;background:var(--surface-2);padding:2px 8px;border-radius:6px;-webkit-user-select:all;user-select:all}.muted{color:var(--muted)}.small{font-size:13px}.stack{display:grid;gap:14px}.spacer{flex:1}:focus-visible{outline:3px solid var(--info);outline-offset:2px}input,select,textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;min-height:44px;width:100%}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--info);outline:none}.btn,.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;text-decoration:none;transition:background .16s,border-color .16s,opacity .16s}.btn:hover,.btn-icon:hover{border-color:#55595e;background:#2f3337}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn-primary:hover{background:#22d65d;border-color:#22d65d}.btn-danger{color:var(--danger)}.btn-block{width:100%}.btn-icon{width:44px;padding:0;background:transparent;border-color:transparent}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.btn-col{display:grid;gap:8px}.field{display:grid;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--muted)}.field-hint{font-size:12px;color:var(--muted)}.is-full{grid-column:1 / -1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px 14px;display:grid;gap:12px}.fieldset legend{padding:0 6px;font-weight:600;color:var(--muted);font-size:13px}.radio-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.radio-card{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;cursor:pointer}.radio-card input{position:absolute;opacity:0;pointer-events:none}.radio-card span{font-size:13px;color:var(--muted)}.radio-card.is-active{border-color:var(--primary);background:#18c45014}.check{display:flex;gap:10px;align-items:center}.check input{width:20px;min-height:20px}.file-btn{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px dashed #55595e;border-radius:10px;cursor:pointer;font-weight:600}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.inline-input{width:180px;min-height:40px}.inline-form{display:inline-flex;gap:6px}.alert{color:#ffd4d1;background:#ff5a521f;border:1px solid rgba(255,90,82,.35);padding:10px 12px;border-radius:10px}.success{display:flex;gap:8px;align-items:flex-start;color:#c9f7d7;background:#18c4501a;border:1px solid rgba(24,196,80,.35);padding:10px 12px;border-radius:10px}.plain{margin:0;padding:0;list-style:none;display:grid;gap:4px}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid;white-space:nowrap}.tone-ok{color:#6ff0a0;border-color:#6ff0a059;background:#18c4501f}.tone-bad{color:#ff8f88;border-color:#ff5a5266;background:#ff5a521f}.tone-warn{color:#ffd27a;border-color:#f2b33d66;background:#f2b33d1f}.tone-info{color:#9fd4ff;border-color:#5bb8ff66;background:#5bb8ff1f}.tone-muted{color:var(--muted);border-color:var(--border);background:transparent}.avatar{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--surface-2);color:var(--muted);flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.segmented{display:inline-flex;background:#00000040;border-radius:12px;padding:4px;gap:4px}.segmented button{font:inherit;font-weight:700;border:0;background:transparent;color:inherit;padding:0 16px;min-height:40px;border-radius:9px;cursor:pointer}.segmented button.is-active{background:#fff;color:#111}.segmented.is-light{background:var(--surface-2)}.segmented.is-light button.is-active{background:var(--primary);color:var(--primary-ink)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:inherit;font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;min-height:36px}.chip.is-active{border-color:var(--primary);color:#6ff0a0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}.tabs button{font:inherit;font-weight:600;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);padding:12px 14px;cursor:pointer;white-space:nowrap;min-height:44px}.tabs button.is-active{color:var(--text);border-bottom-color:var(--primary)}.tabs.is-page{padding:0 24px;margin:0;background:var(--surface)}.modal-backdrop{position:fixed;inset:0;background:#000000a6;display:grid;place-items:center;padding:16px;z-index:50}.modal{width:min(560px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px #00000080;color:var(--text)}.modal.is-wide{width:min(920px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-body{padding:18px;overflow:auto;display:grid;gap:14px}.modal-foot{padding:12px 18px;border-top:1px solid var(--border)}.search-bar{display:grid;grid-template-columns:1fr 260px;gap:10px}.search-input{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:0 12px}.search-input input{border:0;background:transparent;padding-left:0}.search-input.is-compact{min-width:220px}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.result-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.result-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);width:100%;font:inherit;color:inherit;text-align:left}.result-row.is-button{cursor:pointer}.result-row.is-button:hover{border-color:#55595e}.result-row.is-wrap{flex-wrap:wrap}.result-main{display:grid;flex:1;min-width:0}.result-main span{color:var(--muted);font-size:13px}.result-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface)}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.topbar-brand{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.topbar-brand strong{font-size:20px;font-weight:800}.topbar-brand span,.topbar-user span{color:var(--muted)}.topbar-user{display:flex;align-items:center;gap:6px}.content{padding:20px 24px 40px;display:grid;gap:16px;max-width:1500px;width:100%;margin:0 auto}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;display:grid;gap:14px;align-content:start}.toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.toolbar .field{min-width:150px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:grid;gap:4px}.tile span{color:var(--muted);font-size:13px}.tile strong{font-size:30px;font-weight:800}.tile.tone-bad strong{color:var(--danger)}.tile.tone-warn strong{color:var(--warn)}.list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.list li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--border)}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:8px}.timeline li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface-2);padding:10px 12px;white-space:nowrap;position:sticky;top:0}.table td{padding:10px 12px;border-top:1px solid var(--border);vertical-align:middle}.table tr.is-clickable{cursor:pointer}.table tr.is-clickable:hover td{background:#ffffff08}.cell-person{display:inline-flex;align-items:center;gap:10px;font-weight:600}.cell-wrap{max-width:420px}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0}.kv dt{color:var(--muted);font-size:13px}.kv dd{margin:0}.detail{display:grid;grid-template-columns:1fr 280px;gap:18px}.detail-card{display:grid;gap:14px;align-content:start}.detail-head{display:flex;gap:14px;align-items:center}.detail-head h3{font-size:22px}.detail-qr{display:grid;gap:12px;justify-items:center;align-content:start}.qr-img{background:#fff;border-radius:12px;padding:8px}.qr-img.is-empty{background:var(--surface-2)}.office-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.office-card{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;color:var(--text);text-decoration:none;background:var(--surface-2)}.office-card strong{font-size:20px}.office-card:hover{border-color:var(--primary)}.center-screen{min-height:100%;display:grid;place-items:center;padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px}.narrow{width:min(420px,100%)}.login-brand{display:flex;align-items:center;gap:14px}.kiosk{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;gap:16px;padding:16px 28px 24px;background:var(--k-idle);color:var(--k-ink);transition:background .22s ease;-webkit-user-select:none;user-select:none}.kiosk.state-ok{background:var(--k-ok)}.kiosk.state-bad{background:var(--k-bad)}.kiosk.state-error{background:var(--k-error)}.kiosk-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.kiosk-brand{display:grid;line-height:1.1}.kiosk-brand strong{font-size:22px;font-weight:800}.kiosk-brand span{font-weight:600;opacity:.8}.kiosk .segmented{background:#0000002e}.kiosk .segmented button{color:var(--k-ink)}.kiosk-tools{display:flex;align-items:center;gap:4px;font-weight:700}.kiosk-tools .btn-icon{color:var(--k-ink)}.kiosk-tools .btn-icon:hover{background:#0000001f;border-color:transparent}.kiosk-stat{display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-size:18px}.kiosk-clock{font-size:22px;padding:0 10px;font-variant-numeric:tabular-nums;white-space:nowrap}.kiosk-main{display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:5vw;align-items:center}.kiosk-reader{display:grid;gap:10px;justify-items:center}.scanner{position:relative;width:100%;aspect-ratio:1;max-height:62dvh;background:var(--k-box);border:3px solid var(--k-line);overflow:hidden}.scanner video{width:100%;height:100%;object-fit:cover;display:block}.scanner video.is-mirrored{transform:scaleX(-1)}.scanner-frame{position:absolute;inset:14%;pointer-events:none}.scanner-frame span{position:absolute;width:22%;height:22%;border:6px solid #fff;filter:drop-shadow(0 0 3px rgba(0,0,0,.6))}.scanner-frame span:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.scanner-frame span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.scanner-frame span:nth-child(3){bottom:0;right:0;border-left:0;border-top:0}.scanner-frame span:nth-child(4){bottom:0;left:0;border-right:0;border-top:0}.scanner-error{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center;background:var(--k-box);color:var(--k-ink);font-weight:600}.scanner-error .btn{background:#111;color:#fff}.kiosk-reader-hint{font-size:clamp(18px,2.4vw,28px);font-weight:800}.kiosk-info{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start}.kiosk-photo{width:clamp(110px,13vw,180px);aspect-ratio:3 / 4;background:var(--k-box);border:3px solid var(--k-line);display:grid;place-items:center;overflow:hidden}.kiosk-photo img{width:100%;height:100%;object-fit:cover}.kiosk-photo .avatar{background:transparent;color:#666}.kiosk-data{display:grid;gap:2px;min-width:0}.kiosk-data p{overflow-wrap:anywhere}.k-name,.k-office,.k-line,.k-status{font-size:clamp(26px,4.4vw,58px);font-weight:800;line-height:1.02;letter-spacing:-.01em}.k-contact{font-size:clamp(14px,1.5vw,20px);font-weight:700;margin:4px 0 6px}.k-status{margin-top:6px;text-transform:uppercase}.k-reason{font-size:clamp(16px,1.8vw,24px);font-weight:700;margin-top:6px}.state-idle .kiosk-data p:not(.k-status){opacity:.92}.k-actions{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.kiosk-actions{display:flex;justify-content:flex-end;gap:clamp(16px,4vw,56px);padding-right:4vw;flex-wrap:wrap}.k-btn{display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:clamp(18px,2.2vw,28px);font-weight:800;background:var(--k-box);color:var(--k-ink);border:3px solid var(--k-line);padding:10px 22px;min-height:64px;cursor:pointer}.k-btn:active{transform:translateY(1px)}.pase{min-height:100%;display:grid;place-items:start center;padding:20px 16px;background:#ecedea;color:#141516}.pase-card{width:min(440px,100%);background:#fff;border-radius:20px;padding:20px;display:grid;gap:14px;box-shadow:0 10px 30px #0000001f}.pase-card .muted{color:#5b5f63}.pase-head{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:800}.pase-person{display:flex;gap:14px;align-items:center}.pase-person h1{font-size:24px}.pase-photo{width:76px;height:96px;object-fit:cover;border-radius:10px}.pase-qr{display:grid;place-items:center}.pase-qr.is-dim{opacity:.25}.pase-qr .qr-img{width:min(300px,80vw);height:auto}.pase-hint{display:flex;gap:6px;align-items:center;font-size:13px;color:#5b5f63}.pase .kv dt{color:#5b5f63}.pase .btn{background:#141516;color:#fff;border-color:#141516}.pase .tone-ok{color:#0a7a33;background:#dff7e7}.pase .tone-bad{color:#b3160f;background:#fde3e1}.pase .tone-warn{color:#8a5a00;background:#fff1d1}@media(max-width:1100px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.split{grid-template-columns:1fr}}@media(max-width:820px){.kiosk{padding:12px 16px 16px}.kiosk-main{grid-template-columns:1fr;gap:16px}.scanner{max-height:44dvh;max-width:44dvh}.kiosk-actions{justify-content:center;padding:0;gap:10px}.k-btn{min-height:52px;padding:8px 14px}.detail{grid-template-columns:1fr}}@media(max-width:640px){.content{padding:16px}.topbar{padding:12px 16px}.tabs.is-page{padding:0 8px}.form-grid,.radio-cards,.search-bar{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.kiosk-info{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}