:root{--bg:#F5F6FB;--card:#FFFFFF;--card-soft:#FAFAFE;--ink:#1E2130;--ink-soft:#6B7086;--ink-faint:#A0A4B8;--line:#ECEDF5;--line-strong:#DEE0EF;--accent:#FF6B4A;--accent-ink:#FFFFFF;--accent-soft:#FFE8E1;--mint:#0EA98A;--mint-soft:#DFF7F1;--amber:#E0982A;--amber-soft:#FFF3DD;--blue:#4C7DFF;--blue-soft:#E8EEFF;--red:#E1495C;--red-soft:#FFE7EA;--shadow: 0 1px 2px rgba(30,33,48,.04), 0 10px 28px -14px rgba(30,33,48,.16);--r-card:18px;--font: -apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono","Cascadia Code","Consolas",ui-monospace,monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit}.wrap{max-width:1240px;margin:0 auto;padding:22px 18px 70px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#FF9166);display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:var(--shadow)}.brand-name{font-weight:800;font-size:19px;letter-spacing:-.01em}.brand-sub{font-size:11.5px;color:var(--ink-faint)}.shift-tag{font-size:11.5px;font-weight:700;border-radius:999px;padding:7px 14px;box-shadow:var(--shadow)}.shift-open{background:var(--mint-soft);color:var(--mint)}.shift-closed{background:var(--red-soft);color:var(--red)}.toast{position:fixed;top:18px;right:18px;background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 10px 30px -8px #0006;z-index:50;animation:toastIn .22s cubic-bezier(.2,.9,.3,1.2) both}.tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px;padding:5px;background:var(--card);border-radius:999px;border:1px solid var(--line);box-shadow:var(--shadow);width:100%}.tab-btn{flex:1;justify-content:center;font-size:15.5px;font-weight:800;color:var(--ink-soft);background:transparent;border:none;padding:10px 18px;border-radius:999px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:7px}.tab-btn:hover{color:var(--ink);background:var(--card-soft)}.tab-btn.active{color:var(--accent-ink);background:var(--accent)}.subtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.sub-btn{font-size:12px;font-weight:700;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);padding:7px 13px;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:6px}.sub-btn.active{color:var(--ink);background:var(--card-soft);border-color:var(--line-strong);box-shadow:var(--shadow)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:20px;animation:fadeSlideUp .22s ease both}.btn,.tab-btn,.chip-toggle,.cat-btn,.sub-btn,.nav-dd-btn,.btn-icon,.cli-row,.prod{transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease}.btn:active,.chip-toggle:active,.cat-btn:active{transform:scale(.97)}.prod:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px #1e213059}.tab-btn.active{animation:fadeSlideUp .18s ease both}.screen-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.screen-title{font-weight:800;font-size:16.5px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.screen-title .n{font-weight:500;color:var(--ink-faint);font-size:12px;margin-left:2px}.btn{font-size:12.5px;font-weight:700;border:none;border-radius:999px;padding:9px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-accent{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 14px -6px #ff6b4a8c}.btn-accent:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-ghost{background:var(--card-soft);border:1px solid var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--line-strong)}.btn-icon{background:var(--card-soft);border:1px solid var(--line);color:var(--ink);border-radius:10px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-weight:800;cursor:pointer}.search,.field{font-size:12.5px;border:1px solid var(--line-strong);border-radius:999px;padding:8px 14px;background:var(--card-soft);color:var(--ink)}.field{border-radius:10px}.search{width:210px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}.tone-blue{background:var(--blue-soft);color:var(--blue)}.tone-amber{background:var(--amber-soft);color:var(--amber)}.tone-accent{background:var(--accent-soft);color:var(--accent)}.tone-mint{background:var(--mint-soft);color:var(--mint)}.tone-red{background:var(--red-soft);color:var(--red)}table{width:100%;border-collapse:collapse;font-size:12.5px}th{text-align:left;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);font-weight:700;padding:0 10px 10px;border-bottom:1px solid var(--line)}td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:none}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}select.status-select{border:1px solid var(--line-strong);border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:700;background:var(--card-soft);color:var(--ink)}.index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:820px){.index-grid{grid-template-columns:repeat(2,1fr)}}.index-card{background:var(--card-soft);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}.index-card .ico{font-size:20px}.index-card .t{font-size:12.5px;font-weight:700}.index-card .d{font-size:11px;color:var(--ink-faint);line-height:1.4}.pos-layout{display:grid;grid-template-columns:280px 130px 1fr;gap:14px}@media(max-width:900px){.pos-layout{grid-template-columns:1fr}}.order-lines{background:var(--card-soft);border-radius:14px;padding:14px;display:flex;flex-direction:column;height:100%}.line{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;padding:8px 0;border-bottom:1px solid var(--line);gap:6px}.line .name{flex:1}.qty-ctrl{display:flex;align-items:center;gap:6px}.qty-ctrl b{font-family:var(--font-mono);min-width:14px;text-align:center}.line .price{font-family:var(--font-mono);white-space:nowrap;min-width:56px;text-align:right}.empty-cart{font-size:12.5px;color:var(--ink-faint);padding:20px 6px;text-align:center}.order-total{display:flex;justify-content:space-between;padding:14px 0 4px;font-weight:800;font-size:19px;margin-top:auto}.order-total .num{font-family:var(--font-mono);color:var(--accent)}.cats{display:flex;flex-direction:column;gap:6px}.cat-btn{font-size:12.5px;font-weight:700;padding:11px 10px;border-radius:12px;background:var(--card-soft);border:1px solid transparent;text-align:left;display:flex;align-items:center;gap:8px;cursor:grab;color:var(--ink)}.cat-btn.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.cat-btn .drag-handle{color:var(--ink-faint);font-size:11px;cursor:grab}.cat-btn.dragging{opacity:.4}.cat-btn.drag-over{border-color:var(--accent);border-style:dashed;background:var(--accent-soft)}.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start}@media(max-width:600px){.prod-grid{grid-template-columns:repeat(2,1fr)}}.prod{border-radius:14px;padding:13px 12px;display:flex;flex-direction:column;gap:16px;justify-content:space-between;min-height:80px;box-shadow:var(--shadow);border:none;text-align:left;cursor:pointer}.prod .nm{font-size:12.5px;font-weight:700;line-height:1.3}.prod .pr{font-family:var(--font-mono);font-size:12px;opacity:.75}.prod .st{font-size:10px;opacity:.65;margin-top:-10px}.p1{background:var(--red-soft);color:#8a2e3d}.p2{background:var(--mint-soft);color:#0c6e58}.p3{background:var(--amber-soft);color:#8a5f16}.p4{background:var(--blue-soft);color:#2a4fb8}.p5{background:var(--accent-soft);color:#b8461f}.p6{background:#ebe3ff;color:#5a3fa8}.client-match{padding:8px 10px;border-radius:10px;font-size:12px;cursor:pointer}.client-match:hover{background:var(--card)}.client-picked{background:var(--mint-soft);border-radius:12px;padding:10px 12px;font-size:12px;display:flex;justify-content:space-between;align-items:center;margin-top:8px}.shift-banner{background:var(--red-soft);color:var(--red);border-radius:12px;padding:10px 14px;font-size:12px;font-weight:700;margin-bottom:12px}.row-tags{margin-left:8px;display:inline-flex;gap:4px}.quick-row-btn{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 11px;cursor:pointer;margin-top:8px}.quick-row-btn:hover{color:var(--ink);border-color:var(--line-strong)}.quick-row-btn .care{color:var(--ink-faint);font-weight:400}.quick-panel{background:var(--card);border-radius:12px;padding:10px;margin-top:6px;display:flex;flex-direction:column;gap:8px}.quick-panel .field{width:100%}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip-toggle{font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer}.chip-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.mini-label{display:flex;flex-direction:column;gap:4px;font-size:10.5px;font-weight:700;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.03em}.mini-label .field{width:100%}.subnav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.subnav-btn{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);padding:8px 13px;border-radius:999px;cursor:pointer;white-space:nowrap}.subnav-btn:hover{color:var(--ink);border-color:var(--line-strong)}.subnav-btn.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 4px 10px -5px #ff6b4a80}.subnav-btn.soon{opacity:.55}.subnav-btn.active .tag-soon{display:none}.tag-soon{font-size:9.5px;font-weight:700;background:var(--amber-soft);color:var(--amber);border-radius:999px;padding:2px 7px}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:44px 20px}.coming-soon .ico{font-size:34px}.coming-soon .t{font-size:15px;font-weight:800}.coming-soon .d{font-size:12.5px;color:var(--ink-faint);max-width:44ch;line-height:1.5}.order-sub-note{font-size:11px;color:var(--ink-faint);display:flex;gap:10px;margin-top:-4px;margin-bottom:6px}.field-label{font-size:10.5px;font-weight:700;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.03em;margin-top:6px;display:block}.bill-preview{background:var(--card);border:1px dashed var(--line-strong);border-radius:12px;padding:12px;margin:8px 0;font-family:var(--font-mono);font-size:11.5px}.bill-title{font-weight:800;text-align:center;margin-bottom:8px;font-family:var(--font)}.bill-line{display:flex;justify-content:space-between;padding:3px 0}.bill-total{border-top:1px dashed var(--line-strong);margin-top:4px;padding-top:6px}.order-actions-row{display:flex;gap:8px;margin-top:8px}.settings-form{display:flex;flex-direction:column;gap:12px;max-width:420px}.settings-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--ink-soft)}.settings-form .field{width:100%}.receipt-preview{margin-top:18px;background:var(--card-soft);border-radius:14px;padding:16px;font-family:var(--font-mono);font-size:12px;max-width:280px}.rp-logo{font-weight:800;text-align:center;margin-bottom:6px;font-family:var(--font)}.rp-line{padding:1px 0}.rp-dash{color:var(--ink-faint)}.receipt-print{display:none}.rp-logo-img{max-width:100%;display:block;margin:0 auto 6px}@media print{body *{visibility:hidden}.receipt-print,.receipt-print *{visibility:visible}.receipt-print{display:block;position:absolute;top:0;left:0;font-family:var(--font-mono);font-size:12px;width:80mm;padding:8px}.receipt-print[data-width="50 мм"]{width:50mm}.receipt-print[data-width="58 мм"]{width:58mm}.receipt-print[data-width="Товарный А4"]{width:190mm}}.stat-strip{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.stat-pill{background:var(--card-soft);border:1px solid var(--line);border-radius:12px;padding:9px 14px;font-size:12px}.stat-pill b{font-family:var(--font-mono);font-size:14px}.order-row{border-radius:14px;padding:13px 16px;margin-bottom:8px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.order-row .time{font-family:var(--font-mono);font-weight:700;font-size:12.5px;min-width:52px}.order-row .items{flex:1;min-width:180px;font-size:12px;opacity:.85}.order-row .addr{font-size:12px;font-style:italic;opacity:.8;min-width:150px}.order-row .sum{font-family:var(--font-mono);font-weight:700;font-size:13px}.row-new{background:var(--blue-soft)}.row-pending{background:var(--amber-soft)}.row-transit{background:var(--accent-soft)}.row-ready{background:var(--mint-soft)}.row-bad{background:var(--line);opacity:.75}.cli-layout{display:grid;grid-template-columns:260px 1fr;gap:14px}@media(max-width:760px){.cli-layout{grid-template-columns:1fr}}.cli-list{display:flex;flex-direction:column;gap:6px}.cli-row{padding:11px 13px;border-radius:12px;font-size:12.5px;background:var(--card-soft);cursor:pointer;border:none;text-align:left;color:var(--ink)}.cli-row.active{background:var(--accent-soft)}.cli-row .nm{font-weight:700}.cli-row .ph{font-family:var(--font-mono);color:var(--ink-faint);font-size:11px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 18px}@media(max-width:600px){.kpi-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.head-controls{width:100%}.head-controls .search{width:auto;flex:1;min-width:0}.head-controls select{min-width:0}}.kpi{background:var(--card-soft);border-radius:12px;padding:12px 13px}.kpi .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700}.kpi .val{font-family:var(--font-mono);font-size:18px;font-weight:800;margin-top:4px}.stock-bar{height:6px;border-radius:999px;background:var(--line);overflow:hidden;width:80px}.stock-bar>i{display:block;height:100%;background:var(--mint)}.stock-bar.low>i{background:var(--red)}.neg{color:var(--red);font-weight:700}.cash-strip{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.cash-pill{background:var(--card-soft);border-radius:12px;padding:11px 15px;font-size:12px;flex:1;min-width:140px}.cash-pill b{display:block;font-family:var(--font-mono);font-size:15px;margin-top:2px}.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:var(--card-soft);border-radius:14px;padding:12px;margin-bottom:14px}.inline-form input,.inline-form select{width:auto}.chart-grid{display:grid;grid-template-columns:1fr;gap:16px}.chart-box{background:var(--card-soft);border-radius:14px;padding:16px}.chart-box h4{margin:0 0 10px;font-size:12px;font-weight:700;color:var(--ink-soft)}.chart-box .tot{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);margin-left:6px;font-weight:400}.rep-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}@media(max-width:700px){.rep-kpis{grid-template-columns:repeat(2,1fr)}}.rep-kpi{background:var(--card-soft);border-radius:14px;padding:14px 15px}.rep-kpi .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700}.rep-kpi .val{font-size:21px;font-weight:800;margin-top:5px}.foot-note{margin-top:22px;font-size:12px;color:var(--ink-faint);line-height:1.6;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.foot-note b{color:var(--ink)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:32px 30px;width:100%;max-width:340px;display:flex;flex-direction:column;gap:4px}.login-title{font-weight:800;font-size:20px;text-align:center}.login-sub{font-size:12px;color:var(--ink-faint);text-align:center;margin-bottom:10px}.login-hint{font-size:11px;color:var(--ink-faint);text-align:center;margin-top:14px;font-family:var(--font-mono)}.login-card .field{margin-bottom:8px}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--ink-faint);font-size:13px}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-error{max-width:420px;margin:60px auto;text-align:center}.search-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14151e73;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:100;animation:overlayIn .15s ease both}.search-modal{background:var(--card);border-radius:16px;box-shadow:var(--shadow-lift,var(--shadow));width:100%;max-width:520px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .18s cubic-bezier(.2,.9,.3,1.1) both}.search-modal-input{border:none;outline:none;padding:16px 18px;font-size:14px;background:transparent;color:var(--ink);border-bottom:1px solid var(--line)}.search-modal-results{overflow-y:auto;padding:8px}.search-modal-hint{padding:20px;text-align:center;font-size:12.5px;color:var(--ink-faint)}.search-modal-group{margin-bottom:6px}.search-modal-group-title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);padding:8px 10px 4px}.search-modal-item{width:100%;display:flex;justify-content:space-between;gap:10px;text-align:left;background:transparent;border:none;padding:9px 10px;border-radius:10px;cursor:pointer;font-size:12.5px;color:var(--ink)}.search-modal-item:hover{background:var(--card-soft)}.search-modal-item .num{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap}.hotkey-hint{font-size:11px;color:var(--ink-faint);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px;display:flex;align-items:center;gap:6px;cursor:pointer}.hotkey-hint kbd{font-family:var(--font-mono);background:var(--card-soft);border-radius:4px;padding:1px 5px;font-size:10px}.notif-wrap{position:relative}.notif-bell{position:relative;background:var(--card);border:1px solid var(--line);border-radius:999px;width:34px;height:34px;font-size:15px;cursor:pointer}.notif-badge{position:absolute;top:-4px;right:-4px;background:var(--accent);color:#fff;font-size:9.5px;font-weight:800;border-radius:999px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px}.notif-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:41;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);width:300px;max-height:360px;overflow-y:auto;padding:6px;animation:modalIn .15s ease both}.notif-panel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);padding:8px 10px 6px}.notif-item{display:flex;gap:10px;width:100%;text-align:left;background:transparent;border:none;padding:9px 10px;border-radius:10px;cursor:pointer}.notif-item:hover{background:var(--card-soft)}.notif-item-ico{font-size:16px}.notif-item-body{display:flex;flex-direction:column;gap:2px}.notif-item-text{font-size:12px;color:var(--ink)}.notif-item-time{font-size:10.5px;color:var(--ink-faint);font-family:var(--font-mono)}