*{box-sizing:border-box}body{margin:0;padding:24px;background:#f3f6fa;color:#18283b;font-family:Segoe UI,system-ui,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;background:#fff;color:#243b55;border:1px solid #ccd6e2;border-radius:8px;padding:10px 14px;font-weight:600}button:hover{background:#edf3fa}button:disabled{opacity:.55;cursor:wait}a{color:#245fc2}header,.section-heading,.list-actions{display:flex;justify-content:space-between;gap:16px;align-items:center}header{margin-bottom:20px}h1{font-size:28px;margin:6px 0}h2{font-size:18px;margin:0}p{line-height:1.5;color:#526477}.eyebrow{font-size:11px;letter-spacing:2px;color:#47709d;font-weight:700}.notice{padding:12px 16px;background:#e6eefb;color:#284c7c;border-radius:9px;font-size:13px;margin-bottom:20px}main{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;align-items:start}section{background:white;border:1px solid #e1e7ee;border-radius:14px;padding:20px}.scan-panel{position:sticky;top:16px}.badge{font-size:11px;background:#e6f5ed;color:#187247;padding:5px 8px;border-radius:20px;white-space:nowrap}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#526477;font-weight:600}input,select{padding:11px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;min-width:0;width:100%;color:#18283b}input:focus,select:focus,button:focus-visible{outline:3px solid #9ec9ff;outline-offset:2px}#scan-form{margin-top:20px}.input-row{display:flex;gap:6px;margin-top:7px}.input-row button,#camera-start{background:#215dcc;color:#fff;border-color:#215dcc}.camera-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}#camera{width:100%;max-height:280px;background:#142538;border-radius:10px;object-fit:cover}#camera-box p,small{font-size:12px;color:#64748b;line-height:1.5}.result{padding:14px;background:#f1f5f9;border-radius:8px;margin:15px 0;overflow-wrap:anywhere}.result.success{background:#e6f5ed;color:#12613d}.result.warning{background:#fff1d5;color:#80520c}.result.error{background:#feecec;color:#a32626}.result strong,.result span{display:block;margin:4px 0}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.search{grid-column:1/-1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats div{display:flex;flex-direction:column;gap:5px;padding:16px;background:#f1f5f9;border-radius:9px}.stats strong{font-size:28px}.stats span{font-size:12px}.stats .green{background:#e9f7ef;color:#186740}.stats .amber{background:#fff3dc;color:#885512}.list-actions{margin:14px 0;font-size:12px}.orders{display:grid;gap:10px}.order{border:1px solid #dfe6ef;border-left:4px solid #e2a638;border-radius:9px;padding:15px;overflow-wrap:anywhere}.order.done{border-left-color:#28a06a;background:#f8fcfa}.order-top{display:flex;justify-content:space-between;gap:10px}.order h3{font-size:15px;margin:0 0 5px}.order p{margin:7px 0;font-size:13px}.order small{display:block}.order button{font-size:12px;padding:6px 9px}.deadline{font-size:12px;font-weight:700;color:#526477}.deadline.urgent{color:#b45309}.deadline.late{color:#b42323}.empty{text-align:center;padding:35px 16px;color:#64748b}[hidden]{display:none!important}@media(max-width:1050px){body{padding:16px}main{grid-template-columns:1fr}.scan-panel{position:static}}@media(max-width:550px){header,.section-heading{align-items:flex-start;flex-direction:column}h1{font-size:23px}section{padding:15px}.stats div{padding:12px 8px}.stats span{font-size:11px}.order-top{flex-wrap:wrap}.input-row{flex-wrap:wrap}.input-row input{flex:1 1 180px}.list-actions{align-items:flex-start}.section-heading button{font-size:12px;padding:9px}}
#scan-form + label{margin-top:14px}#last-code{font-size:12px;overflow-wrap:anywhere}#tracking-warning{font-size:13px;color:#885512}