@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f172a;--bg2: #1e293b;--bg3: #334155;--border: #334155;--border2: #475569;--text: #f1f5f9;--text2: #94a3b8;--text3: #64748b;--accent: #38bdf8;--accent-bg: rgba(56,189,248,.1);--accent-border: rgba(56,189,248,.35);--success: #4ade80;--success-bg: rgba(74,222,128,.1);--success-border: rgba(74,222,128,.35);--warn: #fbbf24;--warn-bg: rgba(251,191,36,.1);--warn-border: rgba(251,191,36,.35);--danger: #f87171;--danger-bg: rgba(248,113,113,.1);--danger-border: rgba(248,113,113,.35);--radius: 8px;--radius-lg: 12px;--font: "IBM Plex Sans", sans-serif;--mono: "IBM Plex Mono", monospace}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{min-height:100dvh;display:flex;flex-direction:column}.app-shell{max-width:480px;margin:0 auto;width:100%;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border)}.topbar-title{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text2)}.topbar-tech{font-size:12px;color:var(--text3);font-family:var(--mono)}.content{flex:1;padding:20px;display:flex;flex-direction:column;gap:16px}.stepbar{display:flex;align-items:center;gap:0;margin-bottom:4px}.step-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.step-circle{width:30px;height:30px;border-radius:50%;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;font-family:var(--mono);color:var(--text3);background:var(--bg);transition:all .2s}.step-circle.active{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.step-circle.done{border-color:var(--success);color:var(--success);background:var(--success-bg)}.step-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.step-label.active{color:var(--accent)}.step-label.done{color:var(--success)}.step-connector{flex:1;height:1px;background:var(--border);margin-bottom:18px;max-width:24px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.card-accent{border-color:var(--accent-border);background:var(--accent-bg)}.card-success{border-color:var(--success-border);background:var(--success-bg)}.card-warn{border-color:var(--warn-border);background:var(--warn-bg)}.card-danger{border-color:var(--danger-border);background:var(--danger-bg)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.data-grid.full>*{grid-column:1 / -1}.data-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.data-value{font-size:14px;color:var(--text);font-weight:500}.data-value.mono{font-family:var(--mono);font-size:13px;color:var(--accent)}.qr-tap{border:1px dashed var(--border2);border-radius:var(--radius-lg);padding:32px 20px;text-align:center;cursor:pointer;transition:all .15s;background:var(--bg2)}.qr-tap:active{background:var(--bg3);border-color:var(--accent)}.qr-tap-icon{width:56px;height:56px;margin:0 auto 12px;border:2px solid var(--text3);border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative}.qr-tap-icon:before,.qr-tap-icon:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--accent);border-style:solid}.qr-tap-icon:before{top:-2px;left:-2px;border-width:2px 0 0 2px;border-radius:3px 0 0}.qr-tap-icon:after{bottom:-2px;right:-2px;border-width:0 2px 2px 0;border-radius:0 0 3px}.qr-tap-title{font-size:15px;font-weight:500;color:var(--text);margin-bottom:4px}.qr-tap-sub{font-size:13px;color:var(--text3)}.scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:100;display:flex;flex-direction:column}.scanner-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px;position:absolute;top:0;left:0;right:0;z-index:101;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.scanner-title{font-size:14px;font-weight:500;color:#fff;letter-spacing:.05em}.scanner-close{background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}#qr-reader{width:100%!important;height:100dvh!important}#qr-reader video{width:100%!important;height:100dvh!important;object-fit:cover!important}#qr-reader img{display:none!important}#qr-reader__scan_region{border:none!important}#qr-reader__dashboard{display:none!important}button{font-family:var(--font);font-size:14px;font-weight:500;padding:12px 18px;border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg2);color:var(--text);cursor:pointer;transition:all .15s;letter-spacing:.02em}button:active{opacity:.8;transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.btn-primary:active{background:#7dd3fc}.btn-success{background:var(--success);color:var(--bg);border-color:var(--success);font-weight:600}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text2);font-size:13px;padding:8px 14px}.btn-row{display:flex;gap:10px}.btn-row>*{flex:1}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:3px 10px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-accent{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.badge-warn{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-border)}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.inc-block{background:var(--bg3);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px}.inc-num{font-family:var(--mono);font-size:16px;font-weight:500;color:var(--text);letter-spacing:.02em}.inc-sub{font-size:12px;color:var(--text3);margin-top:2px}.wo-block{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius);padding:12px 14px}.wo-num{font-family:var(--mono);font-size:16px;font-weight:500;color:var(--accent);letter-spacing:.02em}.wo-sub{font-size:12px;color:var(--text2);margin-top:2px}.divider{height:1px;background:var(--border);margin:4px 0}input[type=text],input[type=number],input[type=tel]{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:15px;padding:10px 12px;outline:none;transition:border-color .15s}input:focus{border-color:var(--accent)}input[type=number]{width:90px}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .25s ease both}@keyframes pulse-ring{0%{box-shadow:0 0 #38bdf866}70%{box-shadow:0 0 0 10px #38bdf800}to{box-shadow:0 0 #38bdf800}}.pulse{animation:pulse-ring 1.5s infinite}.section-title{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.08em}.qty-row{display:flex;align-items:center;gap:10px}.qty-unit{font-size:13px;color:var(--text3)}