:root{--blue:#2862ff;--ink:#0d1c38;--bg:#f5f7fb;--card:#fff}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--ink);display:flex;min-height:100vh}aside{width:230px;background:#0a1832;color:white;padding:28px 18px;position:sticky;top:0;height:100vh}aside h1{font-size:28px;margin:0 10px 32px}aside button{display:block;width:100%;border:0;background:transparent;color:#c8d2e8;padding:14px;text-align:right;border-radius:12px;font-size:15px;cursor:pointer}aside button:hover{background:#18345f;color:white}main{flex:1;padding:28px;max-width:1400px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}header h2{margin:5px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats article,.panel{background:var(--card);padding:22px;border-radius:20px;box-shadow:0 8px 30px #18335c10}.stats strong{display:block;font-size:30px;margin-top:20px}.panel{margin-top:18px}.muted{color:#71809b}.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}input,select,button{font-family:inherit}input,select{border:1px solid #dde4f0;border-radius:13px;padding:14px;font-size:16px;background:white}.barcode{width:100%;margin:10px 0;border:2px solid var(--blue);font-size:20px}.product{padding:20px;background:#f6f8fd;border-radius:15px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:12px 0}.primary,.wide,.section-title button,.list button{border:0;border-radius:13px;padding:13px 20px;font-size:15px;cursor:pointer}.primary,.wide{background:var(--blue);color:white}.wide{width:100%;margin-top:12px}.wide:disabled,.primary:disabled{opacity:.45}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.list{display:grid;gap:9px;margin-top:12px}.list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#f8faff;border:1px solid #e8edf7;border-radius:14px}.list article div,.list article b,.list article span,.list article small{display:block}.list article span,.list article small{color:#71809b;margin-top:4px}.check{display:flex;align-items:center;gap:8px;padding:8px}.check input{width:20px;height:20px}#toast{position:fixed;left:30px;bottom:30px;background:#0d1c38;color:#fff;padding:14px 22px;border-radius:13px;opacity:0;transform:translateY(20px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:800px){aside{width:76px;padding:18px 9px}aside h1{font-size:15px}aside button{font-size:0;min-height:44px}main{padding:15px}.stats{grid-template-columns:1fr 1fr}.meta{grid-template-columns:1fr}.list article{align-items:flex-start}.product{align-items:flex-start;flex-direction:column}}