:root{color-scheme:dark;--bg:#181818;--surface:#232323;--soft:#303030;--line:#414141;--text:#f1f1f1;--muted:#b5b5b5;--accent:#dadada;--warn:#e4c08b;--radius:12px;font:15px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,input,select{min-height:44px;border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:var(--surface);color:var(--text)}button{cursor:pointer;touch-action:manipulation}button:hover{background:#383838}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:#202020;font-weight:600}.primary:hover{background:#fff}.danger{color:#f7b4a8}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ddd;outline-offset:2px}input[type=checkbox]{min-height:22px;width:22px;accent-color:#ddd}input[type=number]{width:90px}input[type=search]{min-width:200px;flex:1}h1,h2,h3,p{margin:0}h1{font-size:23px;font-weight:550;letter-spacing:-.4px}h2{font-size:19px;font-weight:550}h3{font-size:16px}small,.muted{color:var(--muted)}.warning{color:var(--warn)}.header{padding:18px 28px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;background:var(--accent);color:#222;width:40px;height:40px;border-radius:11px;font-size:22px}.brand strong{display:block;font-size:18px}.brand small{display:block}.identity{display:flex;gap:10px;align-items:center}.avatar{font-weight:700;border-radius:50%;width:40px;height:40px;background:var(--soft);display:grid;place-items:center}.nav{display:flex;gap:6px;padding:10px 22px;border-bottom:1px solid var(--line);overflow-x:auto}.nav button{white-space:nowrap;border:0;background:transparent;color:var(--muted)}.nav .active{background:var(--soft);color:var(--text)}main{max-width:1200px;margin:auto;padding:24px}.titlebar,.toolbar,.spread{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.titlebar{margin-bottom:20px}.toolbar{justify-content:flex-start;margin:14px 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:12px 0}.card p+p{margin-top:8px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer}.chip:has(input:checked){border-color:#ddd;background:#303030}.area button[aria-pressed=true]{background:var(--accent);color:#222}.shelf{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:18px 0}.shelf-head{padding:13px 16px;background:var(--soft);display:flex;justify-content:space-between;align-items:center}.count-row{display:grid;grid-template-columns:minmax(180px,1fr) 120px 150px 215px;gap:12px;align-items:center;padding:14px 16px;border-top:1px solid var(--line);background:var(--surface)}.count-row.selected{outline:2px solid #e4c08b;outline-offset:-2px;background:#373126}.count-row.dim{opacity:.65}.product-name{font-weight:550}.product-name button{border:0;background:transparent;min-height:0;padding:0;text-align:left;font-weight:550}.sub{font-size:12px;color:var(--muted);margin-top:3px}.history{font-size:12px}.qty{display:flex;gap:5px;align-items:center;justify-content:flex-end}.qty input{width:64px;text-align:center;padding:8px 4px}.qty button{padding:6px;min-width:37px}.qty .same{font-size:12px;min-width:61px}.counted{border-left:3px solid #a6b3a5}.place-here{width:100%;border-radius:0;border:0;border-top:1px dashed #86734f;background:#29261f;color:var(--warn);min-height:38px}.badge{font-size:12px;border:1px solid var(--line);border-radius:6px;padding:3px 6px;display:inline-block}.empty{text-align:center;padding:42px 20px;color:var(--muted)}.empty button{margin-top:16px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;margin:12px 0}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--muted);font-weight:500;background:var(--soft);white-space:nowrap}th,td{padding:9px 11px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}.order-table input{width:72px;min-height:38px;padding:6px}.num{text-align:right;font-variant-numeric:tabular-nums}.summary{display:flex;justify-content:flex-end;gap:24px;flex-wrap:wrap;padding:10px 2px}.footer-action{position:sticky;bottom:0;background:#222f;border:1px solid var(--line);border-radius:12px;padding:14px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center;backdrop-filter:blur(8px)}.login{max-width:620px;margin:9vh auto;padding:24px}.login h1{font-size:30px;margin-bottom:8px}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.person{min-height:112px;text-align:center}.person strong{display:block;font-size:27px}.person small{display:block;margin-top:5px}.local{background:#302b20;color:var(--warn);padding:7px 24px;font-size:12px}.notice{border-left:3px solid #897957;padding:12px 15px;background:#2a2722;margin:12px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:5px;font-size:13px;color:var(--muted)}.form-grid input,.form-grid select{width:100%}.wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}dialog{color:var(--text);background:var(--surface);border:1px solid #555;border-radius:16px;max-width:620px;width:calc(100% - 28px);max-height:90vh;padding:24px}dialog::backdrop{background:#0009}dialog h2{margin-bottom:20px}.import-file{padding:16px;border:1px solid var(--line);border-radius:10px;margin:12px 0}.import-file select{max-width:100%;width:100%}.upload{border:1px dashed #777;background:var(--surface);border-radius:12px;padding:22px}.upload input{border:0;width:100%;padding-left:0}.compact{font-size:12px;min-height:36px;padding:5px 9px}.error{color:#ffbcaf;background:#3b2723;border-radius:8px;padding:12px;margin:10px 0}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#ddd;color:#222;padding:12px 20px;border-radius:10px;z-index:50;box-shadow:0 4px 30px #0007;max-width:90vw;display:none}#print{display:none}a{color:inherit}.print-preview{max-width:800px;margin:20px auto;background:white;color:#111;padding:28px;border-radius:8px}.print-preview table{font-size:13px}.print-preview td,.print-preview th{background:white;color:#111;border-color:#ccc;padding:6px}.print-preview small{color:#555}.print-preview h2{font-size:20px}.print-preview .print-meta{margin:7px 0 16px}.print-preview .print-totals{text-align:right;margin-top:12px}.print-preview .print-foot{font-size:11px;margin-top:18px}.print-page+.print-page{margin-top:35px;border-top:1px solid #ccc;padding-top:25px}
@media(max-width:850px){main{padding:16px}.header{padding:15px 18px}.count-row{grid-template-columns:minmax(170px,1fr) 95px 100px 200px;gap:8px;padding:12px}.qty input{width:55px}.qty button{min-width:33px}.qty .same{min-width:55px}.nav{padding:8px 12px}}
@media(max-width:680px){.count-row{grid-template-columns:1fr 1fr}.count-row .qty{grid-column:2;grid-row:1/3}.history{grid-column:1}.count-row>.sales{grid-column:1}.people{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.header .brand small{display:none}.identity small{display:none}.footer-action{position:static;flex-wrap:wrap}.order-table{min-width:640px}.print-preview{padding:12px}.count-row .sales{font-size:12px}}
@page{size:A4 portrait;margin:12mm}
@media print{html,body{background:white!important;color:black!important;font-family:Arial,sans-serif;font-size:10pt;margin:0}body>*{display:none!important}#print{display:block!important}.print-page{break-after:page}.print-page:last-child{break-after:auto}.print-page h2{font-size:16pt;margin:0}.print-meta{font-size:9pt;margin:3mm 0}.print-page table{width:100%;border-collapse:collapse;font-size:10pt}.print-page th,.print-page td{color:#111;background:white;padding:1.4mm 1mm;border-bottom:0.2mm solid #ccc;line-height:1.15}.print-page th{font-size:9pt}.print-page td{height:7.45mm}.print-page .num{text-align:right}.print-page small{font-size:8pt;color:#333}.print-foot{font-size:8pt;margin-top:4mm}.print-totals{text-align:right;margin-top:3mm}tr{break-inside:avoid}}