:root{--bg:#f3f6f9;--card:#fff;--ln:#e0e6ed;--tx:#0f2133;--mu:#526477;--ac:#0e7490;--acs:#e1f3f8;--acf:#fff;--nv:#0b2239;--nvt:#c4d4e3;--ok:#0f7a3d;--okb:#e1f5e8;--wa:#8a5208;--wab:#fdefd0;--bad:#b42318;--badb:#fde7e5;--inf:#1d5fa8;--infb:#e3eefb;--mub:#eaeef3;--hov:#eef3f7}:root[data-theme=dark]{--bg:#08141f;--card:#0f2133;--ln:#21374c;--tx:#e6eef6;--mu:#9bb0c3;--ac:#3dd6f5;--acs:#0f3445;--acf:#06222f;--nv:#050e17;--nvt:#9fb5c8;--ok:#4ade80;--okb:#11331f;--wa:#fbbf24;--wab:#3a2c0a;--bad:#ff8a80;--badb:#3d1714;--inf:#7db4f2;--infb:#12304f;--mub:#1b2e41;--hov:#15293b}*{box-sizing:border-box}body{background:var(--bg);color:var(--tx);font-variant-numeric:tabular-nums;margin:0;font:14px/1.45 Onest,system-ui,sans-serif}a{color:var(--ac)}a:hover{color:var(--tx)}input,select,textarea,button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ac);outline-offset:2px}h1{margin:0;font-size:22px}h2{margin:0;font-size:16px}.shell{min-height:100vh;display:flex}.side{background:var(--nv);width:248px;color:var(--nvt);flex-direction:column;flex:none;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:18px 16px 14px;display:flex}.brand b{color:#fff;letter-spacing:-.01em;font-size:17px}.brand b span{color:#22d3ee}.brand small{margin-top:3px;font-size:11px;display:block}.nav{flex-direction:column;flex:1;gap:2px;padding:6px 10px;display:flex}.nav a{color:var(--nvt);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.nav a:hover{color:#fff;background:#ffffff14}.nav a.active{color:#fff;background:#22d3ee29}.nav svg{flex:none}.me{border-top:1px solid #ffffff1a;align-items:center;gap:10px;padding:12px 14px;display:flex}.avatar{color:#0b2239;background:#22d3ee;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.me .n{color:#fff;font-size:13px;font-weight:600}.me .r{font-size:12px}.main-col{flex-direction:column;flex:1;min-width:0;display:flex}.top{z-index:20;background:var(--card);border-bottom:1px solid var(--ln);align-items:center;gap:10px;padding:10px 24px;display:flex;position:sticky;top:0}.spacer{flex:1}main{flex-direction:column;gap:18px;width:100%;max-width:1480px;margin:0 auto;padding:24px;display:flex}.menu-btn{display:none}@media (width<=1180px){.side{width:68px}.lbl{display:none}}@media (width<=760px){.side{z-index:30;transition:left .2s;position:fixed;top:0;bottom:0;left:-260px;width:248px!important}.side.open{left:0}.side.open .lbl{display:inline}.menu-btn{display:inline-flex}.top,main{padding:14px}.hide-sm{display:none!important}.grid-sale{grid-template-columns:minmax(0,1fr)!important}}.card{background:var(--card);border:1px solid var(--ln);border-radius:10px}.card-pad{padding:16px}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.sub{color:var(--mu);margin-top:2px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border:1px solid var(--ln);background:var(--card);cursor:pointer;height:38px;color:var(--tx);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--hov)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--ac);border-color:var(--ac);color:var(--acf)}.btn.primary:hover{filter:brightness(1.1)}.btn.danger{color:var(--bad)}.btn.sm{height:30px;padding:0 10px;font-size:13px}.icon-btn{border:1px solid var(--ln);background:var(--card);cursor:pointer;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.seg{border:1px solid var(--ln);border-radius:8px;flex-wrap:wrap;max-width:100%;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;background:0 0;border:0;height:36px;padding:0 12px;font-weight:700}.seg button[aria-pressed=true]{background:var(--ac);color:var(--acf)}.input,.select{border:1px solid var(--ln);background:var(--bg);border-radius:8px;width:100%;min-width:0;height:38px;padding:0 12px}.input:focus,.select:focus{border-color:var(--ac)}textarea.input{height:auto;padding:10px 12px}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field>label{color:var(--mu);font-size:12px;font-weight:600}.err{color:var(--bad);font-size:12px}.req{color:var(--bad)}.search{max-width:320px}table{border-collapse:collapse;width:100%}th{background:var(--hov);text-align:left;letter-spacing:.02em;color:var(--mu);border-bottom:1px solid var(--ln);white-space:nowrap;padding:11px 14px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--ln);white-space:nowrap;padding:11px 14px}tbody tr:last-child td{border-bottom:0}tbody tr.click{cursor:pointer}tbody tr.click:hover{background:var(--hov)}.num{text-align:right}.mut{color:var(--mu);font-size:12px}.tbl-wrap{overflow-x:auto}.tfoot{border-top:1px solid var(--ln);color:var(--mu);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.empty{text-align:center;color:var(--mu);padding:36px}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.pill.ok{background:var(--okb);color:var(--ok)}.pill.wa{background:var(--wab);color:var(--wa)}.pill.bad{background:var(--badb);color:var(--bad)}.pill.inf{background:var(--infb);color:var(--inf)}.pill.mu{background:var(--mub);color:var(--mu)}.overlay{z-index:50;background:#08141f8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--ln);border-radius:12px;width:100%;max-width:520px;max-height:92vh;overflow:auto;box-shadow:0 20px 50px #08141f59}.modal.wide{max-width:720px}.modal header{border-bottom:1px solid var(--ln);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.modal .body{flex-direction:column;gap:14px;padding:18px;display:flex}.modal footer{border-top:1px solid var(--ln);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.toasts{z-index:60;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--tx);color:var(--bg);border-radius:8px;max-width:340px;padding:10px 14px;font-weight:500}.toast.bad{background:var(--bad);color:#fff}.banner{border-radius:8px;gap:8px;padding:10px 12px;font-size:13px;display:flex}.banner.wa{background:var(--wab);color:var(--wa)}.banner.bad{background:var(--badb);color:var(--bad)}.banner.ok{background:var(--okb);color:var(--ok)}.banner.inf{background:var(--infb);color:var(--inf)}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login .card{flex-direction:column;gap:16px;width:100%;max-width:400px;padding:28px;display:flex}.grid-sale{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.sticky{position:sticky;top:70px}.stepper{border:1px solid var(--ln);border-radius:8px;flex:none;align-items:center;display:inline-flex;overflow:hidden}.stepper button{background:var(--card);cursor:pointer;border:0;width:34px;height:34px;font-size:18px}.stepper button:hover{background:var(--hov)}.stepper input{border:0;border-left:1px solid var(--ln);border-right:1px solid var(--ln);text-align:center;background:var(--bg);width:54px;height:34px}.sumrow{justify-content:space-between;gap:10px;padding:5px 0;display:flex}.sumrow.total{border-top:1px solid var(--ln);margin-top:6px;padding-top:10px;font-size:18px;font-weight:700}.list-pick{border:1px solid var(--ln);border-radius:8px;max-height:360px;overflow:auto}.list-pick button{border:0;border-bottom:1px solid var(--ln);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;gap:10px;width:100%;padding:9px 12px;display:flex}.list-pick button:hover{background:var(--hov)}.receipt{font-family:ui-monospace,Menlo,monospace;font-size:13px}.receipt hr{border:0;border-top:1px dashed var(--ln);margin:8px 0}.receipt.w80{width:302px;max-width:100%;margin:0 auto}.receipt.w58{width:218px;max-width:100%;margin:0 auto;font-size:11px}.scanbar{border:2px solid var(--ac);background:var(--card);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.scan-input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:6px 2px;font-size:18px}.quick{flex-wrap:wrap;gap:8px;display:flex}.quick-btn{text-align:left;white-space:normal;flex-direction:column;align-items:flex-start;gap:0;height:auto;padding:8px 12px;display:inline-flex}.cart-row{border-bottom:1px solid var(--ln);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0;display:flex}.cart-row:last-child{border-bottom:0}.cart-sum{text-align:right;min-width:96px}.big-total{font-size:26px}.kbd{opacity:.7;border:1px solid;border-radius:4px;margin-left:6px;padding:0 4px;font:11px ui-monospace,Menlo,monospace}.pay-seg button{flex:1;padding:0 8px}.sell-btn{height:48px;font-size:16px}.pay-aside,.pay-main{display:flex}.pay-main-wrap{display:none}@media (width<=900px){.grid-sale{grid-template-columns:minmax(0,1fr)}.pay-aside{display:none}.pay-main-wrap{display:flex}}.mini .pay-aside{display:none!important}.mini .pay-main-wrap{display:flex!important}.mini .kbd,.mini .hotkeys{display:none}.print-opts{flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;font-size:13px;display:flex}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{color:#000;width:100%;position:absolute;top:0;left:0}.receipt.w80{width:76mm;font-size:12px}.receipt.w58{width:54mm;font-size:10px}}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}ul.plain{flex-direction:column;margin:8px 0 0;padding:0;list-style:none;display:flex}ul.plain li{border-bottom:1px solid var(--ln);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}ul.plain li:last-child{border:0}@media (width<=1180px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.kpis,.two{grid-template-columns:minmax(0,1fr)}}.staff-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (width<=1180px){.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.staff-grid{grid-template-columns:minmax(0,1fr)}}.sw{border:1px solid var(--ln);background:var(--mub);cursor:pointer;border-radius:999px;align-items:center;width:42px;height:24px;padding:2px;transition:background .15s;display:inline-flex}.sw span{background:var(--mu);border-radius:50%;width:18px;height:18px;transition:transform .15s}.sw.on{background:var(--ac);border-color:var(--ac)}.sw.on span{background:var(--acf);transform:translate(18px)}.mini{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.mini-main{padding:14px 14px calc(84px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:14px;width:100%;max-width:640px;margin:0 auto;display:flex}.mini-center{min-height:100vh;color:var(--mu);place-items:center;padding:16px;display:grid}.mini-tabs{z-index:30;background:var(--card);border-top:1px solid var(--ln);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.mini-tabs a{min-height:56px;color:var(--mu);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.mini-tabs a.active{color:var(--ac)}.mini-kpis,.mini-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mini-actions .btn:first-child{grid-column:1/-1}.btn.big{height:auto;min-height:48px;padding:10px 14px;font-size:15px}.big-input{height:48px;font-size:16px}.mini-list{flex-direction:column;gap:8px;display:flex}.mini-card{text-align:left;cursor:pointer;width:100%;min-height:56px;font:inherit;color:inherit;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.mini-day{align-items:center;gap:8px;display:flex}.mini-day .input{flex:1;height:48px}.mini-day .btn{min-width:48px;height:48px;font-size:20px}.mini .grid-sale{grid-template-columns:minmax(0,1fr)}.mini .sticky{top:auto;bottom:calc(64px + env(safe-area-inset-bottom));z-index:8;max-height:42vh;position:sticky;overflow:auto;box-shadow:0 -6px 18px #08141f2e}.mini .modal{max-width:100%}.mini .stepper button{width:44px;height:44px}.mini .stepper input{width:60px;height:44px}.mini .seg button{height:44px}.mini .sticky h2,.mini .sticky .sum-lines,.mini .sticky .sum-note{display:none}.mini .sticky{max-height:none;padding:12px 14px;overflow:visible}.mini .sticky .sumrow.total{border-top:0;margin-top:0;padding-top:0}.task-row{align-items:center;gap:10px;padding:10px 12px;display:flex}.chk{border:2px solid var(--mu);cursor:pointer;width:28px;height:28px;color:var(--acf);background:0 0;border-radius:8px;flex:none;place-items:center;font-weight:700;display:grid}.chk.on{background:var(--ok);border-color:var(--ok)}.mini .chk{width:36px;height:36px}.task-row{flex-wrap:wrap}.task-row>div{flex:210px!important}.mini .task-row>.btn{margin-left:auto}.ret-lines td{vertical-align:middle}.ret-lines tr.ret-done{opacity:.55}.ret-quick{margin-bottom:8px}.ret-quick button{height:34px}.ret-sum{border:1px solid var(--ln);background:var(--hov);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.ret-list{border-top:1px solid var(--ln);flex-direction:column;gap:4px;margin-top:12px;padding-top:10px;font-size:13px;display:flex}@media print{.ret-list{display:none}}