.net-pill{position:fixed;right:10px;bottom:10px;z-index:99998;font:600 13px system-ui,-apple-system,Segoe UI,sans-serif;padding:9px 14px;border-radius:20px;color:#fff;max-width:70vw;box-shadow:0 2px 10px #00000059}.net-pill--bad{background:#b3261e}.net-pill--warn{background:#a15c00}.net-pill--busy{background:#1b5e9c}.net-pill--ok{background:#0b7a4b}.net-pill__spin{display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;vertical-align:-2px;animation:net-pill-spin .7s linear infinite}@keyframes net-pill-spin{to{transform:rotate(360deg)}}.hub-site{color:#ffffffd9;text-align:center;font-size:16px;font-weight:600}.hub-card{width:100%;max-width:960px}.hub-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.hub-tile{display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:96px;padding:16px;border-radius:var(--wlx-radius);background:#eef1f7;color:var(--wlx-ink);text-decoration:none;font-weight:700;font-size:20px;touch-action:manipulation}.hub-tile:active{background:#dbe2f0}.hub-tile--pick{background:var(--wlx-accent);color:#fff}.hub-tile__hint{font-size:13px;font-weight:500;opacity:.75}.hub-operator{display:flex;justify-content:center;align-items:center;gap:12px;color:#ffffffd9;font-size:14px}.hub-operator__name{font-weight:600}.hub-operator__switch{border:1px solid rgba(255,255,255,.6);border-radius:var(--wlx-radius);background:transparent;color:#fff;font-size:13px;padding:4px 10px;cursor:pointer;touch-action:manipulation}:root{--wlx-bg: #0b3d91;--wlx-bg-soft: #12336f;--wlx-surface: #ffffff;--wlx-ink: #1a1a2e;--wlx-muted: #5b6472;--wlx-accent: #0b3d91;--wlx-ok: #107c10;--wlx-warn: #9a6700;--wlx-error: #c50f1f;--wlx-radius: 16px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--wlx-ink);background:linear-gradient(160deg,var(--wlx-bg),var(--wlx-bg-soft));-webkit-user-select:none;user-select:none}.kiosk{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:16px;gap:16px}.kiosk__header{width:100%;max-width:960px;display:flex;flex-direction:column;gap:8px}.kiosk__dept{color:#fff;font-size:28px;font-weight:700;text-align:center}.kiosk__body{width:100%;max-width:960px;display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 760px){.kiosk__body{grid-template-columns:1fr}}.card{background:var(--wlx-surface);border-radius:var(--wlx-radius);padding:16px;box-shadow:0 8px 24px #0000002e}.statusbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.badge{border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;color:#fff;background:#ffffff2e}.badge--offline{background:var(--wlx-error)}.badge--syncing{background:var(--wlx-warn)}.badge--queued{background:#444}.badge--skew{background:var(--wlx-warn)}.pinpad{display:flex;flex-direction:column;gap:16px;align-items:center}.pinpad__display{font-size:40px;letter-spacing:12px;min-height:52px;color:var(--wlx-ink)}.pinpad__grid{display:grid;grid-template-columns:repeat(3,96px);gap:14px}.pinpad__key{height:88px;font-size:32px;font-weight:700;border:none;border-radius:var(--wlx-radius);background:#eef1f7;color:var(--wlx-ink);cursor:pointer;touch-action:manipulation}.pinpad__key:active{background:#dbe2f0}.pinpad__key--enter{background:var(--wlx-accent);color:#fff}.pinpad__key--clear{background:#f3d6d6;color:var(--wlx-error)}.echo{text-align:center;padding:14px;border-radius:var(--wlx-radius);font-size:22px;font-weight:700}.echo--pending{background:#eef1f7;color:var(--wlx-muted)}.echo--ok{background:#e7f6e7;color:var(--wlx-ok)}.echo--error{background:#fdecec;color:var(--wlx-error)}.echo--warn{background:#fff4e5;color:#a15c00;border:2px solid #f0a500}.kiosk__camera{display:block;width:160px;max-width:100%;aspect-ratio:4 / 3;margin:0 auto 12px;border-radius:var(--wlx-radius);object-fit:cover;background:#000;transform:scaleX(-1)}.clocked h2{margin:0 0 12px;font-size:18px}.clocked__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.clocked__item{display:flex;justify-content:space-between;padding:10px 12px;background:#f6f8fc;border-radius:10px;font-size:16px}.clocked__since{color:var(--wlx-muted);font-variant-numeric:tabular-nums}.clocked__empty{color:var(--wlx-muted)}.pairing{max-width:520px;margin:8vh auto 0}.pairing h1{font-size:22px}.pairing textarea{width:100%;min-height:120px;font-family:ui-monospace,monospace;font-size:14px;border-radius:10px;border:1px solid #c7cdd8;padding:10px}.pairing button{margin-top:12px;width:100%;height:56px;font-size:18px;font-weight:700;border:none;border-radius:var(--wlx-radius);background:var(--wlx-accent);color:#fff;cursor:pointer}.pairing__error{color:var(--wlx-error);margin-top:10px}.version-banner{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;background:var(--wlx-warn);color:#fff;font-weight:600}.version-banner button{border:none;border-radius:8px;padding:8px 16px;font-weight:700;cursor:pointer}.signin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.signin__card{display:flex;flex-direction:column;align-items:center;gap:16px}.signin__card h1{margin:0;font-size:22px}.signin__error{margin:0;color:var(--wlx-error);font-weight:600;text-align:center}