: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%}*{box-sizing:border-box}body{color:#222;background:#fff5e6;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}.app{min-height:100vh}.shop-header{color:#036;text-align:center;background:linear-gradient(135deg,orange 0%,#ff8c00 100%);padding:20px 15px;box-shadow:0 2px 8px #0000001a}.shop-header h1{text-shadow:1px 1px 2px #ffffff4d;margin:0;font-size:28px;font-weight:700}.shop-title{color:#0052a3;-webkit-text-stroke:1.5px white;text-stroke:1.5px white;paint-order:stroke fill;font-family:Cooper Black,Arial,sans-serif;font-size:28px;font-weight:700}.shop-subtitle{color:#f6f9f7fa;text-align:center;opacity:.9;margin:8px 0 0;font-family:Segoe Print,serif;font-size:16px}.shop-header p{opacity:.8;margin:6px 0 0;font-size:14px}.product-page{max-width:1100px;margin:auto;padding:15px 15px 110px}.search-box{margin-bottom:15px}.search-box input{background:#fff;border:2px solid #ddd;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-size:16px}.search-box input:focus{border-color:orange;box-shadow:0 0 0 3px #ffa5001a}.categories{gap:8px;margin-bottom:5px;padding-bottom:10px;display:flex;overflow-x:auto}.category{white-space:nowrap;cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:20px;padding:9px 14px;font-weight:500;transition:all .3s}.category:hover{border-color:orange}.category.active{color:#fff;background:orange;border-color:orange;font-weight:700}.product-heading{color:#fff;background:linear-gradient(135deg,#036 0%,#004d99 100%);border-radius:6px;grid-template-columns:60px minmax(220px,1fr) 90px 70px 150px 100px;align-items:center;margin-bottom:8px;padding:10px 15px;font-size:13px;font-weight:700;display:grid}.product-heading-code,.product-heading-name,.product-heading-price,.product-heading-per{text-align:left}.product-heading-qty{text-align:center}.product-heading-total{text-align:right}.category-section{margin-bottom:12px}.category-heading{text-align:left;color:#fff;border-radius:6px;margin:12px 0 8px;padding:12px 15px;font-size:15px;font-weight:700;box-shadow:0 2px 4px #0000001a}.products{flex-direction:column;display:flex}.product-card{background:#fff;border-left:4px solid orange;border-radius:8px;grid-template-columns:60px minmax(220px,1fr) 90px 70px 150px 100px;align-items:center;min-height:64px;margin-bottom:6px;padding:10px 15px;display:grid;box-shadow:0 1px 3px #00000014}.product-code-cell{color:#666;text-align:left;font-size:13px;font-weight:500}.product-name-cell{text-align:left}.product-name{text-align:left;color:#222;font-size:15px;font-weight:600}.product-price-cell{text-align:left;color:#dc143c;font-size:15px;font-weight:700}.product-per-cell{color:#228b22;text-align:left;font-size:13px;font-weight:500}.product-total-cell{text-align:right;color:#dc143c;font-size:16px;font-weight:700}.mobile-per{display:none}.quantity-control{justify-content:center;align-items:center;gap:8px;display:flex}.quantity-button{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:50%;width:36px;height:36px;font-size:22px;font-weight:700;transition:all .2s}.quantity-button:hover{background:#0052a3}.quantity-button:active{transform:scale(.95)}.quantity{text-align:center;color:#333;min-width:25px;font-size:16px;font-weight:700}.bottom-bar{background:linear-gradient(135deg,orange 0%,#ff8c00 100%);border-top:3px solid #ff6b00;align-items:center;gap:15px;padding:12px 15px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #00000026}.cart-info{flex:1}.cart-info span{color:#036;font-size:13px;font-weight:500;display:block}.cart-info strong{color:#dc143c;font-size:20px;font-weight:700;display:block}.view-order-button{color:#fff;cursor:pointer;background:#dc143c;border:none;border-radius:8px;padding:12px 20px;font-weight:700;transition:all .2s}.view-order-button:hover:not(:disabled){background:#b22222;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.view-order-button:disabled{cursor:not-allowed;background:#ccc}.no-products{text-align:center;color:#777;padding:40px 10px}@media (width<=700px){.shop-header h1{font-size:20px}.product-page{padding:10px 10px 105px}.product-heading{display:none}.category-heading{margin-top:10px;padding:9px 10px;font-size:14px}.product-card{grid-template-columns:42px 1fr auto;grid-template-areas:"code name total""code price quantity";min-height:78px;padding:12px}.product-code-cell{grid-area:code;align-self:start;padding-top:3px}.product-name-cell{grid-area:name}.product-price-cell{color:#dc143c;grid-area:price;margin-top:5px;font-size:13px;font-weight:700}.product-per-cell{display:none}.mobile-per{color:#228b22;margin-top:3px;font-size:12px;font-weight:500;display:block}.quantity-control{grid-area:quantity;justify-content:flex-end;margin-top:5px}.product-total-cell{text-align:right;color:#dc143c;grid-area:total;align-self:start;font-size:14px;font-weight:700}.quantity-button{width:34px;height:34px}.quantity{min-width:22px}}.order-page{background:#fff5e6;min-height:100vh}.order-summary{max-width:850px;margin:20px auto;padding:0 15px 40px}.order-header{text-align:center;color:#036;background:linear-gradient(135deg,orange 0%,#ff8c00 100%);border-radius:10px 10px 0 0;padding:20px}.order-header h1{margin:0;font-size:23px;font-weight:700}.order-header h2{letter-spacing:1px;margin:8px 0 0;font-size:17px;font-weight:700}.order-information{background:#fff;border-bottom:2px solid orange;grid-template-columns:1fr 1fr 1fr;gap:15px;padding:14px 20px;display:grid}.order-information div{flex-direction:column;gap:5px;display:flex}.order-information span{color:#888;font-size:13px;font-weight:500}.order-information strong{color:#036;font-size:15px;font-weight:700}.customer-summary{background:#fff;border-bottom:1px solid #ddd;padding:16px 20px}.customer-name{margin-bottom:4px;font-size:18px;font-weight:700}.customer-address{white-space:pre-wrap;font-size:15px;line-height:1.5}.customer-pin,.customer-phone{margin-top:3px;font-size:14px}.order-items{-webkit-overflow-scrolling:touch;background:#fff;overflow-x:auto}.order-table-heading{color:#fff;background:linear-gradient(135deg,#036 0%,#004d99 100%);border-radius:0;grid-template-columns:34px minmax(0,1.7fr) 52px 72px 90px;gap:8px;min-width:320px;padding:8px 20px;font-size:11px;font-weight:700;display:grid}.order-table-heading div:first-child,.order-table-heading div:nth-child(2){text-align:left}.order-table-heading div:nth-child(n+3){text-align:right}.order-item{border-bottom:1px solid #eee;grid-template-columns:34px minmax(0,1.7fr) 52px 72px 90px;align-items:center;gap:8px;min-width:320px;padding:6px 20px;display:grid}.order-item-details{text-align:left}.order-item-code{color:#222;text-align:left;font-size:14px;font-weight:600}.order-item-name{color:#222;text-align:left;word-break:break-word;min-width:0;font-size:14px;font-weight:600}.order-item-quantity,.order-item-rate,.order-item-total{text-align:right;color:#333;font-size:15px}.order-item-rate,.order-item-total{color:#dc143c;font-weight:700}@media (width<=700px){.order-summary{padding:0 10px 40px}.order-header{padding:16px 12px}.order-header h1{font-size:18px}.order-header h2{letter-spacing:.5px;font-size:15px}.order-information{grid-template-columns:1fr;gap:10px;padding:12px 14px}.customer-summary{padding:14px 12px}.order-table-heading,.order-item{grid-template-columns:26px minmax(0,1fr) 38px 52px 70px;gap:4px;min-width:260px;padding:8px}.order-table-heading{font-size:10px}.order-item-code,.order-item-name,.order-item-quantity,.order-item-rate,.order-item-total{font-size:12px}}.order-total-section{background:#fff;border-radius:0 0 10px 10px;padding:16px 20px}.total-items-row{color:#666;justify-content:space-between;font-size:14px;display:flex}.grand-total{border-top:3px solid orange;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.grand-total span{color:#036;font-size:17px;font-weight:700}.grand-total strong{color:#dc143c;font-size:24px;font-weight:700}.order-actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.order-actions button{cursor:pointer;border:none;border-radius:9px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .2s}.save-image-button{color:#fff!important;background:linear-gradient(135deg,orange 0%,#ff8c00 100%)!important}.save-image-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #ffa5004d}.print-button{color:#fff!important;background:linear-gradient(135deg,#06c 0%,#0052a3 100%)!important}.print-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0066cc4d}.copy-button{color:#fff!important;background:linear-gradient(135deg,#228b22 0%,#1a6b1a 100%)!important}.copy-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #228b224d}.back-products-button{font-weight:700;color:#222!important;background:#ddd!important}.back-products-button.new-order-button{color:#fff!important;background:linear-gradient(135deg,#17a34a 0%,#22b55d 50%,#129249 100%)!important}.back-products-button:hover{transform:translateY(-2px);background:#ccc!important}.back-products-button.new-order-button:hover{transform:translateY(-1px);background:linear-gradient(135deg,#0f8a3d 0%,#1e9f52 50%,#118346 100%)!important}.customer-page{max-width:600px;margin:25px auto;padding:0 15px 30px}.customer-form{background:#fff;border-top:4px solid orange;border-radius:12px;padding:25px;box-shadow:0 1px 5px #00000014}.customer-form h2{color:#036;margin-top:0;margin-bottom:25px;font-size:20px;font-weight:700}.customer-form label{color:#036;margin-top:16px;margin-bottom:6px;font-size:14px;font-weight:700;display:block}.customer-form input,.customer-form textarea{background:#fff;border:2px solid #ddd;border-radius:8px;outline:none;width:100%;padding:13px 14px;font-size:16px}.customer-form textarea{resize:vertical;min-height:90px}.customer-form input:focus,.customer-form textarea:focus{border-color:orange;box-shadow:0 0 0 3px #ffa5001a}.generate-order-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06c 0%,#0052a3 100%);border:none;border-radius:10px;width:100%;margin-top:25px;padding:15px;font-size:15px;font-weight:700;transition:all .2s}.generate-order-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0066cc4d}.generate-order-button:active{transform:scale(.99)}.back-products-button.secondary{color:#222;background:#eee;margin-top:10px}@media (width<=700px){.customer-page{margin:10px auto;padding:0 10px 20px}.customer-form{padding:20px 15px}.order-summary{margin:10px auto;padding:0 10px 30px}.order-header{padding:16px 10px}.order-header h1{font-size:19px}.order-header h2{font-size:15px}.order-information{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}.order-information span{font-size:11px}.order-information strong{font-size:13px}.customer-summary{padding:14px 12px}.customer-name{font-size:16px}.customer-address,.customer-pin,.customer-phone{font-size:14px}.order-items{-webkit-overflow-scrolling:touch;overflow-x:auto}.order-table-heading,.order-item{grid-template-columns:26px minmax(0,1fr) 38px 52px 70px;gap:4px;min-width:260px;padding:8px}.order-table-heading{font-size:10px}.order-item-name{font-size:12px;line-height:1.3}.order-item-quantity,.order-item-rate,.order-item-total{font-size:12px}.order-item-code{font-size:10px}.order-total-section{padding:14px 12px}.grand-total span{font-size:15px}.grand-total strong{font-size:21px}}.customer-summary{text-align:left}.customer-summary-heading{text-align:left;margin-bottom:8px;font-weight:700}.copy-message{text-align:center;color:#fff;background:linear-gradient(135deg,#2a2 0%,#1a8a1a 100%);border-radius:8px;margin-top:12px;padding:12px 16px;font-weight:700;box-shadow:0 2px 4px #0000001a}@page{margin:0;size:auto}@media print{body{background:#fff;margin:0;padding:0}.order-page{background:#fff}.order-summary{width:100%;max-width:none;box-shadow:none;margin:0;padding:0}.order-actions,.copy-message{display:none!important}.shop-header,.order-header{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:linear-gradient(135deg,orange 0%,#ff8c00 100%)!important}.order-table-heading{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff;background:linear-gradient(135deg,#036 0%,#004d99 100%)!important}.category-heading{-webkit-print-color-adjust:exact;print-color-adjust:exact}}