[hidden]{display:none!important}.scan-page{min-height:calc(100vh - 70px);display:grid;place-items:start center;padding:48px 18px 90px;background:radial-gradient(circle at 50% 0,#dceaff,transparent 42%),#f5f8fd}.scan-card{width:min(560px,100%);background:#fff;border:1px solid #dbe5f1;border-radius:24px;padding:25px;box-shadow:0 24px 65px rgba(14,45,92,.12)}.scan-heading{display:flex;gap:15px;align-items:flex-start}.scan-mark{flex:0 0 50px;height:50px;border-radius:14px;background:#165cff;color:#fff;display:grid;place-items:center;font-size:25px}.scan-heading h1{font-size:30px;letter-spacing:-.04em;margin:7px 0}.scan-heading p{color:#68778c;font-size:13px;line-height:1.55;margin:0 0 20px}.mobile-scan-copy{display:none}.mobile-scan-only{margin-top:4px}.scan-start{width:100%;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:10px;padding:13px 15px}.scan-start>span{grid-row:1/3;font-size:24px;align-self:center}.scan-start b{font-size:14px}.scan-start small{font-size:10px;opacity:.78}.scan-start:disabled{opacity:.65}#qr-reader{border:1px solid #d9e4f1!important;border-radius:16px;overflow:hidden;background:#071327;margin-top:2px}#qr-reader video{display:block;width:100%!important}.scan-stop{width:100%;border:1px solid #ccd9e8;background:#fff;color:#18314f;border-radius:10px;padding:10px;margin-top:8px;font-weight:800}.scan-status{margin:12px 0;padding:11px 13px;border-radius:10px;background:#edf4ff;color:#28528d;font-size:11px;font-weight:700}.scan-status.success{background:#e8f8f1;color:#08764f}.scan-status.error{background:#feeceb;color:#b42318}.desktop-code-note{padding:14px;background:#edf4ff;border-radius:12px}.desktop-code-note b,.desktop-code-note span{display:block}.desktop-code-note b{font-size:13px;color:#173c70}.desktop-code-note span{font-size:11px;color:#64758d;margin-top:4px}.scan-divider{display:flex;align-items:center;gap:10px;color:#98a4b4;font-size:9px;font-weight:900;letter-spacing:.12em;margin:20px 0}.scan-divider:before,.scan-divider:after{content:"";height:1px;background:#e3e9f1;flex:1}.machine-code-form label{display:block;font-size:11px;font-weight:800;margin-bottom:7px}.machine-code-form>div{display:grid;grid-template-columns:1fr auto;gap:8px}.machine-code-form input{min-width:0;border:1px solid #ccd9e8;border-radius:11px;padding:12px;text-transform:uppercase}.machine-code-form .btn{min-height:44px}.scan-help{margin-top:20px;padding:14px;background:#f7f9fc;border-radius:12px}.scan-help b,.scan-help span{display:block;font-size:11px}.scan-help span{color:#78869a;margin-top:5px}@media(max-width:900px) and (pointer:coarse){.desktop-code-area,.desktop-scan-copy{display:none}.mobile-scan-copy{display:block}.scan-card{background:#071327;border-color:#193250;color:#fff}.scan-heading p{color:#aebdd1}.scan-mark{background:#fff;color:#165cff}.scan-status{background:#132a49;color:#cfdded}.scan-status.error{background:#421d23;color:#ffd5d1}.scan-stop{background:#122541;border-color:#294362;color:#fff}}@media(max-width:600px){.scan-page{padding:12px 10px 72px;background:#071327}.scan-card{padding:14px;border-radius:16px;box-shadow:none}.scan-mark{flex-basis:43px;height:43px;border-radius:11px}.scan-heading h1{font-size:25px}}