:root{--bg: #0b0c0f;--panel: #12141a;--text: #e8e9ee;--muted: #a3a7b7;--primary: #4f8cff;--primary-press: #3a6cda;--danger: #ff5d5d;--border: #1e2230;--success: #28a745;--warning: #ffc107;--radius: 14px;--shadow: 0 6px 18px rgba(0,0,0,.24);--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 20px;--space-5: 28px;--space-6: 40px;--tap-size: 44px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Apple Color Emoji","Segoe UI Emoji"}@media (prefers-color-scheme: light){:root{--bg: #f6f7fb;--panel: #ffffff;--text: #101213;--muted: #586073;--primary: #2b6cff;--primary-press: #1d4ed8;--border: #e8ebf5}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.container{max-width:100%;margin:0 auto;padding:var(--space-3);min-height:100vh;display:flex;flex-direction:column}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-3);flex:1;display:flex;flex-direction:column}h1,h2{margin:0 0 var(--space-3);font-weight:700;letter-spacing:.2px;font-size:1.5rem}h3{margin:0 0 var(--space-2);font-weight:600;font-size:1.2rem}label{display:block;margin-bottom:var(--space-3)}label>span{display:block;color:var(--muted);font-size:.9rem;margin-bottom:6px}input[type=text],input[type=number],input[type=password]{width:100%;height:var(--tap-size);padding:0 var(--space-3);border-radius:12px;background:transparent;color:var(--text);border:1px solid var(--border);outline:none;font-size:16px;-webkit-appearance:none;appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{height:var(--tap-size);min-width:120px;padding:0 var(--space-4);border:0;border-radius:999px;background:var(--primary);color:#fff;font-weight:600;letter-spacing:.2px;cursor:pointer;font-size:16px;transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}button:active{transform:translateY(1px);background:var(--primary-press)}button[disabled]{opacity:.6;pointer-events:none}.row{display:flex;gap:var(--space-2);flex-wrap:wrap;flex-direction:column}.actions{margin-top:var(--space-4);display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;flex-direction:column}.error{color:var(--danger);margin-top:var(--space-2)}.helper{color:var(--muted);font-size:.9rem;margin-top:6px}.qr-wrap{background:#fff;border-radius:12px;padding:var(--space-3);display:inline-block;margin-top:var(--space-4);max-width:100%;overflow:hidden}.qr-meta{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;color:var(--muted);margin-top:var(--space-2);word-break:break-all;text-align:center}.message-success{padding:var(--space-3);background:#d4edda;color:#155724;border-radius:var(--radius);margin-bottom:var(--space-3);border:1px solid #c3e6cb}.message-error{padding:var(--space-3);background:#f8d7da;color:#721c24;border-radius:var(--radius);margin-bottom:var(--space-3);border:1px solid #f5c6cb}.message-warning{padding:var(--space-3);background:#fff3cd;color:#856404;border-radius:var(--radius);margin-bottom:var(--space-3);border:1px solid #ffeaa7}.btn-success{background:var(--success)}.btn-danger{background:var(--danger)}.btn-muted{background:var(--muted)}.btn-warning{background:var(--warning);color:#000}.text-center{text-align:center}.text-muted{color:var(--muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}@media (max-width: 480px){.container,.card{padding:var(--space-2)}button{min-width:100%}.row,.actions{gap:var(--space-1)}h1,h2{font-size:1.3rem}h3{font-size:1.1rem}.qr-wrap{padding:var(--space-2)}}@media (min-width: 481px) and (max-width: 768px){.container,.card{padding:var(--space-4)}.row,.actions{flex-direction:row;gap:var(--space-3)}button{min-width:auto}}@media (min-width: 769px){.container{max-width:640px;padding:var(--space-6) var(--space-5)}.card{padding:var(--space-6)}.row,.actions{flex-direction:row;gap:var(--space-3)}button{min-width:auto}h1,h2{font-size:1.8rem}h3{font-size:1.4rem}}@media (min-width: 1200px){.container{max-width:800px}}#qr-reader{width:100%!important;max-width:400px!important}#qr-reader video{width:100%!important;height:auto!important}@media (hover: none) and (pointer: coarse){button{min-height:48px;padding:0 var(--space-5)}input{min-height:48px}}@supports (-webkit-touch-callout: none){input{font-size:16px}button{-webkit-touch-callout:none;-webkit-user-select:none}}@media (orientation: landscape) and (max-height: 500px){.container,.card{padding:var(--space-2)}h1,h2{font-size:1.2rem;margin-bottom:var(--space-2)}}