*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0c10;--bg2: #111318;--bg3: #1a1d24;--card: #13161c;--border: #22262f;--accent: #00d4ff;--accent2: #0099cc;--green: #00ff88;--green2: #00cc6a;--yellow: #ffcc00;--yellow2: #ff9900;--gray: #3a3f4a;--gray2: #2a2f3a;--red: #ff3355;--orange: #ff6600;--text: #e8edf5;--text2: #6b7280;--text3: #9ca3af;--radius: 12px;--glow-blue: 0 0 20px rgba(0,212,255,.3);--glow-green: 0 0 20px rgba(0,255,136,.3);--glow-yellow: 0 0 20px rgba(255,204,0,.4)}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:SF Mono,Fira Code,monospace,-apple-system,sans-serif;font-size:13px;-webkit-tap-highlight-color:transparent;overflow-x:hidden}.factory-bg{background-color:var(--bg);background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:40px 40px;min-height:100vh}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg2);border-top:1px solid var(--border);display:flex;z-index:300;padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 4px;gap:3px;cursor:pointer;border:none;background:none;color:var(--text2);font-size:9px;font-family:inherit;letter-spacing:.5px;text-transform:uppercase;transition:all .2s;position:relative}.nav-item .nav-icon{font-size:20px}.nav-item.active{color:var(--accent)}.nav-item.active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--accent);box-shadow:var(--glow-blue)}.header{background:var(--bg2);padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200}.header-back{background:var(--bg3);border:1px solid var(--border);color:var(--accent);width:34px;height:34px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.header h2{font-size:14px;font-weight:700;flex:1;letter-spacing:1px;text-transform:uppercase}.stanok-panel{background:linear-gradient(135deg,#0d1117,#111822);border:1px solid var(--border);border-radius:14px;margin:12px;padding:16px;position:relative;overflow:hidden}.stanok-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.stanok-label{font-size:9px;letter-spacing:2px;color:var(--text2);text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px}.stanok-label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:var(--glow-green);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.stanok-buttons{display:flex;gap:10px}.stanok-btn{flex:1;padding:14px 8px;border-radius:10px;border:2px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;font-family:inherit;font-size:18px;font-weight:900;letter-spacing:1px;text-align:center;transition:all .2s;position:relative;overflow:hidden}.stanok-btn .btn-unit{display:block;font-size:8px;letter-spacing:1px;margin-top:2px;opacity:.6}.stanok-btn.active-5{border-color:var(--accent);background:#00d4ff1a;color:var(--accent);box-shadow:var(--glow-blue),inset 0 0 20px #00d4ff0d;animation:blink-blue 1.5s ease-in-out infinite}.stanok-btn.active-8{border-color:var(--yellow);background:#ffcc001a;color:var(--yellow);box-shadow:var(--glow-yellow),inset 0 0 20px #ffcc000d;animation:blink-yellow 1.5s ease-in-out infinite}.stanok-btn.active-16{border-color:var(--green);background:#00ff881a;color:var(--green);box-shadow:var(--glow-green),inset 0 0 20px #00ff880d;animation:blink-green 1.5s ease-in-out infinite}@keyframes blink-blue{0%,to{box-shadow:var(--glow-blue),inset 0 0 20px #00d4ff0d}50%{box-shadow:0 0 40px #00d4ff99,inset 0 0 30px #00d4ff1a}}@keyframes blink-yellow{0%,to{box-shadow:var(--glow-yellow),inset 0 0 20px #ffcc000d}50%{box-shadow:0 0 40px #ffcc00b3,inset 0 0 30px #ffcc001a}}@keyframes blink-green{0%,to{box-shadow:var(--glow-green),inset 0 0 20px #00ff880d}50%{box-shadow:0 0 40px #0f89,inset 0 0 30px #00ff881a}}.pechat-panel{background:linear-gradient(135deg,#0d1117,#12100d);border:1px solid var(--border);border-radius:14px;margin:12px;padding:16px;position:relative;overflow:hidden}.pechat-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent)}.section-label{font-size:9px;letter-spacing:2px;color:var(--text2);text-transform:uppercase;margin-bottom:14px}.mm-buttons{display:flex;gap:8px;margin-bottom:14px}.mm-btn{flex:1;padding:10px 6px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text3);cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s}.mm-btn.active{border-color:var(--orange);background:#ff660026;color:var(--orange);box-shadow:0 0 15px #ff66004d}.search-wrap{position:relative;margin-bottom:12px}.search-input{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 14px 10px 36px;color:var(--text);font-size:13px;font-family:inherit;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text2);font-size:14px}.prod-item{display:flex;align-items:center;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);cursor:pointer;margin-bottom:6px;transition:all .15s;gap:10px}.prod-item:active{background:var(--gray2);transform:scale(.98)}.prod-item.selected{border-color:var(--orange);background:#ff66001a}.prod-dot{width:8px;height:8px;border-radius:50%;border:2px solid var(--text2);flex-shrink:0}.prod-item.selected .prod-dot{background:var(--orange);border-color:var(--orange);box-shadow:0 0 8px #ff660080}.prod-name{font-size:13px;font-weight:600;flex:1}.prod-code{font-size:10px;color:var(--text2)}.ochered-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.ochered-current{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;position:relative}.loading-ring{width:120px;height:120px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--orange);border-right-color:var(--yellow);animation:spin 1.2s linear infinite;position:relative;margin-bottom:24px}.loading-ring:after{content:"⚙️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;animation:spin-reverse 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}.current-prod-name{font-size:22px;font-weight:900;text-align:center;letter-spacing:2px;margin-bottom:6px}.current-prod-code{font-size:11px;color:var(--text2);letter-spacing:1px;margin-bottom:20px}.stop-btn{background:linear-gradient(135deg,var(--red),#cc0033);border:none;color:#fff;padding:14px 40px;border-radius:50px;font-size:14px;font-weight:700;font-family:inherit;letter-spacing:1px;cursor:pointer;box-shadow:0 0 30px #f356;animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 30px #f356}50%{box-shadow:0 0 50px #ff3355b3}}.next-prod-preview{background:var(--bg2);border-top:1px solid var(--border);padding:14px 20px;opacity:.4}.next-label{font-size:9px;letter-spacing:2px;color:var(--text2);text-transform:uppercase;margin-bottom:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:500;display:flex;align-items:flex-end}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:20px 20px 0 0;padding:24px 20px 36px;width:100%}.modal-title{font-size:15px;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.input-group{margin-bottom:14px}.input-label{font-size:10px;letter-spacing:1px;color:var(--text2);text-transform:uppercase;margin-bottom:6px;display:block}.input{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:12px 14px;color:var(--text);font-size:16px;font-family:inherit;outline:none}.input:focus{border-color:var(--accent)}.btn{padding:13px 20px;border-radius:10px;border:none;cursor:pointer;font-size:13px;font-weight:700;font-family:inherit;letter-spacing:.5px;transition:all .15s}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#000;box-shadow:0 4px 15px #00d4ff4d}.btn-success{background:linear-gradient(135deg,var(--green),var(--green2));color:#000;box-shadow:0 4px 15px #00ff884d}.btn-danger{background:linear-gradient(135deg,var(--red),#cc0033);color:#fff}.btn-ghost{background:var(--bg3);border:1px solid var(--border);color:var(--text)}.btn-full{width:100%}.btn-orange{background:linear-gradient(135deg,var(--orange),var(--yellow2));color:#fff;box-shadow:0 4px 15px #ff66004d}.zakaz-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;margin:8px 12px}.zakaz-card.done{border-left:3px solid var(--green)}.zakaz-header{display:flex;justify-content:space-between;align-items:flex-start}.zakaz-name{font-size:14px;font-weight:700;margin-bottom:4px}.zakaz-meta{font-size:10px;color:var(--text2);letter-spacing:.5px}.zakaz-qty{font-size:20px;font-weight:900;color:var(--green)}.zakaz-unit{font-size:10px;color:var(--text2)}.plenka-item{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;padding:12px 14px;margin:6px 12px;display:flex;align-items:center;gap:12px}.plenka-qty{font-size:22px;font-weight:900;color:var(--accent);min-width:50px;text-align:right}.tabs{display:flex;gap:6px;padding:10px 12px;overflow-x:auto}.tab{padding:7px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;font-size:11px;font-family:inherit;font-weight:700;letter-spacing:.5px;white-space:nowrap;text-transform:uppercase}.tab.active{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:0 0 10px #00d4ff4d}.section-title{padding:12px 12px 4px;font-size:9px;color:var(--text2);text-transform:uppercase;letter-spacing:2px;font-weight:700}.progress-wrap{background:var(--bg3);border-radius:4px;height:6px;overflow:hidden}.progress-bar{height:100%;border-radius:4px;transition:width .5s ease}.progress-bar.yellow{background:linear-gradient(90deg,var(--yellow2),var(--yellow))}.progress-bar.green{background:linear-gradient(90deg,var(--green2),var(--green))}.progress-bar.gray{background:var(--gray)}.badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-green{background:#00ff8826;color:var(--green)}.badge-yellow{background:#ffcc0026;color:var(--yellow)}.badge-gray{background:#3a3f4a80;color:var(--text2)}.badge-orange{background:#ff660026;color:var(--orange)}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-8{gap:8px}.mt-8{margin-top:8px}.mb-8{margin-bottom:8px}.page{min-height:100vh;padding-bottom:70px}.empty{text-align:center;padding:40px 20px;color:var(--text2)}.empty-icon{font-size:36px;margin-bottom:10px}