:root{--sc-bg: #0B1220;--sc-bg-elevated: rgba(11, 18, 32, .78);--sc-bg-panel: #11192B;--sc-bg-panel-2: #0F1726;--sc-accent: #24C4B6;--sc-accent-hover: #1FB0A3;--sc-accent-soft: rgba(36, 196, 182, .14);--sc-accent-border: rgba(36, 196, 182, .3);--sc-accent-line: rgba(36, 196, 182, .18);--sc-text: #F6FAFD;--sc-text-dim: rgba(246, 250, 253, .72);--sc-text-muted: rgba(246, 250, 253, .55);--sc-border: rgba(246, 250, 253, .14);--sc-border-soft: rgba(246, 250, 253, .08);--sc-shadow-lg: 0 16px 40px rgba(0, 0, 0, .55);--sc-shadow-md: 0 4px 14px rgba(36, 196, 182, .25);--sc-success: #24C4B6;--sc-success-glow: rgba(36, 196, 182, .45);--sc-error: #FF5C7A;--sc-error-strong: #E63956;--sc-error-glow: rgba(255, 92, 122, .45);--sc-warn: #F6B73C;--sc-r: 2px;--sc-header-height: 52px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--sc-bg);color:var(--sc-text);font-family:Inter,Roboto,system-ui,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}a{color:var(--sc-accent);text-decoration:none}img{display:block;max-width:100%}.app-root{min-height:100vh;padding-top:var(--sc-header-height)}.page{max-width:920px;margin:0 auto;padding:28px 20px 56px}.label{font:600 12px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--sc-text-muted);margin-bottom:6px;display:block}.field-label-row{position:relative;display:flex;align-items:center;gap:6px;margin-bottom:6px}.field-label-row .label{margin-bottom:0}.help-btn{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--sc-text-muted);border:none;border-radius:50%;padding:0;cursor:pointer;transition:color .12s ease,background .12s ease}.help-btn:hover,.help-btn[aria-expanded=true]{color:var(--sc-text);background:var(--sc-bg-panel-2)}.help-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--sc-accent-soft)}.help-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:50;max-width:320px;background:var(--sc-bg-panel);color:var(--sc-text-dim);border:1px solid var(--sc-border);border-radius:var(--sc-r);padding:10px 12px;font:400 12px/1.45 Inter,sans-serif;box-shadow:var(--sc-shadow-lg);text-transform:none;letter-spacing:0}.help-popover code{font:500 11px/1 JetBrains Mono,Menlo,monospace;color:var(--sc-text);background:var(--sc-bg-panel-2);padding:1px 4px;border-radius:3px}.section-heading{font:600 16px/1.2 Inter,sans-serif;letter-spacing:.02em;color:var(--sc-text);margin:0 0 14px}.page-title{font:700 22px/1.2 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin:0 0 24px}.muted{color:var(--sc-text-dim)}.input,.select{width:100%;padding:10px 12px;background:var(--sc-bg-panel-2);color:var(--sc-text);border:1px solid var(--sc-border);border-radius:var(--sc-r);font:400 14px/1.4 Inter,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select{background-image:linear-gradient(45deg,transparent 50%,var(--sc-text-dim) 50%),linear-gradient(135deg,var(--sc-text-dim) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:32px}.input:focus,.select:focus{outline:none;border-color:var(--sc-accent);box-shadow:0 0 0 3px var(--sc-accent-soft)}.input[disabled],.select[disabled]{opacity:.55;cursor:not-allowed}.field{margin-bottom:16px}.field-row{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 800px){.field-row.two{grid-template-columns:1fr 1fr}}.btn{padding:10px 16px;border-radius:var(--sc-r);font:600 12px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;background:transparent;color:var(--sc-text);min-height:44px;transition:background .12s,border-color .12s,color .12s}.btn-primary{background:var(--sc-accent);color:#0b1220;box-shadow:var(--sc-shadow-md)}.btn-primary:hover{background:var(--sc-accent-hover)}.btn-primary:disabled{background:var(--sc-bg-panel);color:var(--sc-text-muted);box-shadow:none;cursor:not-allowed}.btn-secondary{background:var(--sc-bg-panel-2);color:var(--sc-text);border-color:var(--sc-border)}.btn-secondary:hover{border-color:var(--sc-accent-border)}.btn-destructive{background:transparent;color:var(--sc-error);border-color:var(--sc-border)}.btn-destructive:hover{border-color:var(--sc-error)}.btn-row{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.panel{background:var(--sc-bg-panel);border:1px solid var(--sc-border-soft);border-radius:var(--sc-r);padding:20px;box-shadow:var(--sc-shadow-lg);margin-bottom:18px}.panel-title{font:600 12px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--sc-text-muted);margin:0 0 14px}.banner{background:#ff5c7a1f;border:1px solid rgba(255,92,122,.4);color:var(--sc-error);padding:10px 14px;border-radius:var(--sc-r);margin-bottom:18px;font:600 12px/1.4 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}.inline-status{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--sc-text-dim);margin-left:10px}.inline-status.ok{color:var(--sc-success)}.inline-status.err{color:var(--sc-error)}.header{position:fixed;top:0;left:0;right:0;height:var(--sc-header-height);display:flex;align-items:center;gap:14px;padding:0 16px;background:var(--sc-bg-elevated);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid var(--sc-accent-line);z-index:100}.header-brand{display:flex;align-items:center;gap:10px}.header-brand img{height:18px;width:auto}.header-wordmark{font:700 14px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}.header-zone{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 12px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--sc-text-dim)}.header-zone .zone-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px currentColor;flex:0 0 auto}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--sc-border-soft);border-radius:var(--sc-r);color:var(--sc-text-dim);cursor:pointer}.icon-btn:hover{color:var(--sc-text);border-color:var(--sc-border)}.sync-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--sc-r);background:var(--sc-bg-panel-2);font:600 11px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--sc-text-dim);border:1px solid var(--sc-border-soft);cursor:pointer}.sync-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--sc-success);box-shadow:0 0 8px var(--sc-success-glow)}.sync-pill.offline .dot{background:var(--sc-error);box-shadow:0 0 8px var(--sc-error-glow)}.sync-popover{position:absolute;top:calc(var(--sc-header-height) + 4px);right:12px;background:var(--sc-bg-panel);border:1px solid var(--sc-border);border-radius:var(--sc-r);padding:14px;width:240px;box-shadow:var(--sc-shadow-lg);z-index:200}.sync-popover .row{display:flex;justify-content:space-between;font:500 12px/1.4 Inter,sans-serif;color:var(--sc-text-dim);padding:4px 0}.sync-popover .row strong{color:var(--sc-text);font-weight:600}.scan-frame{position:relative;width:100%;max-width:480px;aspect-ratio:1 / 1;margin:0 auto;background:#000;border:1px solid var(--sc-border);border-radius:var(--sc-r);overflow:hidden}.scan-frame #qr-reader,.scan-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:cover}.scan-frame #qr-reader__dashboard,.scan-frame #qr-reader__header_message,.scan-frame #qr-reader__status_span{display:none!important}.scan-frame{--reticle-accent: var(--sc-accent)}.scan-frame .reticle{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:2px solid var(--reticle-accent);border-radius:var(--sc-r);pointer-events:none;box-shadow:0 0 0 9999px #00000059}.scan-frame .reticle:before,.scan-frame .reticle:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--reticle-accent),transparent);animation:sweep 1.8s linear infinite}.scan-frame .reticle:after{animation-delay:.9s}@keyframes sweep{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.scan-frame-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0b12208c;z-index:5;pointer-events:none;padding:16px}.scan-frame-veil-text{font:700 13px/1.4 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-align:center;padding:10px 16px;border-radius:var(--sc-r);background:#0000008c;border:1px solid rgba(255,255,255,.25);max-width:80%}.scan-hint{position:absolute;left:0;right:0;bottom:6%;text-align:center;font:600 12px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.65);z-index:4;pointer-events:none}.manual-entry{display:flex;gap:10px;margin-top:24px}.manual-entry .input{font:600 18px/1 Inter,sans-serif;letter-spacing:.2em;text-align:center}.mode-toggle{display:inline-flex;margin-top:22px;background:var(--sc-bg-panel-2);border:1px solid var(--sc-border-soft);border-radius:var(--sc-r);padding:4px}.mode-toggle button{background:transparent;border:none;color:var(--sc-text-dim);font:600 11px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border-radius:var(--sc-r);cursor:pointer}.mode-toggle button.active{background:var(--sc-accent);color:#0b1220}.scan-mode-select{display:flex;width:100%;max-width:480px;margin:14px auto 0}.scan-mode-select button{flex:1;padding:12px 14px;font-size:12px}.scan-mode-select.needs-select{border-color:var(--sc-accent);animation:mode-pulse 1.6s ease-in-out infinite}@keyframes mode-pulse{0%,to{box-shadow:0 0 0 0 var(--sc-accent-soft)}50%{box-shadow:0 0 0 6px var(--sc-accent-soft)}}.scan-meta{display:flex;justify-content:center;gap:22px;margin-top:18px;align-items:center;flex-wrap:wrap}.verdict{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 20px;z-index:500;color:#fff;box-shadow:inset 0 0 120px #00000040;animation:verdictIn .18s ease-out}@keyframes verdictIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.verdict.granted{background:var(--sc-success)}.verdict.denied{background:var(--sc-error-strong)}.verdict.error{background:var(--sc-bg-panel);color:var(--sc-text)}.verdict-photo-wrap{position:relative;margin-bottom:24px}.verdict-photo{width:clamp(140px,38vw,200px);height:clamp(140px,38vw,200px);border-radius:var(--sc-r);border:4px solid rgba(255,255,255,.92);object-fit:cover;background:#0003;display:block}.verdict.denied .verdict-photo{width:clamp(120px,32vw,160px);height:clamp(120px,32vw,160px)}.verdict-photo-badge{position:absolute;right:-8px;bottom:-8px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#0000008c;border:3px solid #fff;color:#fff}.verdict-photo-badge svg{width:22px;height:22px}.verdict-hero{width:clamp(128px,36vw,176px);height:clamp(128px,36vw,176px);border-radius:50%;background:#0000002e;border:4px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#fff}.verdict-hero svg{width:56%;height:56%}.verdict-hero-error{background:#ff5c7a14;border-color:var(--sc-error);color:var(--sc-error)}.verdict-word{font:700 clamp(34px,10.5vw,96px)/1 "Inter",sans-serif;letter-spacing:.01em;text-transform:uppercase;margin:0 0 18px;max-width:100%;overflow-wrap:anywhere}.verdict-name{font:600 clamp(20px,5.5vw,28px)/1.2 "Inter",sans-serif;margin:0 0 6px;max-width:100%;word-break:break-word}.verdict-sub{font:500 clamp(15px,4vw,18px)/1.4 "Inter",sans-serif;color:#ffffffeb;margin:0 0 12px;max-width:100%}.verdict-meta{font:500 clamp(12px,3.4vw,14px)/1.4 "Inter",sans-serif;color:#ffffffc7;margin:0 0 22px}.verdict .chip{display:inline-block;background:#0000002e;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:var(--sc-r);padding:4px 10px;margin:0 4px;font:600 11px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}.verdict .pending-chip{margin-top:8px;display:inline-block;background:#00000038;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:var(--sc-r);padding:5px 10px;font:600 11px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}.verdict .continue{margin-top:8px;padding:14px 26px;background:#00000038;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:var(--sc-r);font:700 14px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;min-height:48px;min-width:200px}.verdict .continue:hover{background:#00000052}.dev-footer{position:fixed;bottom:0;left:0;right:0;background:#0b1220d9;border-top:1px solid var(--sc-border-soft);color:var(--sc-text-muted);font:500 11px/1.4 JetBrains Mono,Inter,monospace;padding:6px 10px;display:flex;justify-content:space-between;align-items:center;z-index:600}.dev-footer button{background:transparent;border:1px solid var(--sc-border-soft);border-radius:var(--sc-r);color:var(--sc-text-dim);padding:3px 8px;font:inherit;cursor:pointer}.dev-footer button:hover:not(:disabled){color:var(--sc-text);border-color:var(--sc-border)}.dev-footer button:disabled{opacity:.5;cursor:not-allowed}.dev-footer-left,.dev-footer-actions{display:inline-flex;align-items:center;gap:12px}.stat-icon{display:inline-flex;align-items:center;gap:4px;color:var(--sc-text-dim);white-space:nowrap}.stat-icon .stat-num{font:600 11px/1 JetBrains Mono,Inter,monospace;color:var(--sc-text)}.stat-icon.has-pending,.stat-icon.has-pending .stat-num{color:var(--sc-accent)}.stat-icon.conn-online{color:var(--sc-success)}.stat-icon.conn-offline,.stat-icon.conn-error{color:var(--sc-error)}.stat-icon.conn-syncing{color:var(--sc-accent)}.stat-icon.conn-syncing svg{animation:conn-spin 1s linear infinite}@keyframes conn-spin{to{transform:rotate(360deg)}}.about-line{margin:24px 0 0;text-align:center;font:500 11px/1.4 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--sc-text-dim)}.about-version{font-family:JetBrains Mono,Inter,monospace;color:var(--sc-text-muted);margin-left:6px}