:root{--bg: #0f1419;--surface: #161c24;--surface-2: #1d2530;--border: #2a333f;--text: #e6edf3;--muted: #8b97a5;--accent: #2f81f7;--accent-soft: #1b3a5c;--ok: #2ea043;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-columns:248px 1fr;height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px}.brand{display:flex;align-items:center;gap:12px;padding:8px 8px 18px}.brand-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#1f6feb);color:#fff;font-weight:700;display:grid;place-items:center;font-size:15px}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text strong{font-size:15px}.brand-text span{font-size:12px;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:2px;margin-top:4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.is-active{background:var(--accent-soft);color:#fff}.nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-foot{margin-top:auto;padding:12px 10px 4px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-ok{background:var(--ok);box-shadow:0 0 0 3px #2ea04326}.content{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--border)}.topbar h1{margin:0;font-size:20px}.muted{color:var(--muted);margin:4px 0 0;font-size:13px}.badge{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:4px 10px;border-radius:999px}.topbar-right{display:flex;align-items:center;gap:10px}.sync-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer}.sync-badge:disabled{cursor:default}.sync-badge .sync-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.sync-ok{color:#2ea043;border-color:#2ea04366}.sync-pending{color:#d29922;border-color:#d2992266}.sync-busy{color:var(--accent);border-color:var(--accent)}.sync-busy .sync-dot{animation:sync-pulse 1s ease-in-out infinite}.sync-off{color:var(--muted)}.sync-err{color:#f85149;border-color:#f8514980}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.3}}.panel{flex:1;padding:28px;overflow:auto}.placeholder{height:100%;min-height:320px;border:1px dashed var(--border);border-radius:14px;display:grid;place-content:center;text-align:center;gap:6px;padding:40px;background:var(--surface)}.placeholder-icon{font-size:44px}.placeholder h2{margin:8px 0 0;font-size:18px}.placeholder p{max-width:420px}.dot-warn{background:#d29922;box-shadow:0 0 0 3px #d2992226}.boot{height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--text)}.boot-card{text-align:center;display:grid;gap:12px;justify-items:center}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stack{display:flex;flex-direction:column;gap:16px}.stack-lg{display:flex;flex-direction:column;gap:24px}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.card.no-pad{padding:0;overflow:hidden}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.card-head h2{margin:0;font-size:16px}.empty{color:var(--muted);padding:24px;text-align:center;font-size:14px}.toolbar{display:flex;align-items:center;gap:10px}.search{min-width:280px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.table td{padding:12px 16px;border-bottom:1px solid var(--border)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-2)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .neg{color:#f85149;font-weight:600}.sku{color:var(--muted);font-size:12px}.row-actions{text-align:right;white-space:nowrap}.btn{padding:9px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:14px;font-weight:500;cursor:pointer}.btn:hover{border-color:var(--muted)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#1f6feb}.icon-btn{background:transparent;border:none;color:var(--muted);font-size:16px;cursor:pointer}.link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:2px 6px}.link-danger{color:#f85149}.name-edit{background:none;border:none;padding:0;margin:0;text-align:left;color:inherit;font:inherit;cursor:pointer}.name-edit:hover strong{color:var(--accent);text-decoration:underline}.se-swap-top{display:flex;align-items:flex-end;gap:10px}.se-swap-search{flex:1;min-width:0}.se-swap-qty{display:flex;flex-direction:column;gap:4px;flex:none;width:110px}.se-swap-qty>span{color:var(--muted);font-size:12px}.se-swap-qty input{text-align:right}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px}.field>span{color:var(--muted)}.field-row{flex-direction:row;align-items:center;gap:8px}input,select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 11px;color:var(--text);font-size:14px;font-family:inherit;width:100%}input:focus,select:focus{outline:none;border-color:var(--accent)}input[type=checkbox]{width:auto}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.prices{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;padding:14px;background:var(--surface-2);border-radius:10px;margin-bottom:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:24px;z-index:50}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:16px}.modal-body{padding:20px;overflow:auto}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}kbd{font-family:var(--font);font-size:11px;background:var(--surface-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:1px 5px;color:var(--muted)}.se{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-block{width:100%}.se-head{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.se-col{display:flex;flex-direction:column;gap:8px}.se-field{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:10px;font-size:13px}.se-field>span{color:var(--muted)}.se-field input,.se-field select{width:100%}.se-field input[readonly]{background:var(--surface-2);color:var(--muted)}.se-pick{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:7px 10px;cursor:pointer;font-size:14px;font-weight:600}.se-pick:hover{border-color:var(--accent)}.se-paymode{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding-top:4px}.se-paymode-lbl{color:var(--muted);font-size:13px;width:120px}.se-radio{display:inline-flex;align-items:center;gap:5px;font-size:13px;cursor:pointer}.se-recv{width:110px}.se-headrow{display:flex;justify-content:flex-end}.se-balance{font-size:13px;color:var(--muted)}.se-balance strong{color:var(--text)}.se-grid-wrap{flex:1;min-height:120px;overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.se-grid{width:100%;border-collapse:collapse;font-size:13px}.se-grid th{position:sticky;top:0;z-index:1;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:var(--surface-2);padding:9px 10px;border-bottom:1px solid var(--border)}.se-grid td{padding:4px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.se-grid tr.is-sel td{background:var(--accent-soft)}.se-grid tr.se-entry td{background:#2f81f70f}.c-sno{width:44px;color:var(--muted)}.c-code{width:96px}.c-god{width:150px}.c-num{width:96px;text-align:right;font-variant-numeric:tabular-nums}.c-num .cell-in{text-align:right}.c-x{width:34px;text-align:center}.se-grid .mono{font-variant-numeric:tabular-nums}.cell-in{width:100%;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text);padding:5px 7px;font-size:13px}.cell-in:hover{border-color:var(--border)}.cell-in:focus{border-color:var(--accent);background:var(--surface-2);outline:none}.se-grid select.cell-in,.se-grid td select{width:100%;font-size:12px;padding:4px 6px}.rowx{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:16px;line-height:1}.rowx:hover{color:#f85149}.se-results{list-style:none;position:absolute;left:8px;right:8px;top:calc(100% - 2px);z-index:5;margin:0;padding:6px;background:var(--surface);border:1px solid var(--accent);border-radius:10px;box-shadow:0 10px 30px #00000073;max-height:320px;overflow-y:auto}.se-results li{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px}.se-results li.is-hl{background:var(--accent-soft)}.r-name{min-width:0}.r-stock{color:var(--muted);font-size:12px;min-width:56px;text-align:right}.r-price{font-weight:600;min-width:70px;text-align:right}.se-entry-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#2f81f70f;border:1px solid var(--accent);border-radius:12px;padding:14px 16px}.se-entry-bar input{padding:12px 13px;font-size:15px}.se-entry-arrow{color:var(--muted);width:16px;text-align:center;font-size:16px}.se-entry-code{width:130px;flex:none}.se-entry-item{position:relative;flex:1;min-width:0}.se-entry-search{width:100%}.se-entry-pending{flex:none;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text);background:var(--accent-soft);border:1px solid var(--accent);border-radius:8px;padding:9px 12px;font-size:14px}.se-entry-qty{display:flex;align-items:center;gap:8px;flex:none}.se-entry-qty>span{color:var(--muted);font-size:14px}.se-entry-qty input{width:90px;text-align:right}.se-entry-qty input:disabled{opacity:.5}.se-entry-unit{flex:none;min-width:46px;font-weight:700;font-size:14px;color:var(--accent);text-transform:uppercase}.se-entry-add{flex:none;padding:12px 22px;font-size:15px}.se-results-up{top:auto;bottom:calc(100% + 8px);left:0;right:0}.se-foot{display:grid;grid-template-columns:repeat(6,1fr) 1.5fr;gap:8px;align-items:stretch}.se-foot-box{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px}.se-foot-lbl{font-size:11px;color:var(--muted)}.se-foot-box input{width:100%;padding:5px 7px}.se-foot-run{font-size:11px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.se-foot-totals{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 12px}.se-tot{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--muted)}.se-tot strong{color:var(--text);font-variant-numeric:tabular-nums}.se-tot.big{grid-column:1 / -1;font-size:16px;color:var(--text);border-top:1px solid var(--border);padding-top:6px;margin-top:2px}.se-tot.big strong{font-size:20px;color:#ff9da6}.count-pill{display:inline-block;min-width:18px;text-align:center;background:var(--accent);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:1px 6px;margin-left:6px}.ok-tag{color:var(--ok);font-weight:600}.se-flash{background:#2ea04326;color:#4ac26b;border:1px solid rgba(46,160,67,.4);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600}.se-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.se-actions .btn{padding:8px 14px}.se-sep{width:1px;align-self:stretch;background:var(--border);margin:0 4px}.picker-list{display:flex;flex-direction:column;gap:4px;margin:12px 0;max-height:320px;overflow:auto}.picker-row{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);cursor:pointer;font-size:14px}.picker-row.is-hl{border-color:var(--accent);background:var(--accent-soft)}.picker-row.walkin{color:var(--muted)}.pay-total{display:flex;justify-content:space-between;align-items:baseline;font-size:16px;margin-bottom:14px}.pay-total strong{font-size:24px}.pay-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.pay-mode{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);cursor:pointer;font-size:14px}.pay-mode.is-active{border-color:var(--accent);background:var(--accent-soft);color:#fff}.pay-note{border-radius:8px;padding:10px 12px;font-size:14px;font-weight:600}.pay-note.ok{background:#2ea04326;color:#4ac26b}.pay-note.warn{background:#d2992226;color:#e3b341}.pay-note.danger{background:#f8514926;color:#f85149}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:6px 6px 6px 12px;font-size:13px}.chip-x{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:12px;line-height:1;padding:2px 4px;border-radius:50%}.chip-x:hover{background:var(--border);color:var(--text)}.mini{width:90px;padding:5px 8px;text-align:right}.tot-row .mini{width:110px}.summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.summary-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.summary-value{font-size:22px;font-weight:700}.badge-low{margin-left:8px;font-size:10px;font-weight:700;color:#f85149;border:1px solid #f85149;border-radius:5px;padding:1px 5px}.recent-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;font-size:12px;padding:5px 0;border-top:1px solid var(--border)}.recent-row:first-of-type{border-top:none}.purchase-head{margin-bottom:12px}.tabs{display:flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:9px}.tab{border:none;background:transparent;color:var(--muted);padding:8px 14px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:500}.tab.is-active{background:var(--accent);color:#fff}.user-switch{display:flex;flex-direction:column;gap:4px;padding:8px 10px;margin-top:auto;border-top:1px solid var(--border)}.sidebar-foot{margin-top:0!important}.user-switch .side-label{display:block}.cf-tabs{display:flex;flex-wrap:wrap;gap:4px;background:var(--surface-2);padding:4px;border-radius:9px;margin-bottom:14px}.cf-tab{border:none;background:transparent;color:var(--muted);padding:7px 12px;border-radius:7px;cursor:pointer;font-size:13px}.cf-tab.is-active{background:var(--accent);color:#fff}.cf-body{display:flex;flex-direction:column;gap:10px;min-height:240px}.cf-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.cf-inline{display:flex;gap:6px;align-items:stretch}.cf-inline select{flex:1;min-width:0}.cf-add{flex:0 0 auto;width:36px;border:1px solid var(--border);background:var(--surface-2);color:var(--accent);border-radius:8px;cursor:pointer;font-size:16px;line-height:1}.cf-add:hover{border-color:var(--accent);background:var(--accent-soft)}.cf-add.ok{color:var(--ok)}.cf-add.ok:hover{border-color:var(--ok);background:#2ea04326}.cf-add:disabled{opacity:.4;cursor:not-allowed}.cf-contact{display:grid;grid-template-columns:1.3fr .9fr 1fr 1fr auto auto;gap:6px;align-items:center}.cf-contact input,.cf-contact select{padding:6px 8px;font-size:13px}.cf-prim{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);white-space:nowrap}.cf-geo{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.cf-geo a{color:var(--accent)}.cf-photo-group{border:1px solid var(--border);border-radius:10px;padding:10px 12px}.cf-photo-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cf-thumbs{display:flex;flex-wrap:wrap;gap:8px}.cf-thumb{position:relative;width:74px;height:74px;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.cf-thumb img{width:100%;height:100%;object-fit:cover}.cf-thumb .rowx{position:absolute;top:2px;right:2px;background:#0009;color:#fff;border-radius:50%;width:20px;height:20px}