.sidebar .sidebar-brand[data-v-0724be74]{height:auto;padding:14px 16px}.sidebar-logo[data-v-0724be74]{object-fit:contain;width:100%;max-width:184px;height:auto}.sidebar-menu[data-v-0724be74]{padding-top:12px}.toast[data-v-e322ff35]{z-index:60;border-radius:var(--radius);background:var(--green);color:#fff;cursor:pointer;max-width:360px;padding:10px 14px;font-size:14px;font-weight:600;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 16px #0000002e}.toast.error[data-v-e322ff35]{background:var(--red)}.page-heading[data-v-2a817df7]{min-width:0}.page-lead[data-v-2a817df7]{text-overflow:ellipsis;white-space:nowrap;max-width:62vw;overflow:hidden}.page-tabs[data-v-4a79bc65]{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;margin:-4px 0 12px;display:flex;overflow-x:auto}.page-tab[data-v-4a79bc65]{color:var(--text-muted);white-space:nowrap;border-bottom:2px solid #0000;flex:none;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none}.page-tab[data-v-4a79bc65]:hover{color:var(--text)}.page-tab.active[data-v-4a79bc65]{border-bottom-color:var(--accent);color:var(--text)}@media (pointer:coarse){.page-tab[data-v-4a79bc65]{padding:12px 14px}}.amount-field[data-v-2526a879]{width:100%;min-height:var(--control-height);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);align-items:center;gap:6px;padding:0 12px;display:flex}.amount-field[data-v-2526a879]:focus-within{border-color:var(--accent)}.amount-field.disabled[data-v-2526a879]{background:var(--surface-soft)}.amount-field input[data-v-2526a879]{width:100%;min-width:0;min-height:0;box-shadow:none;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0}.amount-field small[data-v-2526a879]{color:var(--text-muted);white-space:nowrap;flex:none;font-size:13px}.picker[data-v-98f0a993]{flex-direction:column;gap:8px;min-height:0;display:flex}.picker-filters[data-v-98f0a993]{gap:6px;display:flex}.picker-search[data-v-98f0a993],.picker-filters select[data-v-98f0a993]{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-width:0;height:40px;padding:0 10px;font-size:15px}.picker-search[data-v-98f0a993]{flex:1}.picker-filters select[data-v-98f0a993]{flex:0 0 110px}.picker-error[data-v-98f0a993]{color:var(--red);margin:0;font-size:14px}.tiles[data-v-98f0a993]{flex:1;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));align-content:start;gap:8px;min-height:0;display:grid;overflow-y:auto}.tile[data-v-98f0a993]{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;cursor:pointer;flex-direction:column;gap:2px;padding:6px;display:flex}.tile[data-v-98f0a993]:hover:not(:disabled){border-color:var(--accent)}.tile-image[data-v-98f0a993]{aspect-ratio:1;border-radius:var(--radius-small);background:var(--surface-soft);justify-content:center;align-items:center;margin-bottom:4px;display:flex;overflow:hidden}.tile-image img[data-v-98f0a993]{object-fit:cover;width:100%;height:100%}.tile-image svg[data-v-98f0a993]{fill:none;width:40%;height:40%;stroke:var(--gray-4);stroke-width:1.2px}.tile-name[data-v-98f0a993]{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.25;display:-webkit-box;overflow:hidden}.tile-price[data-v-98f0a993]{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.tile-stock[data-v-98f0a993]{color:var(--text-muted);font-size:12px}.picker-empty[data-v-98f0a993]{color:var(--text-muted);margin:0;font-size:14px}.variant-overlay[data-v-98f0a993]{z-index:55;background:#231b1473;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.variant-card[data-v-98f0a993]{border-radius:var(--radius-card);background:var(--surface);flex-direction:column;gap:8px;width:100%;max-width:520px;max-height:80vh;padding:16px;display:flex}.variant-head[data-v-98f0a993]{justify-content:space-between;align-items:center;gap:8px;display:flex}.variant-head h3[data-v-98f0a993]{margin:0;font-size:17px}.variant-scroll[data-v-98f0a993]{overflow:auto}.variant-grid[data-v-98f0a993]{border-collapse:collapse;width:100%}.variant-grid th[data-v-98f0a993]{color:var(--text-secondary);text-align:center;white-space:nowrap;padding:4px 8px;font-size:13px;font-weight:600}.variant-grid tbody th[data-v-98f0a993]{text-align:right}.variant-grid td[data-v-98f0a993]{padding:3px}.variant-cell[data-v-98f0a993]{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:100%;min-width:56px;min-height:48px;color:var(--text);font-variant-numeric:tabular-nums;cursor:pointer;font-size:16px;font-weight:600}.variant-cell[data-v-98f0a993]:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.variant-cell.from-warehouse[data-v-98f0a993]{border-style:dashed;border-color:var(--accent);color:var(--accent)}.variant-cell[data-v-98f0a993]:disabled{background:var(--surface-soft);color:var(--gray-5);cursor:not-allowed;border-style:dashed}.barcode-block[data-v-bf891b8a]{flex-direction:column;align-items:center;display:flex}.barcode[data-v-bf891b8a]{display:block}.barcode-text[data-v-bf891b8a]{letter-spacing:.3mm;margin-top:.5mm;font-family:Segoe UI,sans-serif;line-height:1.1}.barcode-error[data-v-bf891b8a]{color:#c00;font-size:2.5mm}.receipt[data-v-3f561ecb]{color:#000;width:72mm;margin:0 auto;padding:3mm 0;font-family:Segoe UI,sans-serif;font-size:3mm;line-height:1.3}.receipt-head[data-v-3f561ecb]{text-align:center;break-inside:avoid;page-break-inside:avoid;border-bottom:1px dashed #000;flex-direction:column;align-items:center;gap:.5mm;padding-bottom:2mm;display:flex}.receipt-head strong[data-v-3f561ecb]{font-size:4.5mm}.receipt-lines[data-v-3f561ecb]{border-collapse:collapse;width:100%;margin:2mm 0}.receipt-lines td[data-v-3f561ecb]{vertical-align:top;padding:.3mm 0}.receipt-line[data-v-3f561ecb]{break-inside:avoid;page-break-inside:avoid}.receipt-name[data-v-3f561ecb]{font-weight:600}.receipt-sum[data-v-3f561ecb]{text-align:right;white-space:nowrap}.receipt-totals[data-v-3f561ecb]{break-inside:avoid;page-break-inside:avoid;break-before:avoid;page-break-before:avoid;border-top:1px dashed #000;padding-top:2mm}.receipt-totals>div[data-v-3f561ecb]{justify-content:space-between;padding:.3mm 0;display:flex}.receipt-total[data-v-3f561ecb]{font-size:4mm;font-weight:700}.receipt-barcode[data-v-3f561ecb]{text-align:center;break-inside:avoid;page-break-inside:avoid;flex-direction:column;align-items:center;gap:1mm;margin-top:3mm;display:flex}.receipt-barcode small[data-v-3f561ecb]{font-size:3mm}.scan-field[data-v-cb1f278b]{border:2px solid var(--accent);border-radius:var(--radius);background:var(--surface);align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.scan-field svg[data-v-cb1f278b]{fill:none;width:18px;height:18px;stroke:var(--accent);stroke-width:2px;flex-shrink:0}.scan-field input[data-v-cb1f278b]{width:100%;min-height:0;box-shadow:none;background:0 0;border:0;font-size:17px}.pos[data-v-e67ebdc1]{height:calc(100vh - var(--topbar-height) - 56px);grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(280px,320px);gap:10px;display:grid}.pos-picker[data-v-e67ebdc1]{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;gap:8px;min-height:0;padding:10px;display:flex}.picker-head[data-v-e67ebdc1]{justify-content:space-between;align-items:center;display:none}.pos-cart[data-v-e67ebdc1]{flex-direction:column;gap:8px;min-width:0;display:flex}.cart-head[data-v-e67ebdc1]{gap:8px;display:flex}.cart-head .scan-field[data-v-e67ebdc1]{flex:1}.picker-toggle[data-v-e67ebdc1]{display:none}.from-warehouse[data-v-e67ebdc1]{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;display:flex}.from-warehouse strong[data-v-e67ebdc1]{font-size:15px;display:block}.from-warehouse small[data-v-e67ebdc1]{color:var(--text-secondary);font-size:13px}.cart-table-wrap[data-v-e67ebdc1]{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-y:auto}.cart-table th[data-v-e67ebdc1]{z-index:1;position:sticky;top:0}.cart-table th[data-v-e67ebdc1],.cart-table td[data-v-e67ebdc1]{padding-left:6px;padding-right:6px}.cart-table[data-v-e67ebdc1]{table-layout:fixed;width:100%}.cart-table th[data-v-e67ebdc1]:nth-child(2){width:136px}.cart-table th[data-v-e67ebdc1]:nth-child(3){width:68px}.cart-table th[data-v-e67ebdc1]:nth-child(4){width:94px}.cart-table th[data-v-e67ebdc1]:nth-child(5){width:36px}.cart-table td[data-v-e67ebdc1]:first-child{white-space:normal}.cart-table td:first-child strong[data-v-e67ebdc1]{overflow-wrap:anywhere;display:block}.cart-number[data-v-e67ebdc1]{text-align:center;width:52px}.cart-number.discount[data-v-e67ebdc1]{width:56px}.quantity[data-v-e67ebdc1]{align-items:center;gap:4px;display:inline-flex}.step[data-v-e67ebdc1]{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;font-size:22px;line-height:1}.step[data-v-e67ebdc1]:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.step[data-v-e67ebdc1]:disabled{opacity:.4;cursor:not-allowed}.pos-error[data-v-e67ebdc1],.pos-notice[data-v-e67ebdc1]{border-radius:var(--radius);margin:0;padding:8px 12px;font-size:14px}.pos-error[data-v-e67ebdc1]{background:var(--red-soft);color:var(--red);font-weight:600}.pos-notice[data-v-e67ebdc1]{background:var(--green-soft);color:var(--green)}.pos-summary[data-v-e67ebdc1]{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;gap:10px;padding:14px;display:flex;overflow-y:auto}.summary-rows>div[data-v-e67ebdc1]{justify-content:space-between;align-items:center;gap:8px;padding:3px 0;font-size:14px;display:flex}.discount-controls[data-v-e67ebdc1]{gap:6px;display:flex}.discount-controls select[data-v-e67ebdc1]{width:72px}.discount-controls input[data-v-e67ebdc1]{text-align:right;width:96px}.summary-total[data-v-e67ebdc1]{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:10px 0;display:flex}.summary-total strong[data-v-e67ebdc1]{font-variant-numeric:tabular-nums;font-size:26px}.payment-methods[data-v-e67ebdc1]{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.cash-row[data-v-e67ebdc1]{gap:6px;display:flex}.cash-row .amount-field[data-v-e67ebdc1]{flex:1;min-width:0}.exact[data-v-e67ebdc1]{white-space:nowrap;flex:none}.change[data-v-e67ebdc1]{color:var(--green);margin-top:4px;font-weight:700}.pos-actions[data-v-e67ebdc1]{gap:8px;display:grid}.complete[data-v-e67ebdc1]{min-height:48px;font-size:17px}.key[data-v-e67ebdc1]{border:1px solid var(--border-strong);border-radius:var(--radius-small);color:var(--text-muted);margin-left:6px;padding:1px 5px;font-size:12px}.key.on-gold[data-v-e67ebdc1]{color:var(--gradient-text);background:#ffffff52;border-color:#3a2a124d}.returns-link[data-v-e67ebdc1]{color:var(--accent);align-self:center;font-size:14px;font-weight:600}.last-sale[data-v-e67ebdc1]{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:10px;font-size:14px;display:flex}.change-overlay[data-v-e67ebdc1]{z-index:60;background:#231b148c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.change-card[data-v-e67ebdc1]{border-radius:var(--radius-card);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:32px 48px;display:flex}.change-label[data-v-e67ebdc1]{color:var(--text-muted);font-size:17px}.change-amount[data-v-e67ebdc1]{font-variant-numeric:tabular-nums;font-size:56px;line-height:1.1}.change-receipt[data-v-e67ebdc1]{color:var(--text-muted);font-size:14px}.change-close[data-v-e67ebdc1]{min-width:180px;min-height:48px;margin-top:12px}@media (width<=1280px){.pos[data-v-e67ebdc1]{grid-template-columns:minmax(0,1fr) 320px}.pos-picker[data-v-e67ebdc1]{inset:var(--topbar-height) 0 0;z-index:45;border-radius:0;display:none;position:fixed}.pos-picker.open[data-v-e67ebdc1],.picker-head[data-v-e67ebdc1],.picker-toggle[data-v-e67ebdc1]{display:flex}}@media (width<=900px){.pos[data-v-e67ebdc1]{grid-template-columns:1fr;height:auto}.cart-table-wrap[data-v-e67ebdc1]{max-height:50vh}.step[data-v-e67ebdc1]{width:44px;height:44px}}@media (width<=640px){.cart-table[data-v-e67ebdc1]{table-layout:auto}.cart-table th[data-v-e67ebdc1]:nth-child(2),.cart-table th[data-v-e67ebdc1]:nth-child(3),.cart-table th[data-v-e67ebdc1]:nth-child(4),.cart-table th[data-v-e67ebdc1]:nth-child(5){width:auto}.cart-table th[data-v-e67ebdc1],.cart-table td[data-v-e67ebdc1]{padding-left:4px;padding-right:4px}.step[data-v-e67ebdc1]{width:40px;height:40px}.cart-number[data-v-e67ebdc1]{width:38px}.cart-number.discount[data-v-e67ebdc1]{width:42px}}.print-sheet{position:absolute;top:0;left:-10000px}@media print{body.printing>:not(.print-sheet){display:none!important}html,body{background:#fff!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important}body.printing .print-sheet{position:static;top:auto;left:auto}}:root{--gray-0:#faf8f4;--gray-1:#f3efe7;--gray-2:#e8e1d6;--gray-3:#dcd3c4;--gray-4:#c4bbab;--gray-5:#a49a8a;--gray-6:#8a8175;--gray-7:#5a534b;--gray-8:#423c35;--gray-9:#2c2925;--bg:#f7f4ef;--surface:#fffdfa;--surface-soft:#f7f3ec;--surface-hover:#f3ede2;--sidebar:#fdfbf7;--sidebar-2:#faf6ef;--sidebar-text:#6f675e;--sidebar-muted:#736c63;--sidebar-hover:#f4eee2;--sidebar-border:#e6ddd0;--text:var(--gray-9);--text-secondary:var(--gray-7);--text-muted:#736c63;--border:#e8e1d6;--border-strong:#dcd3c4;--accent:#8a6636;--accent-hover:#75552b;--accent-strong:#5f4522;--accent-soft:#f6efe3;--accent-soft-2:#ecdfc9;--accent-text:#fff;--gold:#9b743f;--gradient:linear-gradient(115deg, #e3c290, #c09553);--gradient-hover:linear-gradient(115deg, #dcbb83, #bb8f48);--gradient-text:#3a2a12;--gradient-border:#c9a469;--orange:#b34a09;--orange-soft:#fdf1e4;--green:#2b7a3b;--green-soft:#eaf6ec;--red:#c02626;--red-soft:#fdf0ee;--yellow:#8a5d00;--yellow-soft:#fdf4e0;--shadow:0 1px 2px #4f38270d, 0 6px 24px #4f38270d;--shadow-large:0 2px 6px #4f38270f, 0 15px 40px #4f382724;--sidebar-width:252px;--topbar-height:60px;--radius:8px;--radius-small:5px;--radius-card:17px;--font-display:"Bodoni MT", Didot, Georgia, "Times New Roman", serif;--transition:.12s ease;--control-height:40px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--bg);min-height:100vh;color:var(--text);transition:background var(--transition), color var(--transition);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:15px;line-height:1.55;overflow-x:hidden}button,input,select,textarea{font:inherit}button{border:0}button,select{cursor:pointer}input,select,textarea{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}svg{display:block}:where(.main-area) :where(input:not([type=checkbox],[type=radio],[type=file],[type=range],[type=color]),select,textarea){min-height:var(--control-height);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);background-color:var(--surface);transition:border-color var(--transition), box-shadow var(--transition);padding:0 8px;font-size:14px}:where(.main-area) :where(textarea){padding:8px}.main-area select:not([multiple],[size]){appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8175' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}:where(.main-area) :where(input,select,textarea):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}:where(.main-area) :where(input,select,textarea):disabled{opacity:.6;cursor:not-allowed}:where(input[type=checkbox],input[type=radio]){accent-color:var(--accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-muted) 38%, transparent);border-radius:999px}.sidebar{z-index:60;width:var(--sidebar-width);height:100vh;color:var(--sidebar-text);background:var(--sidebar);border-right:1px solid var(--sidebar-border);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{height:var(--topbar-height);border-bottom:1px solid var(--sidebar-border);align-items:center;gap:8px;padding:0 16px;display:flex}.brand-symbol{border-radius:var(--radius);width:34px;height:34px;color:var(--accent-text);background:var(--accent);flex-shrink:0;place-items:center;font-size:16px;font-weight:700;display:grid}.brand-copy{flex-direction:column;display:flex}.brand-copy strong{color:var(--text);letter-spacing:-.2px;font-size:16px;font-weight:600}.brand-copy span{color:var(--sidebar-muted);text-transform:uppercase;letter-spacing:.4px;margin-top:2px;font-size:12px}.sidebar-close{border-radius:var(--radius);width:34px;height:34px;color:var(--sidebar-text);background:0 0;margin-left:auto;display:none}.sidebar-close:hover{background:var(--sidebar-hover)}.sidebar-close svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px;margin:auto}.sidebar-menu{flex:1;padding:4px 8px 12px;overflow-y:auto}.menu-caption{color:var(--sidebar-muted);letter-spacing:.4px;text-transform:uppercase;padding:12px 8px 6px;font-size:12px;font-weight:600;display:block}.menu-caption.second{margin-top:6px}.menu-item{border-radius:var(--radius);width:100%;height:42px;color:var(--sidebar-text);text-align:left;transition:background var(--transition), color var(--transition);background:0 0;align-items:center;gap:8px;margin-bottom:2px;padding:0 8px;font-size:15px;display:flex}.menu-item:hover{color:var(--text);background:var(--sidebar-hover)}.menu-item.active{color:var(--accent-strong);box-shadow:inset 2px 0 var(--gold);background:linear-gradient(90deg,#f1e7d6,#faf6ee);font-weight:500}.menu-icon{width:22px;height:22px;color:var(--text-muted);flex-shrink:0;place-items:center;display:grid}.menu-item:hover .menu-icon,.menu-item.active .menu-icon{color:inherit}.menu-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sidebar-footer{border-top:1px solid var(--sidebar-border);align-items:center;gap:8px;padding:12px 16px;display:flex}.sidebar-avatar{width:34px;height:34px;color:var(--accent-text);background:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.sidebar-user-copy{flex-direction:column;min-width:0;display:flex}.sidebar-user-copy strong{white-space:nowrap;text-overflow:ellipsis;max-width:160px;color:var(--text);font-size:14px;font-weight:600;overflow:hidden}.sidebar-user-copy span{color:var(--sidebar-muted);margin-top:2px;font-size:13px}.main-area{min-height:100vh;margin-left:var(--sidebar-width)}.topbar{z-index:40;height:var(--topbar-height);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf9eb;justify-content:space-between;align-items:center;gap:20px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;display:flex}.topbar-left{gap:12px}.topbar-right{gap:8px}.page-heading h1{font-family:var(--font-display);letter-spacing:-.2px;font-size:23px;font-weight:500;line-height:1.2}.page-heading p{color:var(--text-muted);margin-top:2px;font-size:13px}.mobile-menu{border-radius:var(--radius);width:36px;height:36px;color:var(--text-secondary);background:var(--surface-soft);border:1px solid var(--border);display:none}.mobile-menu svg{fill:none;stroke:currentColor;stroke-width:2px;width:19px;height:19px;margin:auto}.user-button{border-radius:var(--radius);height:40px;color:var(--text);background:0 0;align-items:center;gap:8px;padding:0 6px;display:flex}.user-button:hover{background:var(--surface-hover)}.user-avatar{border-radius:var(--radius);width:36px;height:36px;color:var(--accent-text);background:var(--accent);place-items:center;font-size:13px;font-weight:600;display:grid}.user-copy{flex-direction:column;align-items:flex-start;min-width:100px;display:flex}.user-copy strong{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:14px;overflow:hidden}.user-copy span{color:var(--text-muted);margin-top:2px;font-size:13px}.user-chevron{width:14px;height:14px;color:var(--text-muted);fill:none;stroke:currentColor;stroke-width:2px}.user-dropdown{width:220px;padding:6px}.dropdown-profile{border-bottom:1px solid var(--border);flex-direction:column;padding:8px;display:flex}.dropdown-profile strong{font-size:15px}.dropdown-profile span{color:var(--text-muted);margin-top:4px;font-size:13px}.logout-button{border-radius:var(--radius);width:100%;height:40px;color:var(--red);background:0 0;align-items:center;gap:8px;margin-top:4px;padding:0 8px;font-size:14px;display:flex}.logout-button:hover{background:var(--red-soft)}.logout-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:14px;height:14px}.content{padding:20px 20px 36px}.app-section{display:none}.app-section.active{animation:.25s sectionIn;display:block}@keyframes sectionIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.button{min-height:var(--control-height);white-space:nowrap;cursor:pointer;border-radius:var(--radius);transition:background-color var(--transition), border-color var(--transition), color var(--transition);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.button:disabled{opacity:.55;cursor:not-allowed}.button-gradient{color:var(--gradient-text);background:var(--gradient);border:1px solid var(--gradient-border);box-shadow:inset 0 1px #ffffff73,0 4px 10px #8a66362e}.button-gradient:hover:not(:disabled){background:var(--gradient-hover)}.button-outline{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-strong)}.button-outline:hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.button-danger{color:var(--accent-text);background:var(--red)}.button-danger:hover:not(:disabled){filter:brightness(.94)}.section-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-field{width:245px;height:var(--control-height);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);align-items:center;display:flex}.search-field svg{fill:none;width:16px;height:16px;stroke:var(--text-muted);stroke-width:1.8px;margin-left:12px}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;padding:0 8px;font-size:14px}.search-field input::placeholder{color:var(--text-muted)}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-field input{height:100%;min-height:0;box-shadow:none;border:0}.filters select{height:var(--control-height);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-secondary);background:var(--surface);padding:0 8px;font-size:14px}.filters input[type=date]{height:var(--control-height);color:var(--text-secondary)}.table-card{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.table-scroll{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{white-space:nowrap;text-align:left;height:42px;color:var(--text-secondary);background:var(--surface-soft);border-bottom:1px solid var(--border);padding:0 12px;font-size:13px;font-weight:600}.data-table td{white-space:nowrap;height:46px;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:4px 12px;font-size:14px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:var(--surface-hover)}.num,.data-table th.num,.data-table td.num{text-align:right;font-variant-numeric:tabular-nums}.kpi-card>strong,.metric strong{font-variant-numeric:tabular-nums}.icon-button{border-radius:var(--radius);width:34px;height:34px;color:var(--text-muted);background:0 0;place-items:center;display:grid}.icon-button:hover{color:var(--accent);background:var(--accent-soft)}.icon-button.delete:hover{color:var(--red);background:var(--red-soft)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:16px;height:16px}.empty-state{text-align:center;color:var(--text-muted);padding:24px 20px;font-size:14px}.data-table td.empty-state{height:auto;padding:40px 20px}.settings-card{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:18px}.field{flex-direction:column;min-width:0;display:flex}.field.full{grid-column:1/-1}.field.span-2{grid-column:span 2}.field label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;min-height:40px;color:var(--text);background:var(--surface);transition:border-color var(--transition), box-shadow var(--transition);padding:0 8px;font-size:14px}.field textarea{resize:vertical;padding-top:8px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field input[readonly]{color:var(--text-muted);cursor:not-allowed}.form-actions{justify-content:flex-end;margin-top:16px;display:flex}.sidebar-overlay{z-index:55;opacity:0;visibility:hidden;transition:all var(--transition);background:#00000080;position:fixed;inset:0}.sidebar-overlay.show{opacity:1;visibility:visible}@media (width<=1250px){.period-report-card{grid-template-columns:1fr;align-items:flex-start}.period-presets,.custom-period{flex-wrap:wrap}.warehouse-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=1120px){.metric-strip.four{grid-template-columns:repeat(2,1fr)}}@media (width<=1000px){.user-copy{display:none}}@media (width<=830px){.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.show{transform:translate(0)}.sidebar-close{display:grid}.main-area{margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 16px}.content{padding:16px 16px 32px}}@media (width<=660px){.page-heading p{display:none}.hero-card{flex-direction:column;align-items:flex-start}.hero-actions{width:100%}.hero-actions .button{flex:1}.metric-strip.four,.metric-strip.three,.warehouse-cards{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card{grid-template-columns:minmax(0,1fr)}.kpi-icon{display:none}.kpi-card p,.kpi-card>strong,.kpi-card small{grid-column:1}.section-toolbar{flex-direction:column;align-items:stretch}.filters,.search-field,.filters select{width:100%}.filters input[type=date]{flex:1 1 0;min-width:0}.toolbar-actions{margin-left:0}.toolbar-actions>.button,.modal-footer>.button{flex:auto}.field.full,.field.span-2{grid-column:span 1}.calculation-strip{grid-template-columns:repeat(2,1fr)}.sale-product-summary{grid-template-columns:1fr}.custom-period{flex-direction:column;align-items:stretch;width:100%}.custom-period>span{display:none}.custom-period input{width:100%;max-width:none}.custom-period .button{width:100%}.global-report-filter{flex-direction:column;align-items:stretch}.global-filter-item select,.global-filter-item input{width:100%}.photo-upload-card{flex-direction:column;align-items:flex-start}}@media (width<=430px){.content{padding:12px 12px 32px}.topbar{padding:0 12px}.calculation-strip{grid-template-columns:1fr}.modal{padding:8px}.modal-dialog{max-height:calc(100vh - 16px)}.toast-container{bottom:9px;left:9px;right:9px}.toast{width:100%}}@media print{.sidebar,.topbar,.section-toolbar,.period-report-card,.global-report-filter,.toast-container{display:none!important}.main-area{margin-left:0}.content{padding:0}}.user-menu{position:relative}.user-dropdown{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-large);opacity:0;visibility:hidden;transition:var(--transition);position:absolute;top:calc(100% + 6px);right:0;transform:translateY(-4px)}.user-dropdown.show{opacity:1;visibility:visible;transform:none}.cell-sub{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.card-padded{padding:16px}.card-padded>h3{margin-bottom:12px;font-size:16px}.card-padded .field{margin-bottom:10px}.app-shell{min-height:100vh}.pill{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.pill-green{background:var(--green-soft);color:var(--green)}.pill-red{background:var(--red-soft);color:var(--red)}.pill-grey{background:var(--gray-1);color:var(--gray-7)}.load-error{border:1px solid var(--red);border-radius:var(--radius);background:var(--red-soft);color:var(--red);margin:0 0 12px;padding:10px 12px;font-size:14px}.notice{border:1px solid var(--border);border-radius:var(--radius);background:var(--accent-soft);color:var(--text);margin:0 0 12px;padding:10px 12px;font-size:14px}.field-hint{color:var(--text-muted);margin-top:4px;font-size:12px}.row-actions{white-space:normal}.row-actions .button{margin:2px 0 2px 6px}