:root{color:#11213a;background:#fff;font-family:Inter,ui-sans-serif,system-ui;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{grid-template:64px 1fr/176px minmax(600px,1fr) 360px;min-height:100vh;display:grid}header{border-bottom:1px solid #dce3ea;grid-column:1/4;justify-content:space-between;align-items:center;padding:0 24px;display:flex}header b{letter-spacing:-1.2px;font-size:27px}header b span{color:#ff530d}header>div{color:#33445e;align-items:center;gap:18px;display:flex}header select{background:#fff;border:0;font-weight:700}header i,.rail i{color:#10a36a;font-style:normal}header em{color:#fff;background:#263750;border-radius:50%;place-items:center;width:38px;height:38px;font-style:normal;display:grid}aside{background:#f5f8fa;border-right:1px solid #e2e8ef;flex-direction:column;padding:10px 0;display:flex}aside button{color:#172945;text-align:left;background:0 0;border:0;align-items:center;gap:15px;padding:17px 22px;display:flex}aside button svg{width:21px}aside button.on{color:#ef4d0b;background:#fff;border-left:4px solid #ff530d;padding-left:18px;font-weight:700}aside small{color:#64748b;margin:auto 20px 15px}main{padding:24px 26px;overflow:auto}h1{letter-spacing:-1.3px;margin:0 0 20px;font-size:34px}h2{margin:18px 0 12px;font-size:20px}.scanner{gap:10px;height:62px;display:flex}.scanner svg{margin:18px;position:absolute}.scanner input{border:2px solid #ff530d;border-radius:8px;flex:1;padding:0 56px;font-size:19px}.scanner button,.row button,.feature button{color:#fff;background:#ff530d;border:0;border-radius:7px;padding:0 24px;font-weight:700}.tabs{border-bottom:1px solid #dce3ea;gap:40px;margin-top:25px;display:flex}.tabs>*{padding:14px 20px}.tabs b{border-bottom:3px solid #ff530d}.queue{border:1px solid #dce3ea;border-radius:8px;margin-top:14px;overflow:hidden}.thead,.row{grid-template-columns:1.5fr 1.2fr 1fr .9fr .6fr .8fr;align-items:center;gap:12px;padding:12px 20px;display:grid}.thead{background:#eef3f7;font-weight:700}.queue h3{background:#f8fafc;border-top:1px solid #dce3ea;margin:0;padding:13px 20px}.queue h3 small{font-weight:400}.row{border-top:1px solid #e2e8f0;min-height:64px}.row div{flex-direction:column;display:flex}.row a{color:#0875da;font-weight:700}.row small{color:#66758c}.row code{background:#eef2f5;border-radius:5px;width:max-content;padding:7px}.row button{height:42px}.priority{background:#edf1f5;border-radius:6px;width:max-content;padding:6px 9px}.p2{color:#c44100;background:#ffeadb}.p1{color:#0865b7;background:#e6f3ff}.claimed{color:#087a51;font-weight:700}.blocked{color:#bc1823;background:#fff0f0;border:1px solid #ffc7ca;border-radius:7px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;margin-top:12px;padding:13px 16px;display:grid}.blocked button{color:inherit;background:0 0;border:0}.rail{background:#f7fafc;border-left:1px solid #e2e8ef;padding:2px 24px}.runnergrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rail article{background:#fff;border:1px solid #dce3ea;border-radius:8px;padding:16px}.runnergrid article{grid-template-columns:auto 1fr;gap:7px;display:grid}.runnergrid svg{grid-row:1/3}.runnergrid small{grid-column:2}.runnergrid div{text-align:center;border:1px dashed #cbd5e1;grid-column:1/3;margin-top:10px;padding:18px;font-size:27px}.runnergrid div span{font-size:14px}.load,.notice{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:10px;display:grid}.load span,.notice span{color:#087a51;background:#dff8ec;border-radius:12px;padding:5px 8px;font-size:12px}.load small,.notice small{grid-column:1/4}.load progress{accent-color:#10a36a;grid-column:1/4;width:100%}.feature>p{color:#52627a;max-width:720px;font-size:18px}.feature>div{border-top:1px solid #dce3ea;margin-top:30px;padding-top:20px}.feature button{height:44px}.toast{color:#fff;background:#13243d;border-radius:8px;padding:14px 22px;animation:3s forwards fade;position:fixed;bottom:24px;left:50%}@keyframes fade{0%,70%{opacity:1}to{opacity:0}}@media (width<=1000px){.app{grid-template:64px auto 1fr/72px 1fr}.rail,.app>main{grid-column:2}aside{grid-row:2/4}aside button{padding:18px 24px;font-size:0}aside small{display:none}header{grid-column:1/3}.rail{border-top:1px solid #ddd;border-left:0}.thead,.row{grid-template-columns:1.4fr 1fr 1fr .8fr}.thead span:nth-child(4),.thead span:nth-child(5),.row>span:nth-last-child(2),.row>.priority{display:none}}@media (width<=680px){.app{display:block}.app header{height:64px;padding:0 14px}.app header label,.app header i{display:none}.app aside{flex-direction:row;display:flex;overflow:auto}.app aside button{padding:14px}.app main{padding:18px 12px}.scanner button{padding:0 10px}.thead{display:none}.row{grid-template-columns:1fr 1fr;gap:9px}.rail{padding:12px}.runnergrid{grid-template-columns:1fr 1fr}h1{font-size:28px}}@media print{aside,header,.scanner,.tabs,.rail{display:none}.app{display:block}main{padding:0}}aside small .reset{color:#ef4d0b;padding:8px 0;font-size:12px;font-weight:700;display:block}.hint{color:#64748b;margin:8px 0 0;font-size:13px}.hint code{background:#f1f5f9;border-radius:4px;padding:2px 5px}.primary{color:#fff;background:#ff530d;border:0;border-radius:7px;height:44px;margin-bottom:14px;padding:0 18px;font-weight:700}.manage{border-bottom:1px solid #e2e8f0;grid-template-columns:auto 150px 1fr auto;align-items:center;gap:16px;padding:16px 4px;display:grid}.manage button{height:40px}.manage button:disabled{cursor:not-allowed;background:#94a3b8}.empty{text-align:center;color:#64748b;padding:40px}@media (width<=680px){.manage{grid-template-columns:auto 1fr}.manage span,.manage button{grid-column:2}.hint{line-height:1.6}}.scanstep{background:#f8fafc;border:1px solid #dce3ea;border-radius:8px;justify-content:space-between;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.scanstep span{color:#52627a}.scanstep.carrying{background:#e9fff5;border-color:#6ed7ae}.scanstep.carrying b{color:#087a51}@media (width<=680px){.scanstep{flex-direction:column}}
