:root{--bg:oklch(.975 .004 160);--surface:oklch(1 0 0);--surface-2:oklch(.985 .004 160);--surface-3:oklch(.965 .005 160);--line:oklch(.915 .006 160);--line-strong:oklch(.86 .008 160);--ink:oklch(.27 .012 160);--ink-2:oklch(.46 .012 160);--ink-3:oklch(.62 .01 160);--primary:oklch(.56 .12 156);--primary-d:oklch(.49 .12 156);--primary-soft:oklch(.95 .04 156);--accent:oklch(.6 .13 245);--accent-soft:oklch(.95 .035 245);--warn:oklch(.7 .15 70);--danger:oklch(.58 .16 25);--ok:oklch(.6 .13 150);--radius:8px;--shadow:0 1px 2px oklch(.4 .02 160/.06),0 2px 8px oklch(.4 .02 160/.05);--shadow-lg:0 4px 24px oklch(.4 .02 160/.12)}*{box-sizing:border-box}body,html{margin:0;height:100%}body{font-family:IBM Plex Sans,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}.mono{font-family:IBM Plex Mono,monospace}.wrap{flex:1;display:flex;flex-direction:column;gap:14px;padding:16px 18px 22px;max-width:1680px;width:100%;margin:0 auto}.split{display:grid;grid-template-columns:minmax(320px,.85fr) 1.6fr;gap:14px;align-items:stretch}@media(max-width:1100px){.split{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line)}.card-head h2{margin:0;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--ink);text-transform:uppercase}.card-head .sub{color:var(--ink-3);font-size:12px;font-weight:400}.ctl{height:38px;width:100%;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);padding:0 11px;font:inherit;font-size:13.5px;color:var(--ink);transition:border-color .15s,box-shadow .15s,background .15s;min-width:0}.ctl::-moz-placeholder{color:var(--ink-3)}.ctl::placeholder{color:var(--ink-3)}.ctl:hover{border-color:var(--ink-3)}.ctl:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:var(--surface)}.btn{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:7px;border:1px solid transparent;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .14s,border-color .14s,box-shadow .14s,transform .05s,color .14s}.btn:active{transform:translateY(1px)}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{background:var(--primary-d)}.btn-ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink-3);background:var(--surface-2)}.btn-soft{background:var(--surface-3);color:var(--ink);border-color:var(--line)}.btn-soft:hover{background:var(--surface-2);border-color:var(--line-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.tabs{gap:2px;padding:8px 10px 0;background:var(--surface-2);border-bottom:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0}.tab,.tabs{display:flex}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;font:inherit;font-size:13px;font-weight:500;color:var(--ink-2);padding:9px 15px;border-radius:7px 7px 0 0;position:relative;align-items:center;gap:7px;transition:color .14s,background .14s}.tab:hover{color:var(--ink);background:var(--surface-3)}.tab.active{color:var(--primary-d);background:var(--surface);font-weight:600}.tab.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--primary);border-radius:2px}.tab .count{font-size:11px;background:var(--surface-3);color:var(--ink-2);border-radius:20px;padding:1px 7px;font-weight:600}.tab.active .count{background:var(--primary-soft);color:var(--primary-d)}.panel-toolbar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--surface)}.search{position:relative;flex:1}.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--ink-3)}.search input{height:34px;padding-left:32px;border-radius:7px;border:1px solid var(--line-strong);width:100%;font:inherit;font-size:13px;background:var(--surface-2);-moz-appearance:none;appearance:none;-webkit-appearance:none}.search input::-webkit-search-cancel-button,.search input::-webkit-search-decoration,.search input::-webkit-search-results-button,.search input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:var(--surface)}.left-card,.right-card{display:flex;flex-direction:column;max-height:420px}.left-card .tabbody,.right-card .tabbody{display:flex;flex-direction:column;flex:1;min-height:0}.table-scroll{overflow:auto;flex:1}table{border-collapse:collapse;width:100%;font-size:13px}thead th{position:sticky;top:0;z-index:2;background:var(--surface-3);color:var(--ink-2);font-weight:600;font-size:11px;letter-spacing:.02em;text-transform:uppercase;text-align:left;padding:9px 12px;border-bottom:1px solid var(--line-strong);white-space:nowrap}thead th.r{text-align:right}thead th.c{text-align:center}tbody td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--ink)}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface-2)}tbody tr.sel{background:var(--accent-soft)}tbody tr.sel:hover{background:#d5ebff;background:oklch(.93 .04 245)}td.r{text-align:right;font-variant-numeric:tabular-nums}td.c{text-align:center}.nom{font-weight:500}.art{font-size:12px}.art,.maker{color:var(--ink-2)}.price{font-weight:600;font-variant-numeric:tabular-nums}.ck{width:17px;height:17px;border:1px solid var(--line-strong);border-radius:5px;display:grid;place-items:center;cursor:pointer;background:var(--surface);transition:.12s}.ck:hover{border-color:var(--primary)}.ck svg{width:11px;height:11px;color:#fff;opacity:0;transition:opacity .1s}.sel .ck{background:var(--primary);border-color:var(--primary)}.sel .ck svg{opacity:1}td.ckcol,th.ckcol{width:38px;padding-left:14px;padding-right:0}.qty{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:7px;overflow:hidden;background:var(--surface);height:30px}.qty button{width:28px;height:28px;border:none;background:var(--surface-2);color:var(--ink-2);font-size:16px;cursor:pointer;display:grid;place-items:center;transition:background .12s,color .12s}.qty button:hover{background:var(--surface-3);color:var(--ink)}.qty input{width:38px;border:none;text-align:center;font:inherit;font-size:13px;font-variant-numeric:tabular-nums;height:28px;background:transparent;color:var(--ink)}.qty input:focus{outline:none}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500}.toggle .track{width:36px;height:20px;border-radius:20px;background:var(--line-strong);position:relative;transition:background .15s;flex-shrink:0}.toggle .track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s}.toggle input{display:none}.toggle input:checked+.track{background:var(--primary)}.toggle input:checked+.track:after{transform:translate(16px)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:38px 20px;color:var(--ink-3);text-align:center;flex:1}.empty svg{width:34px;height:34px;opacity:.5}.empty .t{font-size:13px;font-weight:500;color:var(--ink-2)}.empty .s{font-size:12px;max-width:280px}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}@media(max-width:768px){.wrap{padding:12px 12px 18px;gap:12px}.card-head{padding:10px 13px}.left-card,.right-card{max-height:460px}}@media(max-width:767px){.panel-toolbar{display:grid;grid-template:auto/1fr 100px;gap:10px}.search{order:0;grid-column:1/3}.panel-toolbar .toggle{order:2;grid-column:1/2;grid-row:2/3}.nom{font-size:10px}}@media(max-width:480px){.wrap{padding:10px 9px 14px;gap:10px}.card-head{padding:9px 11px;gap:8px}.card-head h2{font-size:12px}.card-head .sub{font-size:11px;grid-column:1/3}.tabs{overflow-x:auto;height:44px;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding:8px 8px 0}.tabs::-webkit-scrollbar{height:0}.tab{white-space:nowrap;padding:8px 11px;font-size:12.5px}tbody td,thead th{padding:8px 9px}.btn{padding:0 14px;font-size:13px}.btn,.ctl{height:36px}}@media(max-width:360px){.wrap{padding:9px 7px 12px}.left-card,.right-card{max-height:420px}}