:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#2d7a3a;--green-light:#e8f5e9;--green-mid:#4caf50;--red:#d32f2f;--red-light:#ffebee;--orange:#e65100;--orange-light:#fff3e0;--yellow:#f9a825;--gray:#757575;--gray-light:#f5f5f5;--border:#e0e0e0;--text:#212121;--text-muted:#757575;--white:#fff;--shadow:0 2px 8px #0000001a;--radius:8px}body{color:var(--text);background:var(--gray-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}input,select,textarea{font-size:16px}.loading{min-height:200px;color:var(--gray);justify-content:center;align-items:center;font-size:16px;display:flex}.login-page{background:linear-gradient(135deg, var(--green) 0%, #1b5e20 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--white);text-align:center;border-radius:16px;width:100%;max-width:360px;padding:40px 32px;box-shadow:0 8px 32px #0003}.login-logo{margin-bottom:8px;font-size:56px}.login-card h1{color:var(--green);margin-bottom:8px;font-size:22px;font-weight:700}.login-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:14px}.login-card form{flex-direction:column;gap:12px;display:flex}.login-card input[type=tel]{border:2px solid var(--border);border-radius:var(--radius);text-align:center;letter-spacing:4px;outline:none;padding:14px 16px;font-size:20px;transition:border-color .2s}.login-card input[type=tel]:focus{border-color:var(--green)}.lang-switcher{justify-content:center;gap:4px;margin-bottom:16px;display:flex}.lang-switcher button{border:1px solid var(--border);cursor:pointer;color:var(--gray);background:0 0;border-radius:20px;padding:4px 10px;font-size:12px;transition:all .2s}.lang-switcher button.active{background:var(--green);color:var(--white);border-color:var(--green)}.lang-switcher button:hover:not(.active){border-color:var(--green);color:var(--green)}.btn-primary{background:var(--green);color:var(--white);border-radius:var(--radius);cursor:pointer;border:none;padding:12px 24px;font-size:15px;font-weight:600;transition:background .2s}.btn-primary:hover:not(:disabled){background:#1b5e20}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--gray-light);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:10px 20px;font-size:14px;transition:background .2s}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--red);color:var(--white);border-radius:var(--radius);cursor:pointer;border:none;padding:10px 20px;font-size:14px}.btn-danger:hover{background:#b71c1c}.btn-logout{color:var(--white);cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:20px;padding:4px 12px;font-size:13px}.btn-logout:hover{background:#ffffff1a}.btn-large{width:100%;padding:16px;font-size:17px}.btn-sm{padding:6px 12px;font-size:13px}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--green);color:var(--white);box-shadow:var(--shadow);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.app-title{font-size:17px;font-weight:700}.header-right{align-items:center;gap:12px;display:flex}.nav-burger{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;width:36px;height:36px;font-size:18px;display:none}.app-nav{background:var(--white);border-bottom:1px solid var(--border);scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.app-nav a{color:var(--gray);white-space:nowrap;border-bottom:3px solid #0000;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.app-nav a:hover{color:var(--green)}.app-nav a.active{color:var(--green);border-bottom-color:var(--green)}.app-main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:20px}.customer-badge{background:var(--green-light);color:var(--green);border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:13px;font-weight:600;display:inline-block}.badge{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge.submitted{background:var(--green-light);color:var(--green)}.badge.urgent{background:var(--orange-light);color:var(--orange)}.badge.additional{color:#1565c0;background:#e3f2fd}.badge.carryover{color:#e65100;background:#fff3e0;font-weight:700}.carryover-card{background:#fff8f0!important;border:2px solid #ff9800!important}.carryover-card .customer-order-header h3{color:#e65100}.badge.pending-delete{background:var(--red-light);color:var(--red)}.badge.admin{color:#1565c0;background:#e3f2fd;margin-left:8px}.badge.test-badge{color:#7b1fa2;background:#f3e5f5;margin-left:8px}.btn-test-on{font-weight:600;color:#7b1fa2!important;background:#f3e5f5!important;border-color:#ce93d8!important}.btn-test-off{color:#bbb!important;background:#f5f5f5!important;border-color:#e0e0e0!important}.day-toggle-group{flex-wrap:wrap;gap:6px;display:flex}.day-toggle{border:2px solid var(--green);background:var(--green-light);color:var(--green);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .15s}.day-toggle.blocked{border-color:var(--red);background:var(--red-light);color:var(--red);text-decoration:line-through}.order-header{margin-bottom:20px}.order-header h2{font-size:22px;font-weight:700}.order-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.order-date{color:var(--gray);font-size:15px}.template-note{color:var(--green);background:var(--green-light);border-radius:var(--radius);margin-top:8px;padding:6px 12px;font-size:13px;display:inline-block}.cutoff-warning{color:var(--orange);background:var(--orange-light);border-radius:var(--radius);margin-top:8px;padding:6px 12px;font-size:13px}.items-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:24px;display:grid}.order-actions{position:sticky;bottom:20px}.empty-note{color:var(--gray);text-align:center;margin:40px 0;font-size:14px}.dept-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin:16px 0 0;padding-bottom:4px;display:flex;overflow-x:auto}.dept-tabs::-webkit-scrollbar{display:none}.dept-tab{border:1.5px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:12px;flex:none;align-items:center;gap:7px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.dept-tab:hover:not(.active){border-color:var(--green-mid);background:#f0faf1}.dept-tab.active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 2px 10px #2d7a3a4d}.dept-tab-icon{font-size:18px;line-height:1}.dept-tab-label{line-height:1}.dept-tab-count{background:var(--green);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:2px 7px;font-size:11px;font-weight:700;line-height:1.2}.dept-tab.active .dept-tab-count{background:#ffffff47}.dept-tab-myorder{border-color:var(--green-mid)}.dept-tab-myorder:not(.active){color:var(--green);background:#f0faf1}.search-bar{margin:12px 0}.search-bar input{border:1.5px solid var(--border);border-radius:var(--radius);box-sizing:border-box;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s}.search-bar input:focus{border-color:var(--green)}.delivery-date-label-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.delivery-date-label{color:var(--text);font-size:14px;font-weight:700}.date-cards{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:16px;padding-bottom:6px;display:flex;overflow-x:auto}.date-cards::-webkit-scrollbar{display:none}.date-card{cursor:pointer;min-width:62px;color:var(--text);background:#fff;border:2px solid #d0d0d0;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:1px;padding:10px 4px 8px;transition:all .15s;display:flex;position:relative}.date-card:hover:not(.selected){border-color:var(--green);background:#f0faf1}.date-card.selected{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 3px 10px #2d7a3a4d}.date-card.blocked{opacity:.35;pointer-events:none}.date-card.today-highlight{border-color:var(--green-mid);background:#f0faf1}.date-card-weekday{text-transform:uppercase;color:var(--gray);font-size:11px;font-weight:700}.date-card.selected .date-card-weekday{color:#ffffffd9}.date-card-day{color:var(--text);font-size:22px;font-weight:800;line-height:1.1}.date-card.selected .date-card-day{color:#fff}.date-card-month{color:var(--gray);font-size:11px;font-weight:600}.date-card.selected .date-card-month{color:#ffffffd9}.date-card-tag{background:var(--orange);color:#fff;text-transform:uppercase;white-space:nowrap;border-radius:8px;padding:1px 6px;font-size:9px;font-weight:700;position:absolute;top:-8px}.date-card.selected .date-card-tag{color:var(--green);background:#fff}.date-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.date-chip{border:1.5px solid var(--border);background:var(--white);color:var(--gray);cursor:pointer;white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.date-chip.selected{border-color:var(--green);background:var(--green);color:#fff}.date-chip:hover:not(.selected){border-color:var(--green);color:var(--green)}.view-date-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.view-date-tabs{flex-wrap:wrap;gap:4px;display:flex}.view-date-tab{border:1px solid var(--border);color:var(--gray);cursor:pointer;background:0 0;border-radius:12px;padding:3px 10px;font-size:11px;transition:all .1s}.view-date-tab.active{border-color:var(--text);color:var(--text);font-weight:700}.today-orders-section{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.submitted-order-card{background:var(--white);border:1.5px solid var(--border);border-radius:10px;padding:12px 14px}.submitted-order-card.pending-del{opacity:.65;border-color:#f5a623}.submitted-order-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.submitted-order-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.submitted-order-label{color:var(--gray);font-size:13px;font-weight:600}.submitted-order-date{color:var(--text);font-size:14px;font-weight:700}.submitted-order-actions{flex-shrink:0;gap:6px;display:flex}.editing-highlight{box-shadow:0 0 0 2px #2d7a3a33;border-color:var(--green)!important}.edit-mode-banner{background:var(--green);color:#fff;border-radius:var(--radius);margin-bottom:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-block}.submitted-order-items{flex-wrap:wrap;gap:6px;display:flex}.submitted-order-item{background:var(--green-light);color:var(--green);border-radius:6px;padding:3px 8px;font-size:12px}.items-list-compact{flex-direction:column;gap:2px;margin-bottom:80px;display:flex}.item-list-row{background:var(--white);border:1.5px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s;display:flex}.item-list-row.active{border-color:var(--green);background:#f0faf1}.item-list-row.readonly{border:none;padding:6px 0}.cat-chips{flex-wrap:wrap;gap:7px;padding:12px 0 4px;display:flex}.cat-chip{border:1.5px solid var(--border);background:var(--gray-light);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.cat-chip:hover:not(.active){border-color:var(--green-mid);background:#f0faf1}.cat-chip.active{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 2px 6px #2d7a3a40}.cat-chip-count{background:#00000014;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.cat-chip.active .cat-chip-count{background:#ffffff47}.item-list-name{text-align:left;flex:1;min-width:0;font-size:14px;font-weight:500}.item-list-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.item-list-qty{color:var(--green);margin-left:auto;font-size:14px;font-weight:600}.uom-selector{gap:4px;display:flex}.uom-btn{color:var(--text);cursor:pointer;white-space:nowrap;background:#f5f5f5;border:1.5px solid #ccc;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:700;transition:all .1s}.uom-btn.selected{border-color:var(--green);background:var(--green);color:#fff}.uom-single{color:var(--text);white-space:nowrap;font-size:13px;font-weight:600}.qty-input-compact{border:1.5px solid var(--border);text-align:center;border-radius:6px;outline:none;width:60px;padding:5px 8px;font-size:14px;font-weight:600}.qty-input-compact:focus{border-color:var(--green)}.btn-clear-sm{color:var(--gray);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:14px;line-height:1}.btn-clear-sm:hover{color:#e53e3e}.items-list-compact{padding-bottom:90px}.item-row-app{border:1.5px solid var(--border);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:all .15s;display:flex}.item-row-app.active{border-color:var(--green);background:#f3fbf4;box-shadow:0 1px 4px #2d7a3a1f}.item-row-app-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.item-row-app-name{color:var(--text);font-size:15px;font-weight:600}.uom-single-app{color:var(--text);background:#f0f0f0;border-radius:6px;padding:3px 10px;font-size:13px;font-weight:600}.uom-pills{flex-wrap:wrap;gap:6px;display:flex}.uom-pill{color:var(--text);cursor:pointer;background:#fafafa;border:2px solid #e0e0e0;border-radius:20px;padding:5px 14px;font-size:13px;font-weight:700;transition:all .15s}.uom-pill.selected{border-color:#0000;box-shadow:0 1px 4px #00000026}.uom-pill:not(.selected):hover{border-color:#bbb}.item-row-app .uom-selector{flex-wrap:wrap}.item-row-app-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.qty-input-app{text-align:center;width:64px;color:var(--text);background:#fff;border:2px solid #d0d0d0;border-radius:10px;outline:none;padding:10px 8px;font-size:17px;font-weight:700}.qty-input-app:focus{border-color:var(--green);background:#f3fbf4}.qty-input-app::placeholder{color:#ccc}.qty-remove-btn{width:32px;height:32px;color:var(--red);cursor:pointer;background:#fdecea;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.qty-remove-btn:hover{background:var(--red);color:#fff}.qty-remove-spacer{flex-shrink:0;width:32px}.order-bottombar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);z-index:50;background:#fffffff5;margin:0 -20px;padding:12px 0;position:sticky;bottom:0;left:0;right:0}.order-bottombar-inner{gap:10px;max-width:900px;margin:0 auto;padding:0 20px;display:flex}.order-bottombar .btn-large{flex:1}.order-submit-btn{justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.order-cart-count{background:#ffffff4d;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:13px;font-weight:800;display:inline-flex}.form-full{grid-column:1/-1}.uom-toggle-group{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.uom-toggle-btn{border:2px solid var(--border);background:var(--white);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;min-width:52px;padding:6px 12px;transition:all .15s;display:flex}.uom-toggle-btn.active{border-color:var(--green);background:var(--green-light)}.uom-toggle-btn .uom-primary{color:var(--text);font-size:15px;font-weight:700}.uom-toggle-btn .uom-secondary{color:var(--gray);margin-top:1px;font-size:10px}.uom-toggle-btn.active .uom-primary{color:var(--green)}.new-order-section{margin-top:4px}.summary-dates{flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0;display:flex}.summary-section-label{color:var(--gray);margin-right:2px;font-size:13px;font-weight:600}.summary-date-chip{background:var(--green);color:#fff;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.summary-items{border:1px solid var(--border);border-radius:8px;max-height:300px;margin:8px 0 16px;overflow:hidden auto}.summary-item-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:9px 14px;font-size:14px;display:flex}.summary-item-row:last-child{border-bottom:none}.summary-item-row:nth-child(2n){background:#f9fafb}.summary-item-qty{color:var(--green);font-weight:700}.item-card{background:var(--white);border:2px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:14px;transition:border-color .2s,box-shadow .2s;display:flex}.item-card.active{border-color:var(--green);box-shadow:0 2px 8px #2d7a3a26}.item-image{object-fit:cover;border-radius:8px;width:100%;height:120px}.item-info{flex:1}.item-name{font-size:16px;font-weight:600}.item-desc{color:var(--text-muted);margin-top:4px;font-size:12px;line-height:1.4}.item-uom{color:var(--gray);margin-top:4px;font-size:12px;display:block}.item-controls{align-items:center;gap:8px;display:flex}.btn-minus,.btn-plus{border:2px solid var(--green);background:var(--white);width:36px;height:36px;color:var(--green);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:700;line-height:1;transition:all .15s;display:flex}.btn-minus:hover:not(:disabled),.btn-plus:hover{background:var(--green);color:var(--white)}.btn-minus:disabled{opacity:.3;cursor:not-allowed}.qty-display{text-align:center;min-width:40px;color:var(--text);font-size:22px;font-weight:700}.qty-input{text-align:center;border:2px solid var(--border);border-radius:var(--radius);width:70px;padding:4px 8px;font-size:18px;font-weight:700}.qty-uom{color:var(--gray);font-size:13px}.btn-clear{color:var(--red);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;font-size:14px}.item-qty-display{color:var(--green);font-size:16px;font-weight:600}.no-order{color:var(--text-muted);font-size:14px;font-weight:400}.history-page .page-header{margin-bottom:20px}.history-page h2{font-size:22px;font-weight:700}.subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.history-list{flex-direction:column;gap:10px;display:flex}.history-card{background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden}.history-card-header{cursor:pointer;align-items:center;gap:12px;padding:14px 16px;display:flex}.history-card-header:hover{background:var(--gray-light)}.history-date-row{flex:1;align-items:center;gap:8px;display:flex}.history-date{font-size:15px;font-weight:600}.history-summary{color:var(--text-muted);font-size:13px}.expand-icon{color:var(--gray);font-size:12px}.history-items{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:14px 16px 18px;display:grid}.history-item-chip{background:var(--green-light);border:1px solid #c8e6c9;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.history-item-name{color:var(--text);font-size:13px;font-weight:500;line-height:1.3}.history-item-qty{color:var(--green);font-size:18px;font-weight:700;line-height:1}.history-item-uom{color:var(--gray);font-size:12px;font-weight:500}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.admin-header h2{font-size:22px;font-weight:700}.admin-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-controls input[type=date]{border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;font-size:14px}.view-toggle{border:1px solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.view-toggle button{background:var(--white);cursor:pointer;border:none;padding:8px 16px;font-size:13px}.view-toggle button.active{background:var(--green);color:var(--white)}.individual-orders{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.customer-order-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:14px}.customer-order-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.customer-order-header h3{margin:0;font-size:14px;font-weight:700}.customer-order-address{color:var(--gray);margin-top:2px;font-size:12px}.order-table{border-collapse:collapse;width:100%;font-size:13px}.order-table td{border-bottom:1px solid var(--gray-light);text-align:left;padding:4px 0}.qty-cell{text-align:right;color:var(--green);white-space:nowrap;font-weight:600}.agg-table{border-collapse:collapse;background:var(--white);width:100%;box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.agg-table th{background:var(--green);color:var(--white);text-align:left;padding:10px 16px;font-size:14px}.agg-table td{border-bottom:1px solid var(--gray-light);padding:10px 16px;font-size:14px}.agg-table tr:last-child td{border-bottom:none}.pending-deletes-section{background:var(--red-light);border:1px solid #ef9a9a;border-radius:12px;margin-bottom:20px;padding:14px}.pending-deletes-section h3{color:var(--red);margin-bottom:10px;font-size:15px}.pending-delete-card{border-top:1px solid #ef9a9a;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h2{font-size:22px;font-weight:700}.customers-list,.items-list{flex-direction:column;gap:8px;display:flex}.customer-row,.item-row{background:var(--white);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.customer-info{flex:1}.customer-phone,.customer-address{color:var(--gray);margin-top:2px;font-size:13px}.item-row-info{flex:1}.item-row-info strong{font-size:15px}.item-row-actions{flex-shrink:0;gap:6px;display:flex}.text-muted{color:var(--text-muted)}.item-row-meta{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}.dept-badge{color:#1565c0;background:#e3f2fd;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.cat-badge{color:#e65100;background:#fff3e0;border-radius:10px;padding:2px 8px;font-size:11px}.uom-badge{background:var(--green-light);color:var(--green);border-radius:10px;padding:2px 8px;font-size:11px}.badge-hidden{background:var(--red-light);color:var(--red);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.item-row.item-hidden{opacity:.45}.item-row.item-hidden:hover{opacity:.7}.item-thumb{object-fit:cover;border-radius:6px;width:44px;height:44px}.search-input{border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;margin-bottom:16px;padding:10px 16px;font-size:14px}.search-input:focus{border-color:var(--green)}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:16px;width:100%;max-width:420px;padding:28px;box-shadow:0 8px 32px #0003}.modal-wide{max-width:580px}.modal-import{flex-direction:column;max-width:640px;padding:0;display:flex}.import-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.import-modal-header h3{margin:0;font-size:17px;font-weight:700}.btn-icon-close{color:var(--gray);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:16px}.btn-icon-close:hover{background:var(--gray-light)}.import-hint{color:var(--text-muted);padding:12px 24px 4px;font-size:13px}.import-textarea{border:1.5px solid var(--border);resize:vertical;border-radius:8px;outline:none;height:340px;margin:12px 24px;padding:12px;font-family:Courier New,monospace;font-size:13px;line-height:1.6}.import-textarea:focus{border-color:var(--green)}.modal-import .modal-actions{border-top:1px solid var(--border);margin:0;padding:12px 24px 20px}.import-preview{overscroll-behavior:contain;-webkit-user-select:none;user-select:none;height:360px;padding:12px 24px;overflow-y:scroll}.import-preview>.import-section{margin-bottom:12px}.import-section{border:1px solid var(--border);border-radius:10px;overflow:hidden}.import-section-hdr{align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.import-section-hdr.ok{background:#e8f5e9}.import-section-hdr.fail{background:#fdecea}.import-icon{flex-shrink:0;font-size:15px}.import-matched-as{color:var(--gray);font-size:12px}.import-warn-text{color:var(--red);font-size:12px}.import-items-list{flex-direction:column;gap:4px;padding:8px 14px 10px;display:flex}.import-item-row{align-items:center;gap:8px;padding:2px 0;font-size:13px;display:flex}.import-item-row.ok .import-item-icon{color:var(--green);font-weight:700}.import-item-row.fail .import-item-icon{color:var(--red);font-weight:700}.import-item-name{flex:1}.import-item-qty{color:var(--green);text-align:right;min-width:60px;font-weight:600}.import-item-warn{color:var(--red);background:#fdecea;border-radius:4px;padding:1px 6px;font-size:11px}.import-summary{color:var(--text);background:var(--gray-light);flex-shrink:0;padding:10px 24px;font-size:13px;font-weight:600}.import-summary-warn{color:var(--gray);font-weight:400}.modal h3{margin-bottom:16px;font-size:17px;font-weight:700}.modal p{margin-bottom:20px;font-size:15px;line-height:1.5}.modal label{color:var(--gray);flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.modal input,.modal select,.modal textarea{border:1px solid var(--border);border-radius:var(--radius);outline:none;padding:10px 12px;font-size:14px}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--green)}.modal textarea{resize:vertical;min-height:60px}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.checkbox-label{cursor:pointer;align-items:center;flex-direction:row!important;gap:8px!important}.checkbox-label input{width:auto}.assign-list{flex-direction:column;gap:4px;max-height:320px;display:flex;overflow-y:auto}.assign-row{cursor:pointer;border-bottom:1px solid var(--gray-light);align-items:center;gap:10px;padding:8px 4px;font-size:14px;display:flex}.assign-row:hover{background:var(--gray-light)}.error-msg{color:var(--red);font-size:13px}.empty-state{text-align:center;color:var(--text-muted);padding:48px 20px;font-size:15px}.invoice-page{max-width:900px;margin:0 auto}.inv-steps{gap:6px;margin-bottom:20px;display:flex}.inv-step-btn{border:2px solid var(--border);background:var(--white);color:var(--text);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 10px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.inv-step-btn:hover{border-color:var(--green)}.inv-step-btn.active{background:var(--green);color:var(--white);border-color:var(--green)}.inv-step-btn.disabled{opacity:.4;cursor:not-allowed}.inv-step-num{background:var(--gray-light);width:24px;height:24px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.inv-step-btn.active .inv-step-num{color:var(--white);background:#ffffff4d}.inv-panel{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:24px}.inv-panel h3{margin-bottom:16px;font-size:18px}.inv-panel-wide{padding:20px}.inv-panel-hdr{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.inv-panel-hdr h3{margin-bottom:0}.inv-sub{color:var(--gray);margin-top:2px;font-size:13px}.inv-save-row{align-items:center;gap:10px;display:flex}.inv-saved{color:var(--green);font-size:18px;font-weight:700}.inv-date-label{color:var(--green);background:var(--green-light);border-radius:6px;padding:6px 14px;font-size:15px;font-weight:600}.inv-date-input{border:2px solid var(--border);border-radius:8px;width:100%;max-width:260px;margin-bottom:12px;padding:12px 16px;font-size:16px}.inv-date-input:focus{border-color:var(--green);outline:none}.inv-info{color:var(--gray);margin-bottom:16px;font-size:14px}.inv-price-table{border-collapse:collapse;width:100%}.inv-price-table th{text-align:left;color:var(--green);border-bottom:2px solid var(--green);padding:10px 12px;font-size:13px;font-weight:700}.inv-price-table td{color:var(--text);border-bottom:1px solid #e8e8e8;padding:8px 12px;font-size:14px}.inv-price-table tr:hover{background:#f8fdf8}.inv-price-table .col-name{width:auto;font-weight:500}.inv-price-table .col-uom{text-align:center;width:90px}.inv-price-table .col-cost{width:100px}.inv-price-table .col-cost input{text-align:right;width:100%;color:var(--text);background:#fff;border:1.5px solid #d0d0d0;border-radius:6px;outline:none;padding:6px 10px;font-size:14px}.inv-price-table .col-cost input:focus{border-color:var(--green);background:#f0faf1}.inv-price-table .col-price{width:100px}.inv-price-table .col-lastdate{text-align:center;width:70px;font-size:11px}.inv-price-table .col-margin{text-align:center;width:65px;font-size:12px;font-weight:700}.margin-pos{color:var(--green)}.margin-neg{color:var(--red)}.margin-na{color:#ccc}.col-lastdate.date-today{color:var(--green);font-weight:600}.col-lastdate.date-old{color:var(--gray)}.col-lastdate.date-na{color:#ccc;font-style:italic}.uom-bubble{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.uom-green{color:#2e7d32;background:#e8f5e9}.uom-orange{color:#e65100;background:#fff3e0}.uom-purple{color:#7b1fa2;background:#f3e5f5}.uom-teal{color:#00695c;background:#e0f2f1}.uom-brown{color:#5d4037;background:#efebe9}.uom-blue{color:#1565c0;background:#e3f2fd}.uom-pink{color:#c62828;background:#fce4ec}.uom-lime{color:#558b2f;background:#f1f8e9}.uom-indigo{color:#283593;background:#e8eaf6}.uom-red{color:#c62828;background:#ffebee}.uom-amber{color:#ff8f00;background:#fff8e1}.uom-cyan{color:#00838f;background:#e0f7fa}.uom-gray{color:#616161;background:#f5f5f5}.inv-price-table .col-price input{text-align:right;width:100%;color:var(--text);background:#fff;border:1.5px solid #d0d0d0;border-radius:6px;outline:none;padding:8px 10px;font-size:14px}.inv-price-table .col-price input:focus{border-color:var(--green);background:#f0faf1}.inv-cust-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.inv-cust-card{cursor:pointer;text-align:left;background:#fff;border:2px solid #d0d0d0;border-radius:10px;flex-direction:column;padding:16px 18px;transition:all .15s;display:flex}.inv-cust-card:hover{border-color:var(--green);background:#f0faf1}.inv-cust-card.selected{border-color:var(--green);background:var(--green);color:#fff}.inv-cc-name{color:var(--text);font-size:15px;font-weight:600}.inv-cust-card.selected .inv-cc-name{color:#fff}.inv-cc-addr{color:#666;margin-top:4px;font-size:12px}.inv-cust-card.selected .inv-cc-addr{color:#fffc}.inv-invoice-tbl{border-collapse:collapse;width:100%}.inv-invoice-tbl th{border:1.5px solid var(--green);background:var(--green-light);color:var(--green);padding:10px;font-size:15px}.inv-invoice-tbl th small{color:var(--gray);font-size:11px;font-weight:400;display:block}.inv-invoice-tbl td{color:var(--text);border:1px solid #ddd;padding:0;font-size:14px}.inv-invoice-tbl .col-iqty,.inv-invoice-tbl .col-iuom{width:75px}.inv-invoice-tbl .col-iname{text-align:left;padding:8px 12px;font-weight:500}.inv-invoice-tbl .col-iname select{border:1px dashed var(--border);background:var(--white);cursor:pointer;width:100%;color:var(--text);border-radius:4px;outline:none;padding:2px 4px;font-size:14px;font-weight:500}.inv-invoice-tbl .col-iname select:hover{border-color:var(--green)}.inv-invoice-tbl .col-iuom select{border:1px dashed var(--border);background:var(--white);cursor:pointer;width:100%;color:var(--text);text-align:center;border-radius:4px;outline:none;padding:2px;font-size:13px}.inv-invoice-tbl .col-iuom select:hover{border-color:var(--green)}.logout-group{flex-direction:column;align-items:center;gap:2px;display:flex}.app-version{color:#ffffff80;font-size:10px;line-height:1}.inv-invoice-tbl .col-iprice{width:100px}.inv-invoice-tbl .col-iamt{text-align:right;width:100px;color:var(--green);padding:8px 12px;font-weight:600}.inv-invoice-tbl td input{width:100%;color:var(--text);text-align:center;background:#fff;border:none;outline:none;padding:8px 10px;font-size:14px}.inv-invoice-tbl .col-iprice input{text-align:right}.inv-invoice-tbl td input:focus{background:#f0faf1}.inv-invoice-tbl tr:hover{background:#fafffe}.inv-tfoot td{border-top:2.5px solid var(--green);padding:10px 12px;font-weight:700}.inv-tfoot-label{text-align:right;color:var(--text);font-size:15px}.inv-tfoot-val{text-align:right;color:var(--green);font-size:18px}.col-ispoil{text-align:center;width:50px}.spoil-toggle{cursor:pointer;background:0 0;border:none;padding:2px;font-size:18px;line-height:1}.spoil-row{background:#fff5f5!important}.spoil-row td{opacity:.6}.spoil-row .col-ispoil,.spoil-row .col-imargin{opacity:1}.spoil-strike{color:var(--red);text-decoration:line-through}.margin-spoil{color:var(--red);font-style:italic}.col-imargin{text-align:center;width:80px;font-size:12px;font-weight:700;border-left:2px dashed #ddd!important}.inv-tfoot-margin{text-align:center;font-size:12px;font-weight:700;line-height:1.3;border-left:2px dashed #ddd!important}.report-page{max-width:900px;margin:0 auto}.rpt-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:16px;display:flex}.rpt-dates{gap:12px;display:flex}.rpt-dates label{color:var(--gray);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.rpt-dates input{border:1.5px solid var(--border);border-radius:6px;outline:none;padding:8px 12px;font-size:14px}.rpt-dates input:focus{border-color:var(--green)}.rpt-section{margin-bottom:22px}.rpt-section-title{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:6px;font-size:12px;font-weight:700}.rpt-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:0;display:grid}.storage-gauge{background:var(--gray-light);border-radius:10px;margin-top:16px;padding:14px 16px}.storage-gauge-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-bottom:8px;display:flex}.storage-gauge-label{color:var(--text);font-size:13px;font-weight:600}.storage-gauge-val{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.storage-bar{background:#e0e0e0;border-radius:6px;height:12px;overflow:hidden}.storage-bar-fill{border-radius:6px;height:100%;transition:width .4s}.storage-bar-fill.storage-ok{background:var(--green)}.storage-bar-fill.storage-warn{background:var(--yellow)}.storage-bar-fill.storage-danger{background:var(--red)}.storage-gauge-val.storage-ok{color:var(--green)}.storage-gauge-val.storage-warn{color:var(--orange)}.storage-gauge-val.storage-danger{color:var(--red)}.storage-hint{margin-top:8px;font-size:12px;font-weight:500}.storage-hint.storage-warn{color:var(--orange)}.storage-hint.storage-danger{color:var(--red)}.rpt-card{border:2px solid var(--border);cursor:pointer;color:var(--text);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:16px 18px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.rpt-card:hover{border-color:var(--green);background:#f0faf1}.rpt-card.active{border-color:var(--green);background:var(--green);color:#fff}.rpt-icon{font-size:20px}.rpt-label{flex:1}.rpt-panel{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.rpt-table{border-collapse:collapse;width:100%}.rpt-table th{text-align:left;color:var(--green);border-bottom:2px solid var(--green);background:#f8fdf8;padding:10px 14px;font-size:12px;font-weight:700}.rpt-table td{color:var(--text);border-bottom:1px solid #f0f0f0;padding:8px 14px;font-size:13px}.rpt-table tr:hover{background:#fafffe}.rpt-items{color:var(--gray);max-width:300px;font-size:11px}.rpt-amt{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.rpt-center{text-align:center}.rpt-table tfoot td{border-top:2px solid var(--green);background:#f8fdf8;font-weight:700}.rpt-total-label{text-align:right;font-size:14px}.rpt-grand{color:var(--green);font-size:16px}.inv-push-section{background:var(--gray-light);border:1px solid var(--border);border-radius:10px;margin-top:24px;padding:16px}.inv-push-section h4{margin-bottom:6px;font-size:14px}.inv-push-daterow{margin-bottom:10px}.inv-push-datelabel{color:var(--gray);flex-direction:column;gap:4px;max-width:220px;font-size:12px;font-weight:600;display:flex}.inv-push-datelabel input{border:1.5px solid var(--border);border-radius:6px;padding:8px 12px;font-size:14px}.inv-push-info{color:var(--gray);margin-bottom:10px;font-size:13px}.inv-push-empty{color:var(--gray);font-size:13px;font-style:italic}.btn-push{color:#fff;cursor:pointer;background:#1565c0;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700}.btn-push:hover{background:#0d47a1}.btn-push:disabled{opacity:.5;cursor:not-allowed}.inv-push-done{color:var(--green);font-size:14px;font-weight:700}.inv-push-warn{color:var(--orange);margin-top:10px;font-size:12px}.push-page{max-width:900px;margin:0 auto}.push-page h2{margin-bottom:16px}.push-date-section{margin-bottom:20px}.push-status{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:16px;padding:14px 18px}.push-stat-row{flex-wrap:wrap;gap:20px;font-size:14px;display:flex}.push-stat-row strong{color:var(--green)}.push-warn-card{background:#fff8f0;border:2px solid #ff9800;border-radius:10px;margin-bottom:12px;padding:14px 18px}.push-warn-card strong{color:#e65100;margin-bottom:4px;display:block}.push-warn-card p{color:var(--gray);margin-bottom:6px;font-size:13px}.push-warn-card ul{color:var(--text);padding-left:20px;font-size:13px;list-style:outside}.push-empty{text-align:center;color:var(--gray);padding:40px;font-size:14px;font-style:italic}.push-done-card{border:2px solid var(--green);text-align:center;color:var(--green);background:#e8f5e9;border-radius:10px;margin-bottom:16px;padding:18px;font-size:16px;font-weight:700}.push-action{text-align:center;margin-bottom:20px}.btn-push-large{color:#fff;cursor:pointer;background:#1565c0;border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:700}.btn-push-large:hover{background:#0d47a1}.btn-push-large:disabled{opacity:.5;cursor:not-allowed}.push-action-warn{color:var(--orange);margin-top:10px;font-size:12px}.push-inv-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.push-inv-card{border:1.5px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:4px;padding:14px;display:flex}.push-inv-card.pushed{opacity:.6}.push-inv-name{font-size:14px;font-weight:700}.push-inv-meta{color:var(--gray);font-size:12px}.push-inv-status{margin-top:4px}.badge.pushed-badge{color:var(--green);background:#e8f5e9}.badge.pending-badge{color:#e65100;background:#fff3e0}.locked-badge{color:#e65100;vertical-align:middle;background:#fff3e0;border-radius:12px;margin-left:10px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.inv-invoice-tbl input:disabled{color:#999;cursor:not-allowed;background:#f5f5f5}.spoil-toggle:disabled{opacity:.4;cursor:not-allowed}.test-quote-banner{color:#e65100;background:#fff3e0;border:2px solid #ff9800;border-radius:10px;margin-bottom:16px;padding:14px 16px;font-size:14px;font-weight:700;line-height:1.5}.test-quote-tbl{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden}.test-quote-tbl th{background:var(--green-light);color:var(--green);padding:10px;font-size:14px}.test-quote-tbl td{border-bottom:1px solid #eee;padding:10px;font-size:14px}.test-quote-tbl .c{text-align:center}.test-quote-tbl .r{text-align:right}.test-quote-tbl tfoot td{border-top:2px solid var(--green);font-weight:700}.test-quote-total{color:var(--green);font-size:16px}.test-quote-note{color:var(--gray);margin:12px 0;font-size:13px;font-style:italic}.cust-report-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:16px;display:flex}.cust-report-controls label{color:var(--gray);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.cust-report-controls input{border:1.5px solid var(--border);border-radius:6px;padding:8px 12px;font-size:14px}.btn-secondary.active-toggle{background:var(--green);color:#fff;border-color:var(--green)}.cust-report-card{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:16px;padding:16px}.cust-report-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.cust-report-tbl,.cust-inv-tbl{border-collapse:collapse;width:100%;font-size:13px}.cust-report-tbl th,.cust-inv-tbl th{text-align:left;color:var(--green);border-bottom:2px solid var(--green-light);padding:8px 10px;font-size:12px}.cust-report-tbl td,.cust-inv-tbl td{border-bottom:1px solid #f0f0f0;padding:8px 10px}.cust-report-tbl .c,.cust-inv-tbl .c{text-align:center}.cust-report-tbl .r,.cust-inv-tbl .r{text-align:right}.cust-inv-detail{border-top:1px solid var(--border);padding:12px 16px 16px}.cust-inv-tbl tfoot td{border-top:2px solid var(--green);padding-top:8px}@media (width<=768px){.app-main{padding:12px}.items-grid{grid-template-columns:1fr}.individual-orders{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr}.nav-burger{display:block}.app-nav{z-index:200;flex-direction:column;width:75%;max-width:280px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:2px 0 16px #0003}.app-nav.open{transform:translate(0)}.app-nav a{border-bottom:1px solid var(--border);border-left:4px solid #0000;padding:16px 20px;font-size:16px}.app-nav a.active{border-bottom-color:var(--border);border-left-color:var(--green);background:var(--green-light)}.app-title{font-size:15px}.header-right{gap:8px}.lang-switcher button{padding:4px 8px;font-size:12px}.admin-controls{flex-wrap:wrap;width:100%}.inv-price-table,.inv-invoice-tbl,.rpt-table{font-size:12px}.inv-grid{grid-template-columns:1fr!important}.inv-steps{flex-wrap:wrap}.inv-step-btn{flex:calc(50% - 3px);min-width:0;padding:10px 6px;font-size:13px}.inv-panel-wide{overflow-x:auto}.inv-invoice-tbl{min-width:540px}.inv-price-table{min-width:480px}.customer-order-card{width:100%}.rpt-grid{grid-template-columns:1fr 1fr}.rpt-card{padding:14px 12px;font-size:13px}.date-chips{gap:6px}.order-bottombar{margin:0 -12px}.order-bottombar-inner{padding:0 12px}}@media (width<=420px){.rpt-grid{grid-template-columns:1fr}.dept-tab-label{font-size:13px}.item-list-row{flex-wrap:wrap;gap:6px}.item-list-name{flex:100%}}.settings-page{max-width:600px;margin:0 auto;padding:16px}.settings-section{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:20px}.settings-section h3{margin-bottom:4px;font-size:16px}.settings-desc{color:#888;margin-bottom:12px;font-size:13px}.settings-lang-btns{gap:8px;display:flex}.settings-lang-btn{border:2px solid var(--border);background:var(--card);cursor:pointer;border-radius:8px;flex:1;padding:12px;font-size:15px;font-weight:600;transition:all .15s}.settings-lang-btn.active{border-color:var(--green);color:var(--green);background:#e8f5e9}.settings-toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-info{flex:1;margin-right:16px}.settings-toggle-label{font-size:15px;font-weight:600;display:block}.settings-toggle-desc{color:#888;margin-top:2px;font-size:12px;display:block}.settings-switch{cursor:pointer;background:#ccc;border:none;border-radius:14px;flex-shrink:0;width:52px;height:28px;transition:background .2s;position:relative}.settings-switch.on{background:var(--green)}.settings-switch-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.settings-switch.on .settings-switch-knob{transform:translate(24px)}.settings-save-row{justify-content:flex-end;align-items:center;gap:12px;display:flex}.settings-saved{color:var(--green);font-size:18px;font-weight:600}.badge.internal-badge{color:#1565c0;background:#e3f2fd}.assign-customer-list{border:1px solid var(--border);border-radius:8px;max-height:200px;padding:4px;overflow-y:auto}.assign-customer-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.assign-customer-item:hover{background:#f5f5f5}.assign-customer-item.selected{background:#e8f5e9}.assign-customer-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}.fav-btn{cursor:pointer;color:#ccc;background:0 0;border:2px solid #ddd;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;transition:all .15s;display:flex}.fav-btn.active{color:#f5a623;background:#fef8e8;border-color:#f5a623}.internal-stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.internal-stat-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.internal-stat-label{color:#888;font-size:13px}.internal-stat-val{font-size:22px;font-weight:700}.internal-stat-val.sales{color:#1565c0}.internal-stat-val.cost{color:#e65100}.internal-stat-val.profit{color:var(--green)}.internal-stat-val.loss{color:#c62828}.col-ifree{text-align:center}.free-toggle{cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.free-toggle:disabled{cursor:default;opacity:.6}.addon-row{background:#f0f7ff}.addon-row input[type=text],.addon-row select{background:#fff;border:1px dashed #b0c4de;border-radius:4px;outline:none;width:100%;padding:2px 4px;font-size:14px}.addon-row input[type=text]:focus,.addon-row select:focus{border-color:var(--green)}.addon-name-cell{min-width:160px}.addon-name-cell input{font-weight:500}.btn-rm-addon{color:var(--red);cursor:pointer;vertical-align:middle;background:0 0;border:none;padding:0 0 0 6px;font-size:14px;font-weight:700;line-height:1}.btn-rm-addon:hover{color:#b71c1c}.addon-add-row td{border:none;padding:6px 8px}.btn-add-addon{border:1.5px dashed var(--green);width:100%;color:var(--green);cursor:pointer;letter-spacing:.5px;background:0 0;border-radius:6px;padding:5px 0;font-size:13px;font-weight:600}.btn-add-addon:hover{background:var(--green-light)}tr.free-row{background:#e8f5e9}@media (width<=600px){.internal-stat-grid{grid-template-columns:repeat(2,1fr)}}