:root{--ink:#14263a;--navy:#10253d;--blue:#176fbd;--line:#d6e2eb;--green:#147d5c;--orange:#e27b22;--muted:#64788b}*{box-sizing:border-box}body{margin:0;background:#f3f7fa;color:var(--ink);font:16px/1.35 Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:.68rem 1rem;font-weight:750;background:var(--blue);color:#fff}button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}button.ghost{background:transparent;color:#fff;padding:.35rem .5rem}button.warn{background:var(--orange)}button:disabled{opacity:.45;cursor:not-allowed}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0e2842,#1e78c8)}.login-card{background:#fff;width:min(440px,calc(100% - 32px));padding:36px;border-radius:18px;box-shadow:0 20px 50px #06152680}.brand{font-weight:900;font-size:1.45rem;letter-spacing:.04em;color:var(--blue)}.login h1{margin:28px 0 7px;font-size:1.7rem}.hint{color:var(--muted);margin:0 0 16px}.field{display:grid;gap:6px;margin:12px 0}.field input,.search input,select{border:1px solid var(--line);border-radius:8px;padding:.7rem;background:#fff;color:var(--ink);width:100%}.error{color:#bb3c3c;font-weight:600;min-height:1.3em}.topbar{height:64px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.topbar .brand{color:#fff;font-size:1.1rem}.workspace{max-width:1160px;margin:0 auto;padding:34px 22px}.page-title{margin:0 0 5px;font-size:1.8rem}.cards{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin:24px 0}.card,.clients{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 7px #1030500c}.card{padding:20px}.card h2{font-size:1.05rem;margin:0 0 8px}.guidance{background:#eaf5fc}.drop{border:2px dashed #9bbcd6;background:#f7fbfe;border-radius:10px;text-align:center;padding:22px 14px;color:var(--muted);display:block;cursor:pointer;margin-top:14px}.drop.drag{border-color:var(--blue);background:#e8f4fe}.drop input,.upload-small input{display:none}.clients{overflow:hidden}.clients header{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.client-list{padding:0 16px}.client{display:grid;grid-template-columns:minmax(250px,1fr) minmax(140px,.8fr) auto;gap:16px;align-items:center;padding:14px 4px;border-bottom:1px solid #edf2f5}.client:last-child{border:0}.metrics{font-size:.85rem;color:var(--muted);margin-top:3px}.status{font-size:.82rem;font-weight:750;color:var(--orange);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status.ok{color:var(--green)}.client-actions{display:flex;gap:8px;align-items:center}.upload-small{border:1px dashed #7fa8c8;border-radius:8px;padding:.63rem .75rem;font-weight:750;color:var(--blue);cursor:pointer;white-space:nowrap}.startbar{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:18px}.receiving{height:100vh;display:flex;flex-direction:column;background:#f4f8fb}.receive-head{background:var(--navy);color:#fff;padding:10px 22px;display:grid;grid-template-columns:auto minmax(400px,760px);gap:18px;align-items:center}.search{position:relative}.search input{font-size:1.15rem;padding:.72rem 1rem}.scan-help{font-size:.8rem;color:#bcd1e2;margin-top:3px}.receive-main{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:0;flex:1}.lists{display:grid;grid-template-rows:52fr 10px 48fr;min-height:0;padding:14px}.pane{background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.pane h2{font-size:.98rem;margin:0;padding:12px 15px;border-bottom:1px solid var(--line)}.pane h2 span{color:var(--muted);font-weight:500}.divider{height:10px;cursor:row-resize;position:relative;touch-action:none}.divider:after{content:'';position:absolute;top:4px;left:45%;width:10%;height:2px;background:#95b6cf;border-radius:2px}.table-wrap{overflow:auto;flex:1}.data{border-collapse:collapse;width:100%;font-size:.91rem}.data th{text-align:left;color:var(--muted);font-weight:700;background:#f7fafc;position:sticky;top:0}.data th,.data td{padding:10px 12px;border-bottom:1px solid #eef3f6;white-space:nowrap}.data tr.clickable:hover,.data tr.selected{background:#e8f4fe}.qty{font-weight:850;text-align:right}.side{border-left:1px solid var(--line);background:#fff;padding:18px;overflow:auto}.side h3{margin:0 0 16px;font-size:1rem}.printmode{display:flex;gap:10px;align-items:center;font-size:.9rem}.switch{width:45px;height:25px;border-radius:99px;background:#b8c6d1;padding:3px}.switch i{display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:var(--green)}.switch.on i{transform:translateX(20px)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.stat{margin:13px 0;padding-bottom:12px;border-bottom:1px solid var(--line)}.stat label,.selected-card label,.client-card label{display:block;color:var(--muted);font-size:.8rem}.stat b{font-size:1.25rem}.stat.good b{color:var(--green)}.selected-card{background:#edf7ff;border:1px solid #cde4f6;border-radius:10px;padding:12px;margin:12px 0}.selected-card #article{font-size:1.75rem;font-weight:900;line-height:1.2;color:var(--navy);margin-top:3px}.client-card{margin:12px 0}.big-client{font-size:1.55rem;line-height:1.1;font-weight:950;color:var(--blue);min-height:2.1rem;margin-top:4px}.side>#label,.side>#undo{width:100%;margin-top:9px}.empty{color:var(--muted);text-align:center;padding:34px}.modal-backdrop{position:fixed;inset:0;background:#07152580;display:grid;place-items:center;padding:20px;z-index:5}.modal{width:min(440px,100%);background:#fff;border-radius:14px;padding:24px;box-shadow:0 12px 40px #0004}.modal h2{margin:0 0 8px}.modal .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#163852;color:#fff;padding:10px 16px;border-radius:8px;opacity:0;transition:.2s;pointer-events:none;z-index:10}#toast.show{opacity:1}@media(max-width:800px){.cards,.receive-main{grid-template-columns:1fr}.receive-head{grid-template-columns:1fr;padding:12px}.side{border-left:0;border-top:1px solid var(--line)}.lists{height:56vh}.client{grid-template-columns:1fr}.client-actions{justify-content:flex-start}.data{font-size:.8rem}.data th:nth-child(3),.data td:nth-child(3),.data th:nth-child(4),.data td:nth-child(4){display:none}}