:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#111;color:#f5f5f5}*{box-sizing:border-box}body{margin:0;background:#111}#app{max-width:900px;margin:0 auto;padding:20px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.card,.grid button{background:#1b1b1b;border:1px solid #2f2f2f;border-radius:16px;padding:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:20px}.screen{margin-top:20px}.hidden{display:none}input,select,button{width:100%;max-width:100%;padding:14px;border-radius:12px;border:1px solid #333;background:#181818;color:#fff;margin:8px 0;font-size:16px}button{background:#c62828;border:none;font-weight:700}button.ghost{background:#2b2b2b}.message{margin-top:12px;padding:12px;border-radius:12px;background:#202020}.success{border:1px solid #2e7d32}.error{border:1px solid #b71c1c}.hint{margin:8px 0 12px;color:#cfcfcf;line-height:1.4}.field-label{display:block;margin-top:4px;font-size:14px;color:#d8d8d8;font-weight:600}.method-card{margin:16px 0;padding:16px;border:1px solid #2f2f2f;border-radius:16px;background:#151515}.method-card-primary{border-color:#575757;background:#191919}.method-card h3{margin:0 0 8px;font-size:18px}.method-divider{display:flex;align-items:center;justify-content:center;margin:8px 0 4px;color:#bdbdbd;font-size:14px;text-transform:uppercase;letter-spacing:.08em}.autocomplete-wrap{position:relative}.suggestions{position:absolute;left:0;right:0;top:100%;z-index:20;background:#181818;border:1px solid #333;border-radius:12px;max-height:280px;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,.35)}.suggestion-item{padding:12px 14px;border-bottom:1px solid #2a2a2a;cursor:pointer}.suggestion-item:last-child{border-bottom:none}.suggestion-item strong{display:block;font-size:15px}.suggestion-item small{display:block;color:#bcbcbc;margin-top:4px}.suggestion-item.active,.suggestion-item:hover{background:#242424}.scanner-panel{margin:8px 0 0;padding:12px;border:1px solid #2f2f2f;border-radius:16px;background:#161616}.scanner-panel video,.scanner-viewport{width:100%;border-radius:12px;background:#000;display:block;max-height:320px;object-fit:cover;overflow:hidden}.scanner-viewport video,.scanner-viewport canvas{width:100% !important;height:auto !important;display:block}.master-only.hidden-by-role{display:none}@media (max-width:640px){#app{padding:16px}.topbar{align-items:flex-start;flex-direction:column}}