: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)}.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}