:root{--bg: #f6f4fa;--surface: #ffffff;--text: #1f1a2e;--muted: #6b6480;--brand: #2b2340;--accent: #b08d57;--online: #2e9e5b;--offline: #e08a1e;--border: #e4e0ec;font-family:system-ui,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--brand);color:#fff}.brand{font:inherit;font-size:22px;font-weight:700;letter-spacing:1px;color:inherit;background:none;border:0;padding:0;cursor:pointer}.brand:first-letter{color:var(--accent)}.status{display:inline-flex;align-items:center;gap:8px;font-size:14px;padding:4px 12px;border-radius:999px;background:#ffffff1f}.status__dot{width:10px;height:10px;border-radius:50%}.status--online .status__dot{background:var(--online)}.status--offline .status__dot{background:var(--offline)}.status--error .status__dot{background:#e5484d}.device-chip{padding:3px 10px;border-radius:999px;font-size:13px;background:#e08a1e;color:#fff;font-weight:600}.device-chip--shop{background:#ffffff29}.alert-card{margin:0 0 20px;padding:12px 16px;border-radius:10px;background:#fcebea;border:1px solid #f2c7c3;color:#7d1d17}.alert-row+.alert-row{margin-top:8px}.project-badge{margin-left:8px;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700;color:#fff}.project-badge--test{background:#e08a1e}.project-badge--real{background:#1d6b3e}.content{max-width:960px;margin:0 auto;padding:32px 16px}h1{margin:0 0 4px}.muted{color:var(--muted)}h1+.muted{margin:0 0 28px}.small{font-size:13px;margin-top:4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.tile{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit}.tile:not(:disabled){cursor:pointer}.tile:not(:disabled):hover{border-color:var(--accent)}.tile:disabled{cursor:default;opacity:.7}.tile__title{font-size:18px;font-weight:600}.tile__note{font-size:14px;color:var(--muted)}.badge{position:absolute;top:12px;right:12px;font-size:11px;padding:2px 8px;border-radius:999px;background:#f1eadf;color:#7a5c2e}.page-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:20px}.page-head h1{margin:0}.btn{font:inherit;font-size:15px;padding:9px 16px;border-radius:8px;border:1px solid var(--border);cursor:pointer;white-space:nowrap}.btn--primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn--primary:disabled{opacity:.6;cursor:default}.btn--ghost{background:var(--surface);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.notice{padding:12px 16px;margin-bottom:16px;border-radius:8px;background:#e6f4ec;color:#1d6b3e}.error{color:#b3261e;margin:8px 0 0}.empty{padding:40px 16px;text-align:center;color:var(--muted)}.search{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;margin-bottom:12px}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.table th,.table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.table th{font-size:13px;font-weight:600;color:var(--muted)}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:#faf8fd}.table .num{text-align:right;white-space:nowrap}.mono{font-family:ui-monospace,Consolas,monospace}.thumb{width:44px;height:44px;border-radius:6px;object-fit:cover;display:block}.thumb--empty{background:#eeeaf3}.product-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.barcode{background:#fff}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:14px;font-weight:600}.field input{font:inherit;padding:10px 12px;border:1px solid var(--border);border-radius:8px}.field input:focus,.search:focus{outline:2px solid var(--accent);outline-offset:-1px}.field small{font-size:12px}.field--wide{grid-column:1 / -1}.actions{display:flex;justify-content:flex-end;gap:12px}.dropzone{padding:28px 16px;text-align:center;color:var(--muted);border:2px dashed var(--border);border-radius:10px;cursor:pointer}.dropzone--active{border-color:var(--accent);background:#fbf7f0}.photos{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.photo{position:relative;width:120px}.photo img{width:120px;height:120px;object-fit:cover;border-radius:8px;display:block}.photo__remove{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:0;background:#0009;color:#fff;font-size:16px;cursor:pointer}.photo__main,.photo__make-main{display:block;margin-top:4px;font-size:12px;text-align:center;width:100%}.photo__main{color:#7a5c2e;font-weight:600}.photo__make-main{font:inherit;font-size:12px;background:none;border:0;color:var(--muted);cursor:pointer;text-decoration:underline}.profit--up{color:#1d6b3e;font-weight:600}.profit--down{color:#b3261e;font-weight:600}.profit-box{align-self:end;padding:10px 12px;border-radius:8px;background:#f4f2f8;border:1px solid var(--border)}.profit-box--up{background:#e9f6ee;border-color:#c4e6d1}.profit-box--down{background:#fcebea;border-color:#f2c7c3}.warning{grid-column:1 / -1;padding:10px 12px;border-radius:8px;background:#fff4e0;color:#8a5300}.label-card{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.label-card h3{margin:0 0 4px}.label-preview{border:1px solid var(--border);border-radius:4px;background:#fff}.label-warning{margin:8px 0 0;font-size:13px;color:#8a5300}.label-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.copies{display:inline-flex;align-items:center;gap:8px;font-size:14px;margin-right:4px}.copies input,.copies select{font:inherit;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.copies input{width:72px}.selection-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin-bottom:12px;border-radius:10px;background:#f1eadf}.selection-bar .label-actions{margin-top:0}.table .check{width:36px}.table .check input{width:18px;height:18px;cursor:pointer}.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid var(--border)}.tab{font:inherit;padding:10px 16px;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);cursor:pointer}.tab--on{color:var(--text);font-weight:600;border-bottom-color:var(--accent)}.count{margin-left:6px;padding:1px 7px;border-radius:999px;font-size:12px;background:#fff4e0;color:#8a5300}.scan-box{position:relative}.suggestions{position:absolute;z-index:5;left:0;right:0;top:calc(100% - 8px);background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 20px #00000014;overflow:hidden}.suggestions button{display:block;width:100%;text-align:left;font:inherit;padding:10px 14px;border:0;border-bottom:1px solid var(--border);background:none;cursor:pointer}.suggestions button:hover{background:#faf8fd}.stock-lines{margin-top:12px}.stock-lines tbody tr{cursor:default}.row--last{background:#fbf7f0}.qty{width:80px;font:inherit;padding:6px 8px;border:1px solid var(--border);border-radius:6px;text-align:right}.link-btn{font-size:20px;line-height:1;border:0;background:none;color:var(--muted);cursor:pointer}.link-btn:hover{color:#b3261e}.stock-details{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-top:16px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{font:inherit;font-size:14px;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer}.chip--on{background:var(--brand);border-color:var(--brand);color:#fff}.table--static tbody tr{cursor:default}.table--static tbody tr:hover{background:none}.nowrap{white-space:nowrap}.warn-text{color:#8a5300;font-weight:600}.card h3{margin:0 0 12px}.content--wide{max-width:1200px}.sale{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.sale__side{display:flex;flex-direction:column;gap:14px;position:sticky;top:16px;margin:0}.current-item{display:flex;gap:20px;align-items:center;margin:12px 0 0}.thumb--large{width:120px;height:120px;border-radius:10px}.current-item__name{font-size:20px;font-weight:600}.current-item__price{font-size:24px;font-weight:700;margin:6px 0}.limit{margin-top:6px;color:#7a5c2e;font-weight:600}.customer-box{padding:10px 12px;border-radius:8px;background:#e9f6ee}.customer-box--new{background:#fbf7f0;color:#7a5c2e;font-size:14px}.totals{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:6px}.pair{display:flex;justify-content:space-between}.pair--total{font-size:22px;font-weight:700}.chip--big{flex:1;padding:12px;font-size:16px}.btn--big{padding:14px 18px;font-size:17px;font-weight:600}a.btn{text-decoration:none;display:inline-block}.receipt-view{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.receipt-preview{width:290px;border:1px solid var(--border);border-radius:6px;background:#fff}.new-sale-btn{margin-top:24px}.today{margin-bottom:12px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--brand)}.login__card{width:min(520px,100%);padding:28px;border-radius:16px;background:var(--surface);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;gap:12px}.login__brand{font-size:26px;font-weight:700;letter-spacing:1px;color:var(--brand)}.login__brand:first-letter{color:var(--accent)}.login h1{margin:0}.login__users{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.login__user{display:flex;align-items:center;gap:12px;padding:12px;font:inherit;text-align:left;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer}.login__user:hover{border-color:var(--accent)}.login__avatar{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:var(--brand);color:#fff;font-weight:700}.pin-input{font:inherit;font-size:28px;letter-spacing:10px;text-align:center;padding:12px;border:1px solid var(--border);border-radius:10px}.user-chip{font-size:14px}.user-chip__role{opacity:.7;font-size:12px;margin-left:4px}.btn--topbar{padding:5px 12px;font-size:14px;background:#ffffff1f;border-color:transparent;color:#fff}.btn--danger{background:var(--surface);border-color:#e6a19c;color:#b3261e}.list-switch{margin-bottom:12px}.log-title{margin-top:20px}.photo-large{width:220px;height:220px;object-fit:cover;border-radius:10px}.card.photos{display:flex;flex-wrap:wrap;gap:12px}.range-text{margin-left:auto}.chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.chart-head h3{margin:0}.bars{display:flex;flex-direction:column;gap:2px}.bar-row{position:relative;display:grid;grid-template-columns:200px 1fr;align-items:center;gap:12px;padding:4px 0;border-radius:6px;outline:none}.bar-row:hover,.bar-row:focus-visible{background:#faf8fd}.bar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.rank{display:inline-block;width:22px;color:var(--muted);font-size:13px}.bar-track{display:flex;align-items:center;gap:8px;min-height:24px}.bar{height:20px;min-width:2px;background:#2a78d6;border-radius:0 4px 4px 0}.bar-value{font-size:14px;color:var(--text);white-space:nowrap}.bar-tip{display:none;position:absolute;z-index:5;left:210px;top:100%;flex-direction:column;gap:2px;padding:8px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 20px #0000001f;font-size:13px;color:var(--text)}.bar-row:hover .bar-tip,.bar-row:focus-visible .bar-tip{display:flex}.table-scroll{overflow-x:auto;margin:12px 0 8px}.sellers td,.sellers th{white-space:nowrap}.row--flag{background:#fff8ec}.flag{color:#8a5300;font-weight:600;font-size:13px}.link{font:inherit;font-weight:600;padding:0;border:0;background:none;color:var(--text);text-decoration:underline;cursor:pointer}.customer-box__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}.inline-form input{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:8px;flex:1 1 160px}.discounts{margin:8px 0 0;padding-left:18px;font-size:14px}.discounts--none{padding:0;list-style:none;color:var(--muted);font-size:14px}.lookup-results{display:flex;flex-direction:column;gap:10px}.suggest-list{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.copies input[inputmode=decimal],.copies input[inputmode=numeric]{width:90px}.sale-discounts{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--border)}.campaign-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:var(--bg);font-size:14px}.campaign-row--on{background:#e9f6ee}.btn--small{padding:4px 10px;font-size:13px}.voucher-input{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:8px}.voucher-preview{width:340px;border:1px solid var(--border);border-radius:10px}.sell-card{margin:12px 0 0}.thumb--card{display:grid;place-items:center;background:#2b2340;color:#d4af6a;font-weight:700;font-size:13px}.filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px}.stat{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.stat__label{font-size:13px;color:var(--muted)}.stat__value{font-size:24px;font-weight:700}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:0 16px}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:0 16px;align-items:start}.col-chart{margin:0}.col-chart figcaption{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-weight:600}.col-chart__plot{position:relative;display:flex;gap:2px;height:150px;border-top:1px dashed var(--border)}.col-chart__zero{position:absolute;left:0;right:0;height:1px;background:#b9b3c8}.col-chart__slot{position:relative;flex:1;display:flex;justify-content:center;outline:none}.col-chart__slot:hover,.col-chart__slot:focus-visible{background:#f4f1f9}.col-chart__bar{position:absolute;width:min(24px,80%);background:#2a78d6;border-radius:4px 4px 0 0}.col-chart__bar--neg{border-radius:0 0 4px 4px}.col-chart__tip{display:none;position:absolute;z-index:5;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);flex-direction:column;white-space:nowrap;padding:6px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 20px #0000001f;font-size:13px}.col-chart__slot:hover .col-chart__tip,.col-chart__slot:focus-visible .col-chart__tip{display:flex}.col-chart__axis{display:flex;gap:2px;margin-top:4px;font-size:12px;color:var(--muted)}.col-chart__axis span{flex:1;text-align:center;overflow:visible;white-space:nowrap}.group-table{margin-top:12px}.closing .strong{font-weight:700}.closing tfoot td{font-weight:700;border-top:2px solid var(--border)}.backup-contents{margin:12px 0}.topbar__right{display:flex;align-items:center;gap:10px}.test-badge{margin-left:10px;padding:2px 8px;border-radius:6px;font-size:12px;letter-spacing:0;vertical-align:middle;background:#e08a1e;color:#fff}.backup-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 24px;background:#fff4e0;color:#8a5300;border-bottom:1px solid #f2d9ad}.backup-banner>span:first-child{flex:1 1 300px}.backup-banner__error{flex-basis:100%;color:#b3261e}.btn--warn{background:#e08a1e;border-color:#e08a1e;color:#fff;font-weight:600}.settings-section h3{margin-bottom:8px}.settings-row{padding:6px 0;border-bottom:1px solid var(--border)}.backups{margin-top:12px}.done-panel{margin:12px 0 0}.sale-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.row--old td{color:var(--muted)}.change{margin-top:6px;font-size:18px;font-weight:700;color:#1d6b3e}.change--short{color:#b3261e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#1f1a2e73;animation:fade-in .12s ease-out}.modal{width:min(420px,100%);padding:24px;border-radius:14px;background:var(--surface);box-shadow:0 20px 50px #00000040}.modal h2{margin:0 0 16px;font-size:22px}.modal__body{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:10px;background:var(--bg)}.modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.filters .search{flex:1 1 320px;margin:0}.select{font:inherit;padding:11px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable:hover{color:var(--text)}.sort-mark{font-size:11px}.inventory tfoot td{font-weight:700;border-top:2px solid var(--border);background:#faf8fd}.settings-tiles{margin-bottom:16px}.settings-split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.settings-split__preview{position:sticky;top:72px}.settings-split__preview .receipt-preview{width:100%}.toggle-list{display:flex;flex-wrap:wrap;gap:8px 18px;margin:6px 0 10px}.toggle-list--column{flex-direction:column}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:14px}.toggle input{width:17px;height:17px}.toggle-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px;align-items:center;margin:8px 0}.text-input,.name-input,.mm-input{font:inherit;padding:7px 9px;border:1px solid var(--border);border-radius:8px}.name-input{width:100%;min-width:90px}.mm-input{width:52px}.size-table{display:block;overflow-x:auto}.size-table th,.size-table td{padding:6px;vertical-align:middle}.size-table tbody tr{cursor:pointer}.row--picked{background:#f3eefb}.part-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px;align-items:center}.save-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:16px 0;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.save-bar .error{margin:0 auto 0 0}@media (max-width: 900px){.sale,.receipt-view,.settings-split{grid-template-columns:1fr}.sale__side,.settings-split__preview{position:static}.toggle-row,.part-row{grid-template-columns:1fr}}@media (max-width: 640px){.stock-details,.form{grid-template-columns:1fr}.table{display:block;overflow-x:auto}}