@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&display=swap";:root{font-family:Manrope,system-ui,sans-serif;line-height:1.4;font-weight:400;color:#1f2632;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fff}#root{min-height:100vh}button,input{font-family:inherit}.screen{position:relative;min-height:100vh;padding:clamp(14px,2vw,28px);overflow:hidden;background:linear-gradient(180deg,#f7f9fc,#eef3f8);color:#172033}.screen__bg{position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(185,210,247,.18),transparent 24%),radial-gradient(circle at bottom right,rgba(203,220,240,.2),transparent 18%);z-index:0}.screen__main{position:relative;z-index:1;width:min(100%,1080px);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.2vw,14px)}.brand-center{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px}.brand-center__logo{width:clamp(70px,7vw,98px);height:clamp(70px,7vw,98px);object-fit:contain}.brand-center__title{font-size:clamp(46px,4.8vw,78px);font-weight:700;letter-spacing:-.04em;line-height:.95;color:#172033}.subtitle{max-width:760px;margin:0 0 2px;text-align:center;font-size:clamp(18px,1.75vw,28px);line-height:1.3;color:#3a4659}.tablet-device{width:min(100%,980px)}.tablet-device__bezel{position:relative;padding:0;border-radius:0;background:transparent;box-shadow:none}.tablet-device__camera{display:none}.kiosk-shell{background:#fff;border-radius:28px;padding:clamp(14px,1.8vw,18px);min-height:0}.kiosk-topbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:4px 4px 14px;border-bottom:1px solid #e5eaf1}.kiosk-topbar__meta{display:flex;align-items:center;gap:12px}.kiosk-topbar__time{font-size:clamp(20px,1.8vw,30px);font-weight:600;color:#1f2937}.pair-btn,.lang,.pill{border-radius:999px;font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 18px #1f293714}.pair-btn{border:1px solid #d6deea;background:linear-gradient(180deg,#fff,#f7faff);color:#243247;padding:12px 20px;font-size:15px;letter-spacing:-.01em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pair-btn:hover{transform:translateY(-1px);border-color:#bfd0e8;box-shadow:0 12px 24px #1f29371a}.pair-btn--ghost{margin-right:auto}.lang{display:inline-flex;align-items:center;padding:0 14px;border:1px solid #d6deea;background:linear-gradient(180deg,#fff,#f7faff)}.lang__select{border:0;background:transparent;font-size:15px;font-weight:800;color:#243247;outline:none;padding:12px 4px 12px 0}.pill{padding:12px 18px;font-size:15px;display:inline-flex;align-items:center;gap:10px}.pill--ok{color:#22824a;background:linear-gradient(180deg,#ecfbf1,#e0f7e8);border:1px solid #bde8cc}.pill--off{color:#b34646;background:linear-gradient(180deg,#fff1f1,#fde7e7);border:1px solid #f4cccc}.pill--ok:before,.pill--off:before{content:"";width:10px;height:10px;border-radius:50%;flex:0 0 auto}.pill--ok:before{background:#49c86f;box-shadow:0 0 0 4px #49c86f24}.pill--off:before{background:#de5b5b;box-shadow:0 0 0 4px #de5b5b24}.kiosk-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.92fr);gap:clamp(12px,1.4vw,16px);padding-top:clamp(14px,1.6vw,18px);align-items:start}.camera-stage{position:relative;min-height:620px;aspect-ratio:.78;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#d6dde7,#c6d0de);box-shadow:inset 0 0 0 1px #ffffff5c}.camera-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05080c05,#05080c14);pointer-events:none}.camera-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.scan-oval{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:min(62%,330px);aspect-ratio:1 / 1.2;border-radius:50%;border:6px solid rgba(205,255,231,.88);box-shadow:0 0 28px #96ffd65c;z-index:2}.scan-oval__target{position:absolute;inset:0}.scan-oval__target:before,.scan-oval__target:after{content:"";position:absolute;width:52px;height:52px;border:5px solid rgba(211,255,234,.94);border-radius:12px}.scan-oval__target--top:before{top:-34px;left:-56px;border-right:0;border-bottom:0}.scan-oval__target--top:after{top:-34px;right:-56px;border-left:0;border-bottom:0}.scan-oval__target--bottom:before{bottom:-34px;left:-56px;border-right:0;border-top:0}.scan-oval__target--bottom:after{bottom:-34px;right:-56px;border-left:0;border-top:0}.scan-oval__label{display:none}.scan-footer{position:absolute;left:50%;bottom:30px;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px}.scan-footer__title{font-size:clamp(18px,1.7vw,30px);font-weight:700;color:#fff;text-shadow:0 10px 24px rgba(10,18,28,.34);white-space:nowrap}.scan-footer__spinner{width:42px;height:42px;border-radius:50%;border:4px dashed rgba(205,255,231,.9);animation:spin 1.3s linear infinite}.side-column{display:flex;flex-direction:column;gap:12px}.summary-card{border-radius:20px;padding:18px 16px;color:#fff;box-shadow:0 16px 34px #10182824}.summary-card--success{background:linear-gradient(180deg,#2fa864,#23884f)}.summary-card--warning{background:linear-gradient(180deg,#d19a31,#b1761c)}.summary-card--danger{background:linear-gradient(180deg,#cb5a5a,#a53939)}.summary-card--neutral{background:linear-gradient(180deg,#2b6cb0,#234f87)}.summary-card__icon{width:62px;height:62px;border-radius:50%;border:3px solid rgba(255,255,255,.58);display:grid;place-items:center;font-size:32px;font-weight:800;margin:0 auto 14px}.summary-card__title{font-size:clamp(18px,1.45vw,26px);font-weight:800;line-height:1.16;text-align:center}.summary-card__subtitle{margin-top:8px;font-size:clamp(13px,.95vw,17px);line-height:1.35;text-align:center;color:#f5f8fbf0}.detail-card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:14px;box-shadow:0 12px 30px #0f172a14;display:flex;flex-direction:column;gap:14px}.detail-card__header{display:flex;align-items:center;gap:12px}.detail-card__avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(180deg,#edf2f8,#e1e8f2);overflow:hidden;display:grid;place-items:center;font-size:22px;font-weight:800;color:#334155}.detail-card__avatar img{width:100%;height:100%;object-fit:cover}.detail-card__name{font-size:clamp(20px,1.45vw,28px);font-weight:800;line-height:1.1;color:#1f2937}.detail-card__sub{margin-top:2px;font-size:clamp(14px,.95vw,18px);color:#697588;line-height:1.35}.detail-card__row{display:flex;gap:12px;align-items:flex-start;padding-top:2px;border-top:1px solid #edf2f7}.detail-card__badge{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:800;color:#fff;flex:0 0 auto}.detail-card__badge--success{background:#2fa864}.detail-card__badge--warning{background:#d19a31}.detail-card__badge--danger{background:#cb5a5a}.detail-card__badge--neutral{background:#2b6cb0}.detail-card__label{font-size:clamp(16px,1vw,20px);font-weight:800;color:#223047}.detail-card__value{margin-top:4px;font-size:clamp(13px,.95vw,17px);color:#667085;line-height:1.45}.detail-card__status{border-top:1px solid #edf2f7;padding-top:12px}.detail-card__status-title{font-size:clamp(15px,1vw,18px);font-weight:800;color:#223047}.detail-card__chip{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;font-size:clamp(13px,.95vw,17px);font-weight:800;margin:8px 0 6px}.detail-card__chip--success{background:#e7f8ee;color:#248c4f}.detail-card__chip--warning{background:#fff3df;color:#b1761c}.detail-card__chip--danger{background:#fdeaea;color:#ae3d3d}.detail-card__chip--neutral{background:#e8f0fb;color:#2a66a8}.pairing-modal{position:fixed;inset:0;z-index:30;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:20px}.pairing-card{position:relative;width:min(520px,94vw);background:#fff;border-radius:24px;box-shadow:0 24px 64px #0f172a38;padding:28px 24px 24px;display:flex;flex-direction:column;align-items:center;gap:14px}.pairing-title{font-size:clamp(24px,3vw,32px);font-weight:800;color:#18212f;text-align:center}.pairing-hint{text-align:center;color:#667085;font-size:15px;line-height:1.5;max-width:420px}.pairing-reader{width:min(320px,78vw);min-height:320px;border-radius:18px;overflow:hidden;background:#f8fafc}.pairing-status{min-height:24px;text-align:center;color:#475467;font-size:14px;font-weight:600}.popup__close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#ffffffeb;color:#172033;font-size:20px;line-height:1;cursor:pointer}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:980px){.tablet-device{width:min(100%,900px)}.kiosk-grid{grid-template-columns:1fr}.camera-stage{min-height:560px;aspect-ratio:.82}}@media(max-width:720px){.screen{padding:10px}.tablet-device__bezel{padding:0;border-radius:0}.kiosk-shell{padding:12px;min-height:auto}.kiosk-topbar{flex-wrap:wrap;justify-content:center;gap:10px}.pair-btn--ghost{margin-right:0}.kiosk-topbar__meta{flex-wrap:wrap;justify-content:center}.camera-stage{min-height:auto;aspect-ratio:.8}.scan-oval{width:min(60vw,320px)}.scan-oval__label{bottom:-72px}.scan-footer{bottom:52px}}@media(min-width:721px)and (max-width:900px){.screen__main{width:min(100%,860px)}.tablet-device{width:min(100%,840px)}.kiosk-shell{min-height:min(82vh,1080px)}.camera-stage{min-height:680px;aspect-ratio:.8}}