:root{--brand-160:#e8f1fb;--brand-150:#ebf3fc;--brand-140:#cfe4fa;--brand-100:#2886de;--brand:#0f6cbd;--brand-hover:#115ea3;--brand-pressed:#0f548c;--brand-dark:#0a2e4a;--bg:#f5f5f5;--surface:#fff;--surface-2:#fafafa;--text:#242424;--text-2:#616161;--text-3:#707070;--stroke:#e0e0e0;--stroke-2:#d1d1d1;--ok:#107c10;--ok-bg:#f1faf1;--warn:#bc4b09;--warn-bg:#fff9f5;--warn-stroke:#fdcfb4;--danger:#c50f1f;--danger-bg:#fdf3f4;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:12px;--shadow-2:0 0 2px #0000001f, 0 1px 2px #00000024;--shadow-4:0 0 2px #0000001f, 0 2px 4px #00000024;--shadow-16:0 0 2px #0000001f, 0 8px 16px #00000024;--shadow-64:0 0 8px #0000001f, 0 32px 64px #00000024;--ease:cubic-bezier(.33, 0, .67, 1);--font:"Segoe UI Variable Text", "Segoe UI", "Dubai", "Tahoma", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:20px}h1,h2,h3{margin:0;font-weight:600}h1{font-size:28px;line-height:36px}h3{font-size:16px;line-height:22px}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}.muted{color:var(--text-2)}.small{font-size:12px;line-height:16px}.mono{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}[dir=rtl] .flip{transform:scaleX(-1)}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--brand);align-items:center;gap:8px;margin:0 0 4px;font-size:12px;font-weight:600;display:flex}[lang=ar] .eyebrow,.eyebrow:lang(ar){letter-spacing:0}.link{color:var(--brand);font-weight:600}.link:hover{text-decoration:underline}.code{background:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--r-sm);padding:0 6px;font-family:ui-monospace,Consolas,monospace;font-size:12px}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes slide-rtl{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flash{0%{box-shadow:0 0 #fff9}to{box-shadow:0 0 0 40px #fff0}}.fade-in{animation:fade .2s var(--ease) both}.slide-in{animation:slide .25s var(--ease) both}[dir=rtl] .slide-in{animation-name:slide-rtl}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.btn{border-radius:var(--r-sm);border:1px solid var(--stroke-2);background:var(--surface);cursor:pointer;min-block-size:32px;transition:background .1s var(--ease), border-color .1s var(--ease);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:#c7c7c7}.btn:focus-visible,.sidenav-item:focus-visible,.tile:focus-visible,.choice:focus-visible{outline:2px solid var(--text);outline-offset:1px}.btn:disabled{color:#bdbdbd;cursor:not-allowed;background:#f0f0f0;border-color:#e0e0e0}.btn-primary{background:var(--brand);color:#fff;border-color:#0000}.btn-primary:hover{background:var(--brand-hover);border-color:#0000}.btn-primary:active{background:var(--brand-pressed)}.btn-secondary{background:var(--surface)}.btn-subtle{background:0 0;border-color:#0000}.btn-subtle:hover{background:#f0f0f0;border-color:#0000}.btn-danger-subtle{color:var(--danger);border-color:#eeacb2}.btn-danger-subtle:hover{background:var(--danger-bg);border-color:var(--danger)}.btn-sm{min-block-size:24px;padding:2px 8px;font-size:12px}.btn-lg{min-block-size:44px;padding:10px 20px;font-size:16px}.btn-xl{border-radius:var(--r-md);min-block-size:56px;padding:14px 40px;font-size:18px}.btn-block{inline-size:100%}.badge{background:var(--brand-150);block-size:20px;color:var(--brand-pressed);text-transform:none;letter-spacing:0;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-neutral{color:var(--text-2);background:#f0f0f0}.badge-live{background:var(--ok-bg);color:var(--ok)}.pill{border:1px solid #0000;border-radius:999px;padding:0 8px;font-size:12px;font-weight:600;line-height:20px;display:inline-block}.pill-ok{background:var(--ok-bg);color:var(--ok);border-color:#9fd89f}.pill-warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-stroke)}.pill-info{background:var(--brand-150);color:var(--brand-pressed);border-color:var(--brand-140)}.pill-neutral{color:var(--text-2);border-color:var(--stroke);background:#f5f5f5}.ticket-chip{text-align:center;border-radius:var(--r-sm);background:var(--brand-150);min-inline-size:48px;color:var(--brand-pressed);font-variant-numeric:tabular-nums;letter-spacing:.02em;direction:ltr;padding:0 8px;font-weight:700;display:inline-block}.tag{border-radius:var(--r-sm);color:var(--text-2);background:#f0f0f0;padding:0 6px;font-size:12px;display:inline-block}.svc-tile{border-radius:var(--r-sm);background:var(--brand);color:#fff;vertical-align:middle;place-items:center;block-size:24px;inline-size:24px;margin-inline-end:6px;font-size:12px;font-weight:700;display:inline-grid}.svc-icon{border-radius:var(--r-md);background:var(--brand-150);block-size:30px;inline-size:30px;color:var(--brand);vertical-align:middle;place-items:center;margin-inline-end:6px;display:inline-grid}.svc-icon-lg{block-size:48px;inline-size:48px}.dot{background:currentColor;border-radius:50%;block-size:8px;inline-size:8px;display:inline-block}.dot-ok{background:var(--ok)}.dot-live{background:var(--ok);animation:2s ease-in-out infinite pulse}.warn-text{color:var(--warn);font-weight:600}.shell{flex-direction:column;min-block-size:100vh;display:flex}.topbar{z-index:10;background:var(--brand);color:#fff;align-items:center;gap:20px;block-size:48px;padding-inline:16px;display:flex;position:sticky;inset-block-start:0}.brand{align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.brand-mark{border-radius:var(--r-sm);color:var(--brand);letter-spacing:.06em;direction:ltr;background:#fff;place-items:center;padding:2px 6px;font-size:13px;font-weight:800;display:inline-grid}.brand-mark-lg{border-radius:var(--r-md);padding:6px 10px;font-size:20px}.topbar-branch{background:#ffffff24;border-radius:999px;align-items:center;gap:8px;padding:2px 10px;font-size:12px;display:inline-flex}.topbar-branch .dot-ok{background:#9fd89f}.topbar-end{align-items:center;gap:12px;margin-inline-start:auto;display:flex}.lang-switch{border-radius:var(--r-sm);color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.lang-switch:hover{background:#ffffff1f}.user-chip{align-items:center;gap:8px;display:flex}.avatar{background:var(--brand-140);block-size:32px;inline-size:32px;color:var(--brand-dark);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.user-meta{flex-direction:column;line-height:16px;display:flex}.user-meta small{opacity:.8;font-size:11px}.shell-body{flex:1;display:flex}.sidenav{background:var(--surface-2);border-inline-end:1px solid var(--stroke);flex-direction:column;align-self:flex-start;gap:2px;block-size:calc(100vh - 48px);inline-size:232px;padding:12px 8px;display:flex;position:sticky;inset-block-start:48px}.sidenav-item{border-radius:var(--r-sm);color:var(--text-2);transition:background .1s var(--ease);align-items:center;gap:10px;padding:8px 12px;display:flex;position:relative}.sidenav-item:hover{color:var(--text);background:#ebebeb}.sidenav-item.active{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-2);font-weight:600}.sidenav-item.active:before{content:"";background:var(--brand);border-radius:2px;inline-size:3px;position:absolute;inset-block:8px;inset-inline-start:0}.sidenav-sep{background:var(--stroke);block-size:1px;margin:8px 4px}.sidenav-foot{margin-block-start:auto}.content{flex:1;min-inline-size:0;max-inline-size:1360px;padding:24px 32px 48px}@media (max-width:900px){.sidenav{inline-size:64px}.sidenav-item span,.sidenav-foot{display:none}.content{padding:16px}.user-meta,.topbar-branch{display:none}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-block-end:20px;display:flex}.page-head p.muted{margin:4px 0 0}.head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.section-title{margin:28px 0 12px;font-size:20px;line-height:28px}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-4);min-inline-size:0;padding:16px 20px}.card-flush{padding:0;overflow:hidden}.card-head{justify-content:space-between;align-items:center;gap:8px;margin-block-end:12px;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:16px;margin-block-start:24px;display:grid}.two-col-wide{grid-template-columns:2fr 1fr}@media (max-width:1100px){.two-col,.two-col-wide{grid-template-columns:1fr}}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.kpi{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-2);border-block-start:3px solid var(--brand);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.kpi span{color:var(--text-2);font-size:12px;font-weight:600}.kpi strong{font-variant-numeric:tabular-nums;font-size:32px;font-weight:600;line-height:40px}.kpi em{color:var(--text-2);font-size:14px;font-style:normal;font-weight:400}.kpi small{color:var(--text-2);align-items:center;gap:4px;font-size:12px;display:flex}.kpi small.up{color:var(--ok)}.kpi-warn{border-block-start-color:var(--warn);background:var(--warn-bg)}.kpi-warn strong,.kpi-warn small{color:var(--warn)}.tiles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.tile{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-2);transition:box-shadow .15s var(--ease), border-color .15s var(--ease), transform .15s var(--ease);border:1px solid #0000;grid-template-rows:1fr auto;grid-template-columns:auto 1fr;gap:4px 14px;padding:16px;display:grid}.tile:hover{box-shadow:var(--shadow-16);border-color:var(--brand-140);transform:translateY(-1px)}.tile-icon{border-radius:var(--r-md);background:var(--brand-150);block-size:44px;inline-size:44px;color:var(--brand);grid-row:span 2;place-items:center;display:grid}.tile-body{flex-direction:column;gap:2px;display:flex}.tile-body strong{font-size:15px}.tile .badge{justify-self:start}.list{margin:0;padding:0;list-style:none}.list li{border-block-start:1px solid #f0f0f0;align-items:center;gap:12px;padding:9px 0;display:flex}.list li:first-child{border-block-start:0}.list li>:last-child{margin-inline-start:auto}.table{border-collapse:collapse;inline-size:100%}.table th{text-align:start;color:var(--text-2);border-block-end:1px solid var(--stroke);background:var(--surface-2);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:600}.table td{vertical-align:middle;border-block-end:1px solid #f0f0f0;padding:10px 12px}.table tbody tr:hover{background:#fafafa}.table tbody tr:last-child td{border-block-end:0}.table .num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.table.compact td,.table.compact th{padding:7px 8px}.card .table th:first-child,.card .table td:first-child{padding-inline-start:4px}.card-flush .table th:first-child,.card-flush .table td:first-child{padding-inline-start:20px}.row-warn{background:var(--warn-bg)}.row-muted td{color:var(--text-3)}.row-next{background:var(--brand-160)}.row-actions{text-align:end}.next-tag{color:var(--brand);text-transform:uppercase;margin-inline-start:8px;font-size:11px;font-weight:700}.banner{border-radius:var(--r-md);border:1px solid;align-items:center;gap:10px;margin-block-end:12px;padding:10px 14px;display:flex}.banner .link{margin-inline-start:auto}.banner-warn{background:var(--warn-bg);border-color:var(--warn-stroke);color:#8a3707}.banner-info{background:var(--brand-150);border-color:var(--brand-140);color:var(--brand-pressed)}.segmented{border-radius:var(--r-md);background:#ebebeb;padding:2px;display:inline-flex}.segmented button{border-radius:var(--r-sm);cursor:pointer;color:var(--text-2);transition:background .1s var(--ease);background:0 0;border:0;padding:5px 14px;font-weight:600}.segmented button:disabled{cursor:not-allowed;opacity:.5}.segmented button.on{background:var(--surface);box-shadow:var(--shadow-2);color:var(--text)}.segmented button.on.open{color:var(--brand)}.segmented button.on.paused{color:var(--warn)}.segmented button.on.closed{color:var(--danger)}.select-wrap select{border:1px solid var(--stroke-2);border-radius:var(--r-sm);background:var(--surface);border-block-end-color:#616161;min-block-size:32px;padding:4px 10px}.tabs{border-block-end:1px solid var(--stroke);gap:4px;margin-block-end:16px;display:flex;overflow-x:auto}.tab{color:var(--text-2);cursor:default;white-space:nowrap;padding:10px 14px;position:relative}.tab.active{color:var(--text);font-weight:600}.tab.active:after{content:"";background:var(--brand);border-radius:2px;block-size:3px;position:absolute;inset-block-end:-1px;inset-inline:12px}.console-grid{grid-template-rows:auto auto;grid-template-columns:minmax(360px,1.1fr) 1fr;gap:16px;display:grid}.console-grid .current-card{grid-row:span 2;display:flex}@media (max-width:1100px){.console-grid{grid-template-columns:1fr}.console-grid .current-card{grid-row:auto}}.empty,.current{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-block-size:380px;padding:32px 16px;display:flex}.empty-icon{background:var(--brand-150);block-size:64px;inline-size:64px;color:var(--brand);border-radius:50%;place-items:center;margin-block-end:4px;display:grid}.empty .btn{margin-block-start:12px}.empty-inline{text-align:center;padding:16px 0}.current-top{align-items:center;gap:10px;display:flex}.state{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.state-called{color:#835c00;background:#fff4ce}.state-serving{background:var(--ok-bg);color:var(--ok)}.current-no{color:var(--brand);font-variant-numeric:tabular-nums;letter-spacing:.02em;direction:ltr;font-size:96px;font-weight:700;line-height:1}.timer{font-variant-numeric:tabular-nums;direction:ltr;align-items:center;gap:8px;font-size:28px;font-weight:600;line-height:36px;display:inline-flex}.current-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-block-start:16px;display:flex}.hint-warn{color:var(--warn);align-items:center;gap:6px;margin:4px 0 0;font-size:12px;display:flex}.mini-counts{grid-template-columns:1fr 1fr;gap:8px;margin-block-end:12px;display:grid}.mini-counts>div{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--stroke);align-items:center;gap:4px;padding:10px 12px;display:flex}.mini-counts strong{font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:22px}.overlay{z-index:50;background:#0006;place-items:center;display:grid;position:fixed;inset:0}.overlay-side{place-items:stretch end}.dialog{background:var(--surface);border-radius:var(--r-lg);inline-size:min(480px,100vw - 32px);box-shadow:var(--shadow-64);flex-direction:column;gap:8px;padding:24px;display:flex}.dialog h3{font-size:20px;line-height:28px}.dialog p{margin:0 0 8px}.dialog-actions{justify-content:flex-end;margin-block-start:8px;display:flex}.choice-list{flex-direction:column;gap:6px;display:flex}.choice{border:1px solid var(--stroke);border-radius:var(--r-md);background:var(--surface);cursor:pointer;text-align:start;align-items:center;gap:8px;padding:12px;font-weight:600;display:flex}.choice:hover{border-color:var(--brand);background:var(--brand-160)}.choice>:last-child{color:var(--brand);margin-inline-start:auto}.toast{z-index:60;border-radius:var(--r-md);color:#fff;box-shadow:var(--shadow-16);background:#292929;align-items:center;gap:8px;padding:12px 16px;display:flex;position:fixed;inset-block-end:24px;inset-inline-end:24px}.toast svg{color:#9fd89f}.drawer{background:var(--surface);block-size:100vh;inline-size:min(520px,100vw);box-shadow:var(--shadow-64);flex-direction:column;display:flex}.drawer-head,.drawer-foot{justify-content:space-between;align-items:center;gap:8px;padding:16px 24px;display:flex}.drawer-head{border-block-end:1px solid var(--stroke)}.drawer-head h3{font-size:20px;line-height:28px}.drawer-foot{border-block-start:1px solid var(--stroke);justify-content:flex-end}.drawer-body{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.field{border:0;flex-direction:column;gap:4px;min-inline-size:0;margin:0;padding:0;display:flex}.field-label,.field legend{margin-block-end:4px;padding:0;font-size:13px;font-weight:600}.field input,.field select{border:1px solid var(--stroke-2);border-radius:var(--r-sm);background:var(--surface);border-block-end-color:#616161;min-block-size:32px;inline-size:100%;padding:5px 10px}.field input:focus,.field select:focus{border-block-end:2px solid var(--brand);outline:none}.field-error input{border-color:var(--danger)}.field-msg{color:var(--danger);font-size:12px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-row-3{grid-template-columns:1fr 1fr 1fr}.check{align-items:center;gap:8px;padding:4px 0;display:flex}.check input{accent-color:var(--brand);block-size:16px;inline-size:16px}.icon-pick{gap:8px;display:flex}.icon-pick button{border-radius:var(--r-md);border:1px solid var(--stroke-2);background:var(--surface);block-size:44px;inline-size:44px;color:var(--text-2);cursor:pointer;place-items:center;display:grid}.icon-pick button.on{border:2px solid var(--brand);color:var(--brand);background:var(--brand-150)}.switch{cursor:pointer;align-items:center;gap:10px;display:flex}.switch input{opacity:0;position:absolute}.switch-track{background:var(--surface);block-size:20px;inline-size:40px;transition:background .15s var(--ease);border:1px solid #616161;border-radius:999px;position:relative}.switch-track:after{content:"";block-size:12px;inline-size:12px;transition:inset-inline-start .15s var(--ease);background:#616161;border-radius:50%;position:absolute;inset-block-start:3px;inset-inline-start:3px}.switch input:checked+.switch-track{background:var(--brand);border-color:var(--brand)}.switch input:checked+.switch-track:after{background:#fff;inset-inline-start:23px}.preview{border-radius:var(--r-md);background:var(--bg);flex-direction:column;gap:6px;padding:12px;display:flex}.preview-tile{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-2);align-items:center;gap:12px;padding:14px;display:flex}.preview-tile .ticket-chip{margin-inline-start:auto}.bars{border-block-end:1px solid var(--stroke);align-items:flex-end;gap:8px;block-size:180px;padding-block:8px;display:flex}.bar-col{block-size:100%;color:var(--text-2);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;font-size:11px;display:flex}.bar{background:var(--brand);border-radius:3px 3px 0 0;inline-size:100%;max-inline-size:28px}.bar-empty{background:var(--stroke)}.counter-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.counter{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-2);border-inline-start:4px solid var(--ok);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.counter-paused{border-inline-start-color:#e3a21a}.counter-closed{border-inline-start-color:var(--stroke-2);background:var(--surface-2)}.counter-head{justify-content:space-between;align-items:center;display:flex}.counter p{margin:0}.counter-teller{font-weight:600}.counter-svcs{flex-wrap:wrap;gap:4px;display:flex}.counter .btn{color:var(--brand);align-self:flex-start;margin-inline-start:-8px}.proto-exit{block-size:28px;inline-size:28px;color:var(--text-3);opacity:.35;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;inset-block-start:12px;inset-inline-end:12px}.proto-exit:hover{opacity:1;background:#0000000f}.proto-exit-dark{color:#fff}.kiosk{background:linear-gradient(180deg, var(--brand-150) 0%, #fff 55%);-webkit-user-select:none;user-select:none;flex-direction:column;min-block-size:100vh;display:flex;position:relative}.kiosk-head{align-items:center;gap:14px;padding:24px 40px;display:flex}.kiosk-head div{flex-direction:column;display:flex}.kiosk-head strong{font-size:18px;line-height:24px}.kiosk-head span:not(.brand-mark){color:var(--text-2)}.kiosk-head .brand-mark{background:var(--brand);color:#fff}.kiosk-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 40px 40px;display:flex}.kiosk-title{font-size:40px;line-height:52px}.kiosk-sub{color:var(--text-2);margin:8px 0 40px;font-size:20px}.kiosk-langs{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.kiosk-lang{border-radius:var(--r-xl);inline-size:280px;box-shadow:var(--shadow-16);cursor:pointer;transition:transform .12s var(--ease), border-color .12s var(--ease);background:#fff;border:2px solid #0000;flex-direction:column;align-items:center;gap:12px;padding:36px 24px;font-size:28px;font-weight:600;display:flex}.kiosk-lang:active,.kiosk-service:active{border-color:var(--brand);transform:scale(.98)}.kiosk-lang-glyph{background:var(--brand);color:#fff;border-radius:50%;place-items:center;block-size:88px;inline-size:88px;font-size:34px;display:grid}.kiosk-services{grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:20px;inline-size:100%;display:grid}@media (max-width:800px){.kiosk-services{grid-template-columns:1fr}}.kiosk-service{border-radius:var(--r-xl);min-block-size:120px;box-shadow:var(--shadow-4);text-align:start;cursor:pointer;transition:transform .12s var(--ease), border-color .12s var(--ease), box-shadow .12s var(--ease);background:#fff;border:2px solid #0000;align-items:center;gap:20px;padding:20px 24px;display:flex}.kiosk-service:hover{box-shadow:var(--shadow-16)}.kiosk-service-icon{border-radius:var(--r-xl);background:var(--brand);color:#fff;flex:none;place-items:center;block-size:72px;inline-size:72px;display:grid}.kiosk-service-text{flex-direction:column;gap:4px;display:flex}.kiosk-service-text strong{font-size:24px;line-height:30px}.kiosk-service-text span{color:var(--text-2);font-size:15px}.kiosk-service-wait{background:var(--brand-150);color:var(--brand-pressed);white-space:nowrap;border-radius:999px;align-self:flex-start;margin-inline-start:auto;padding:2px 10px;font-size:13px;font-weight:600}.kiosk-back{min-block-size:56px;color:var(--brand);cursor:pointer;background:0 0;border:0;margin-block-start:32px;padding:12px 24px;font-size:18px;font-weight:600}.kiosk-ticket{inline-size:min(520px,100%);box-shadow:var(--shadow-64);background:#fff;border-radius:16px;padding:40px 40px 28px;position:relative}.kiosk-ticket:before,.kiosk-ticket:after{content:"";background:#f3f8fd;border-radius:50%;block-size:28px;inline-size:28px;position:absolute;inset-block-start:62%}.kiosk-ticket:before{inset-inline-start:-14px}.kiosk-ticket:after{inset-inline-end:-14px}.kiosk-ticket-ok{background:var(--ok-bg);block-size:56px;inline-size:56px;color:var(--ok);border-radius:50%;place-items:center;display:inline-grid}.kiosk-ticket-label{color:var(--text-2);margin:12px 0 0;font-size:18px}.kiosk-ticket-no{color:var(--brand);letter-spacing:.02em;font-variant-numeric:tabular-nums;direction:ltr;margin:0;font-size:112px;font-weight:700;line-height:1.05}.kiosk-ticket-service{margin:4px 0 20px;font-size:22px;font-weight:600}.kiosk-ticket-facts{border-block:2px dashed var(--stroke);grid-template-columns:1fr 1fr;display:grid}.kiosk-ticket-facts div{flex-direction:column;gap:2px;padding:16px 8px;display:flex}.kiosk-ticket-facts div+div{border-inline-start:1px solid var(--stroke)}.kiosk-ticket-facts strong{font-size:32px;line-height:40px}.kiosk-ticket-facts span{color:var(--text-2)}.kiosk-ticket-hint{color:var(--text-2);margin:20px 0;font-size:16px}.kiosk-done{border-radius:var(--r-xl);background:var(--brand);color:#fff;cursor:pointer;border:0;min-block-size:96px;inline-size:100%;font-size:28px;font-weight:600}.kiosk-done:active{background:var(--brand-pressed)}.kiosk-countdown{color:var(--text-3);margin:12px 0 0;font-size:14px}.kiosk-offline{color:var(--warn);flex-direction:column;align-items:center;gap:12px;display:flex}.kiosk-offline h1{color:var(--text);font-size:36px;line-height:44px}.kiosk-offline p{color:var(--text-2);font-size:18px}.kiosk-reconnect{color:var(--text-2);align-items:center;gap:10px;display:inline-flex}.spinner{border:2px solid var(--brand-140);border-block-start-color:var(--brand);border-radius:50%;block-size:18px;inline-size:18px;animation:.9s linear infinite spin}.kiosk-foot{text-align:center;color:var(--text-3);padding:16px;font-size:13px}.display{background:var(--brand-dark);color:#fff;flex-direction:column;block-size:100vh;min-block-size:540px;display:flex;position:relative;overflow:hidden}.display-head{background:#0003;align-items:center;gap:2vw;padding:1.6vh 2.4vw;display:flex}.display-brand{align-items:center;gap:1vw;display:flex}.display-brand div{flex-direction:column;font-size:clamp(14px,1.6vw,28px);line-height:1.2;display:flex}.display-clock{flex-direction:column;align-items:flex-end;margin-inline-start:auto;line-height:1.15;display:flex}.display-clock strong{font-variant-numeric:tabular-nums;font-size:clamp(22px,2.8vw,52px)}.display-clock span{opacity:.75;font-size:clamp(11px,1vw,18px)}.conn{border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:clamp(11px,.9vw,16px);font-weight:600;display:inline-flex}.conn-ok{color:#9fd89f;background:#9fd89f29}.conn-ok .dot{animation:2s infinite pulse}.conn-down{color:#fdcfb4;background:#fdcfb42e}.conn-down .dot{animation:.8s infinite pulse}.display-body{flex:1;grid-template-columns:1.9fr 1fr;gap:2vw;min-block-size:0;padding:3vh 2.4vw;display:grid}.display-current{background:var(--brand);animation:fade .4s var(--ease) both, flash 1.2s var(--ease) 2;border-radius:1.6vw;flex-direction:column;justify-content:center;align-items:center;gap:2vh;display:flex;box-shadow:0 2vh 6vh #00000059}.display-labels{opacity:.9;gap:2vw;font-size:clamp(18px,2.6vw,48px);font-weight:600;display:flex}.display-call{align-items:center;gap:3vw;display:flex}.display-ticket{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:clamp(80px,22vh,260px);font-weight:700;line-height:1}.display-arrow{opacity:.6;font-size:clamp(40px,9vh,120px)}.display-counter{color:var(--brand);background:#fff;border-radius:1vw;flex-direction:column;align-items:center;padding:1.5vh 2.4vw;display:flex}.display-counter span{gap:.8vw;font-size:clamp(14px,1.8vw,32px);font-weight:600;display:flex}.display-counter strong{font-variant-numeric:tabular-nums;font-size:clamp(64px,18vh,200px);line-height:1}.display-sub{opacity:.9;margin:0;font-size:clamp(14px,1.8vw,32px)}.display-history{background:#ffffff0f;border-radius:1.6vw;flex-direction:column;display:flex;overflow:hidden}.display-history-head{opacity:.75;border-block-end:1px solid #ffffff1f;justify-content:space-between;padding:1.6vh 2vw;font-size:clamp(12px,1.3vw,24px);font-weight:600;display:flex}.display-history-head span{gap:.6vw;display:flex}.display-history ol{flex:1;grid-template-rows:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.display-history li{font-variant-numeric:tabular-nums;border-block-end:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:0 2vw;font-size:clamp(24px,6vh,72px);display:flex}.display-history li:first-child{background:#ffffff0f}.display-history li strong{font-weight:700}.display-history li span{background:#ffffff1f;border-radius:.2em;place-items:center;min-inline-size:1.6em;padding:0 .3em;font-weight:600;display:grid}.display-foot{text-align:center;opacity:.7;background:#0003;padding:1.4vh 2.4vw;font-size:clamp(12px,1.3vw,22px)}
