body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.selection-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:220px;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-default)}.selection-card:before{background:linear-gradient(90deg,#1a6b7a,#d4af37);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-quick)}[dir=rtl] .selection-card:before{background:linear-gradient(270deg,#1a6b7a,#d4af37);transform-origin:right}.selection-card:hover{border-color:#1a6b7a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.selection-card:hover:before{transform:scaleX(1)}.selection-card.selected{background:linear-gradient(135deg,#1a6b7a0d,#d4af370d);border-color:#1a6b7a;border-width:3px;box-shadow:var(--shadow-premium)}[dir=rtl] .selection-card.selected{background:linear-gradient(225deg,#1a6b7a0d,#d4af370d)}.selection-card.selected:before{transform:scaleX(1)}.card-image{border-radius:var(--radius-md);box-shadow:var(--shadow-md);height:100px;object-fit:cover;width:100px}.card-icon,.card-image{margin-bottom:var(--spacing-md)}.card-icon{font-size:42px}.selection-card h3{color:#1a1a1a;font-size:15px;font-weight:600;line-height:1.4;margin:0;max-width:100%;text-align:center;word-break:break-word}.selection-card h3 small{color:#888;display:block;font-size:12px;font-weight:500;margin-top:4px}@media (max-width:640px){.selection-card{min-height:180px;padding:var(--spacing-md)}.card-image{height:80px;width:80px}.card-icon{font-size:36px}.selection-card h3{font-size:13px}.selection-card h3 small{font-size:11px}}.part-card{background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all var(--transition-default)}.part-card:before{background:linear-gradient(90deg,#1a6b7a,#d4af37);content:"";height:2px;left:0;position:absolute;right:0;top:0;z-index:1}[dir=rtl] .part-card:before{background:linear-gradient(270deg,#1a6b7a,#d4af37)}.part-card:hover{border-color:#1a6b7a;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.part-card:hover .part-image{transform:scale(1.05)}.part-image-container{background:#f5f3f0;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.part-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform var(--transition-default);width:100%}.part-stock-badge{font-size:11px;padding:4px 12px;right:var(--spacing-md);top:var(--spacing-md)}[dir=rtl] .part-stock-badge{left:var(--spacing-md)}.part-content{display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-lg)}[dir=rtl] .part-content{text-align:right}.part-name{color:#1a1a1a;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:var(--spacing-sm)}.part-number{color:#888;font-family:Monaco,monospace;font-size:11px;font-weight:500;margin-bottom:var(--spacing-md)}[dir=rtl] .part-number{direction:ltr;text-align:right}.part-description{color:#666;font-size:12px;line-height:1.4;margin-bottom:var(--spacing-md)}.part-category{background:#1a6b7a1a;border-radius:12px;color:#1a6b7a;display:inline-block;font-size:11px;font-weight:600;margin-bottom:var(--spacing-md);padding:4px 10px;width:-webkit-fit-content;width:fit-content}.part-subcategory{color:#666;font-size:12px}.part-price,.part-subcategory{margin-bottom:var(--spacing-md)}.part-price{align-items:center;color:#1a6b7a;display:flex;font-size:18px;font-weight:700;gap:.75rem;justify-content:space-between}[dir=rtl] .part-price{flex-direction:row-reverse}.part-price .currency{font-size:14px}[dir=rtl] .part-price .currency{direction:ltr}.price-edit-inline{align-items:center;display:flex;gap:.5rem;margin-bottom:var(--spacing-md)}[dir=rtl] .price-edit-inline{flex-direction:row-reverse}.currency-label{color:#1a6b7a;font-size:14px;font-weight:700}.price-edit-input{border:2px solid #1a6b7a;border-radius:6px;font-size:13px;font-weight:600;padding:6px 8px;text-align:center;width:70px}.price-edit-input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #1a6b7a1a;outline:none}.stock-edit-inline{align-items:center;display:flex;gap:.5rem;margin-bottom:var(--spacing-md)}[dir=rtl] .stock-edit-inline{flex-direction:row-reverse}.stock-edit-input{border:2px solid #1a6b7a;border-radius:6px;font-size:13px;font-weight:600;padding:6px 8px;text-align:center;width:70px}.stock-edit-input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #1a6b7a1a;outline:none}.stock-display{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:var(--spacing-md)}[dir=rtl] .stock-display{flex-direction:row-reverse}.stock-label{color:#666;font-size:13px;font-weight:500}.btn-edit-small{background:#1a6b7a;border-radius:6px;color:#fff;transition:all .2s;white-space:nowrap}.btn-edit-small:hover{background:#0f4d5a}.btn-edit-save{background:#2ecc71;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-width:36px;padding:6px 10px;transition:all .2s}.btn-edit-save:hover:not(:disabled){background:#27ae60}.btn-edit-save:disabled{cursor:not-allowed;opacity:.5}.btn-edit-cancel{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-width:36px;padding:6px 10px;transition:all .2s}.btn-edit-cancel:hover:not(:disabled){background:#c0392b}.btn-edit-cancel:disabled{cursor:not-allowed;opacity:.5}.part-footer{display:flex;gap:var(--spacing-sm);margin-top:auto}[dir=rtl] .part-footer{flex-direction:row-reverse}.part-btn{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:all var(--transition-quick)}.part-btn-primary{background:linear-gradient(135deg,#1a6b7a,#2a8a9a);color:#fff}[dir=rtl] .part-btn-primary{background:linear-gradient(225deg,#1a6b7a,#2a8a9a)}.part-btn-primary:hover{background:linear-gradient(135deg,#0f4d5a,#1a6b7a);box-shadow:var(--shadow-md)}[dir=rtl] .part-btn-primary:hover{background:linear-gradient(225deg,#0f4d5a,#1a6b7a)}.part-btn-secondary{background:#f5f3f0;border:1px solid #1a6b7a;color:#1a6b7a}.part-btn-secondary:hover{background:#1a6b7a;color:#fff}@media (max-width:640px){.part-card{border-radius:var(--radius-md)}.part-content{padding:var(--spacing-md)}.part-name{font-size:14px}.part-price{font-size:16px}.price-edit-inline{gap:.375rem}.price-edit-input{font-size:12px;padding:5px 6px;width:60px}.stock-edit-inline{gap:.375rem}.stock-edit-input{font-size:12px;padding:5px 6px;width:60px}.btn-edit-small{font-size:11px;padding:5px 10px}.btn-edit-cancel,.btn-edit-save{font-size:12px;min-width:32px;padding:5px 8px}.currency-label{font-size:12px}}.category-list{width:100%}.category-list h3{color:#1a6b7a;font-size:22px;font-weight:600;margin-bottom:var(--spacing-lg);margin-top:0}.categories-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.category-item{background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-quick)}.category-item:hover{border-color:#1a6b7a;box-shadow:var(--shadow-md)}.category-header{align-items:center;background:linear-gradient(135deg,#f9f9f9,#fff);border-left:4px solid #0000;cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-quick)}.category-header:hover{background:linear-gradient(135deg,#f0f0f0,#f9f9f9);border-left-color:#1a6b7a}.category-toggle{color:#1a6b7a;font-size:12px;font-weight:600;text-align:center;transition:transform var(--transition-quick);width:16px}.category-icon{align-items:center;background:#1a6b7a1a;display:flex;font-size:18px;justify-content:center}.category-icon,.category-image{border-radius:var(--radius-md);height:40px;width:40px}.category-image{object-fit:cover}.category-name{color:#1a1a1a;flex:1 1;font-size:15px;font-weight:600}.subcategories-container{background:#fafafa;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;padding:var(--spacing-md)}.subcategory-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;margin:var(--spacing-xs) 0;padding:var(--spacing-md) var(--spacing-md);transition:all var(--transition-quick)}.subcategory-item:hover{background:#1a6b7a0d;border-color:#1a6b7a;transform:translateX(4px)}.subcategory-item.selected{background:linear-gradient(135deg,#1a6b7a,#2a8a9a);border-color:#d4af37;box-shadow:var(--shadow-md);color:#fff;font-weight:600}.subcategory-name{color:inherit;font-size:14px;font-weight:500}.subcategory-count{background:#0000000d;border-radius:12px;font-size:12px;font-weight:600;margin-left:var(--spacing-md);opacity:.7;padding:2px 8px}.subcategory-item.selected .subcategory-count{background:#fff3;opacity:1}.category-list-empty,.category-list-loading{background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-lg);color:#888;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}@media (max-width:640px){.category-header{padding:var(--spacing-md)}.category-icon{height:36px;width:36px}.category-name{font-size:14px}.subcategory-item{padding:var(--spacing-sm)}}*{box-sizing:border-box;margin:0;padding:0}:root{--color-teal:#1a6b7a;--color-teal-light:#2a8a9a;--color-teal-dark:#0f4d5a;--color-gold:#d4af37;--color-gold-dark:#b8941f;--color-bg-primary:#f5f3f0;--color-bg-secondary:#ede9e4;--color-bg-dark:#0f1419;--color-bg-card:#fff;--color-text-primary:#1a1a1a;--color-text-secondary:#555;--color-text-light:#f5f3f0;--color-text-muted:#d0d0d0;--color-success:#2ecc71;--color-warning:#f39c12;--color-error:#e74c3c;--color-info:#3498db;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--shadow-sm:0 2px 8px #1a1a1a14;--shadow-md:0 4px 16px #1a1a1a1f;--shadow-lg:0 8px 24px #1a1a1a29;--shadow-premium:0 12px 32px #d4af3726;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-default:300ms cubic-bezier(0.4,0,0.2,1);--transition-quick:150ms ease-in-out}body{background:#f5f3f0;background:var(--color-bg-primary);color:#1a1a1a;color:var(--color-text-primary);font-family:Segoe UI,Helvetica Neue,sans-serif;line-height:1.6}.home-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:24px;padding:var(--spacing-lg)}.home-page h1{font-size:36px;font-weight:700;letter-spacing:-.5px;margin-bottom:16px;margin-bottom:var(--spacing-md);text-align:center}.home-page h1,.home-page h2{color:#1a6b7a;color:var(--color-teal)}.home-page h2{font-size:24px;font-weight:600;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.home-page h2,.step-navigation{margin-top:32px;margin-top:var(--spacing-xl)}.step-navigation{align-items:center;background:#fff;background:var(--color-bg-card);border-left:4px solid #d4af37;border-left:4px solid var(--color-gold);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #1a1a1a1f;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:48px;margin-bottom:var(--spacing-2xl);padding:24px;padding:var(--spacing-lg)}.step-indicator{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:16px;gap:var(--spacing-md)}.step-dot{align-items:center;background:#ede9e4;background:var(--color-bg-secondary);border:2px solid #0000;border-radius:50%;color:#555;color:var(--color-text-secondary);display:inline-flex;font-size:14px;font-weight:600;height:40px;justify-content:center;transition:all .15s ease-in-out;transition:all var(--transition-quick);width:40px}.step-dot.active{background:linear-gradient(135deg,#1a6b7a,#2a8a9a);background:linear-gradient(135deg,var(--color-teal),var(--color-teal-light));border-color:#d4af37;border-color:var(--color-gold);box-shadow:0 12px 32px #d4af3726;box-shadow:var(--shadow-premium);color:#f5f3f0;color:var(--color-text-light)}.step-separator{background:linear-gradient(90deg,#ede9e4,#0000);background:linear-gradient(90deg,var(--color-bg-secondary),#0000);height:2px;margin:0 8px;margin:0 var(--spacing-sm);width:24px}.step-label{color:#555;color:var(--color-text-secondary);font-size:12px;font-weight:500;margin-right:16px;margin-right:var(--spacing-md);white-space:nowrap}.step-dot.active~.step-label{color:#1a6b7a;color:var(--color-teal)}.btn-back{border:2px solid var(--color-teal);border-radius:var(--radius-md);color:var(--color-teal);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease-in-out;transition:all var(--transition-quick);white-space:nowrap}.btn-back:hover{background:var(--color-teal);box-shadow:0 4px 16px #1a1a1a1f;box-shadow:var(--shadow-md)}.btn-back:active{transform:translateY(0)}.selection-grid{grid-gap:24px;grid-gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.parts-grid,.selection-grid{display:grid;gap:24px;gap:var(--spacing-lg)}.parts-grid{grid-gap:24px;grid-gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:24px;margin-top:var(--spacing-lg)}.empty-message,.loading-message{background:#fff;border-radius:8px;color:#666;font-size:16px;margin-top:20px;padding:40px 20px;text-align:center}.empty-message{color:#888}.step-container{background:#fff;background:var(--color-bg-card);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #1a1a1a1f;box-shadow:var(--shadow-md);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}@media (max-width:1024px){.home-page{padding:16px;padding:var(--spacing-md)}.step-navigation{align-items:flex-start;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.btn-back{align-self:flex-start}.selection-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.parts-grid,.selection-grid{gap:16px;gap:var(--spacing-md)}.parts-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:640px){.home-page{padding:16px;padding:var(--spacing-md)}.home-page h1{font-size:28px}.home-page h2{font-size:20px}.step-indicator{gap:8px;gap:var(--spacing-sm)}.step-dot{font-size:12px;height:36px;width:36px}.step-label{font-size:10px;margin-right:8px;margin-right:var(--spacing-sm)}.selection-grid{grid-template-columns:repeat(2,1fr);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.parts-grid,.selection-grid{gap:16px;gap:var(--spacing-md)}.parts-grid{grid-template-columns:1fr;margin-top:16px;margin-top:var(--spacing-md)}}@media (max-width:480px){.home-page{padding:8px;padding:var(--spacing-sm)}.home-page h1{font-size:24px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.home-page h2{font-size:18px}.step-navigation{margin-bottom:24px;margin-bottom:var(--spacing-lg);margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.step-indicator{gap:4px;gap:var(--spacing-xs);overflow-x:auto}.step-dot{flex-shrink:0;font-size:11px;height:32px;width:32px}.step-label{font-size:9px;margin-right:4px;margin-right:var(--spacing-xs)}.step-separator{margin:0 4px;margin:0 var(--spacing-xs);width:12px}.selection-grid{grid-template-columns:repeat(2,1fr)}.parts-grid,.selection-grid{gap:8px;gap:var(--spacing-sm)}.parts-grid{grid-template-columns:1fr}.empty-message,.loading-message{font-size:14px;margin-top:24px;margin-top:var(--spacing-lg);padding:20px 16px}}.part-details-container{background:#f5f3f0;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px 16px}.btn-back{margin-bottom:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-back:hover{box-shadow:0 4px 16px #1a6b7a1f}.part-details{grid-gap:48px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #1a1a1a1f;display:grid;gap:48px;grid-template-columns:400px 1fr;padding:32px}[dir=rtl] .part-details{grid-template-columns:1fr 400px}.part-details-image{align-items:center;background:#f5f3f0;border-radius:12px;display:flex;flex-shrink:0;height:400px;justify-content:center;overflow:hidden;position:relative}.part-details-image img{height:100%;object-fit:cover;width:100%}.part-stock-badge{border-radius:20px;font-size:12px;font-weight:700;padding:8px 16px;position:absolute;right:20px;top:20px;z-index:2}[dir=rtl] .part-stock-badge{left:20px;right:auto}.part-stock-badge.in-stock{background:#2ecc71;color:#fff}.part-stock-badge.low-stock{background:#f39c12;color:#fff}.part-stock-badge.out-of-stock{background:#e74c3c;color:#fff}.part-details-content h1{color:#1a6b7a;font-size:32px;font-weight:700;margin-bottom:24px}.part-meta{border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:24px}.meta-item{display:flex;gap:16px;justify-content:space-between}[dir=rtl] .meta-item{flex-direction:row-reverse}.meta-label{color:#555;font-weight:600;min-width:120px}.meta-value,[dir=rtl] .meta-label{text-align:right}.meta-value{color:#1a1a1a;font-weight:500}[dir=rtl] .meta-value{text-align:left}.meta-value.mono{color:#666;font-family:Monaco,monospace}[dir=rtl] .meta-value.mono{direction:ltr;text-align:left}.part-price-section{align-items:flex-end;background:#1a6b7a0d;border-radius:8px;display:flex;gap:20px;margin-bottom:24px;padding:20px}[dir=rtl] .part-price-section{flex-direction:row-reverse}.price{color:#1a6b7a;font-size:32px}.currency{font-size:24px;margin-right:4px}[dir=rtl] .currency{margin-left:4px;margin-right:0}.stock{font-size:14px;padding:8px 16px;white-space:nowrap}.stock.in-stock{background:#2ecc71;color:#fff}.stock.low-stock{background:#f39c12;color:#fff}.stock.out-of-stock{background:#e74c3c;color:#fff}.part-description-section{margin-bottom:24px}.part-description-section h3{color:#1a6b7a;font-size:20px;margin-bottom:12px}.part-description-section p{color:#555;line-height:1.6}[dir=rtl] .part-description-section p{text-align:right}.part-actions{display:flex;gap:12px}[dir=rtl] .part-actions{flex-direction:row-reverse}.btn-contact,.btn-order{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-order{background:linear-gradient(135deg,#1a6b7a,#2a8a9a);color:#fff}[dir=rtl] .btn-order{background:linear-gradient(225deg,#1a6b7a,#2a8a9a)}.btn-order:hover{background:linear-gradient(135deg,#0f4d5a,#1a6b7a);box-shadow:0 8px 24px #1a1a1a29;transform:translateY(-2px)}[dir=rtl] .btn-order:hover{background:linear-gradient(225deg,#0f4d5a,#1a6b7a)}.btn-contact{background:#fff;border:2px solid #1a6b7a;color:#1a6b7a}.btn-contact:hover{background:#1a6b7a;color:#fff}.error,.loading{color:#666;font-size:16px;padding:40px 20px;text-align:center}.error{color:#e74c3c}@media (max-width:1024px){.part-details{gap:24px;padding:24px}.part-details,[dir=rtl] .part-details{grid-template-columns:1fr}.part-details-image{height:300px;max-width:500px;width:100%}.part-details-content h1,.price{font-size:28px}.part-actions,[dir=rtl] .part-actions{flex-direction:column}}@media (max-width:768px){.part-details-container{padding:16px}.btn-back{margin-bottom:24px;margin-top:0}.part-details{gap:24px;grid-template-columns:1fr;padding:16px}.part-details-image{height:250px;width:100%}.part-details-content h1,.price{font-size:24px}.meta-item{gap:4px}.meta-item,[dir=rtl] .meta-item{flex-direction:column}.meta-label{min-width:auto}.meta-value{text-align:left}[dir=rtl] .meta-value{text-align:right}.part-price-section{flex-direction:column}[dir=rtl] .part-price-section{align-items:flex-start;flex-direction:column}.stock{align-self:flex-start}}@media (max-width:480px){.part-details-container{padding:12px}.part-details{gap:16px;padding:12px}.part-details-image{height:200px}.part-details-content h1{font-size:20px;margin-bottom:16px}.price{font-size:20px}.btn-contact,.btn-order{font-size:13px;padding:12px 16px}}.message-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px}[dir=rtl] .message-error{text-align:right}.message-success{background-color:#efe;border:1px solid #cfc;border-radius:6px;color:#3c3;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px}[dir=rtl] .message-success{text-align:right}.quantity-selector{background:#1a6b7a0d;border-radius:8px;margin-bottom:24px;padding:16px}.quantity-selector label{color:#1a6b7a;display:block;font-size:14px;font-weight:600;margin-bottom:12px}[dir=rtl] .quantity-selector label{text-align:right}.quantity-controls{align-items:center;display:flex;gap:8px;max-width:180px}[dir=rtl] .quantity-controls{flex-direction:row-reverse}.qty-btn{background:#fff;border:1px solid #1a6b7a;border-radius:6px;color:#1a6b7a;flex-shrink:0;font-size:18px;font-weight:700;height:38px;width:38px}.qty-btn:hover:not(:disabled){background:#1a6b7a;color:#fff}.qty-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-controls input{border:1px solid #1a6b7a;border-radius:6px;color:#1a6b7a;flex:1 1;font-size:16px;font-weight:600;min-width:60px;padding:8px 12px;text-align:center}.quantity-controls input::-webkit-inner-spin-button,.quantity-controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.btn-order.disabled{cursor:not-allowed;opacity:.5}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.login-card h1{color:#333;font-size:28px;margin-bottom:10px;text-align:center}.btn-login,.btn-register{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.btn-login:hover,.btn-register:hover{box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.btn-login:active,.btn-register:active{transform:translateY(0)}.btn-login:disabled,.btn-register:disabled{cursor:not-allowed;opacity:.7;transform:none}.admin-panel{background:#f5f3f0;margin:0 auto;max-width:1400px;min-height:100vh;padding:var(--spacing-lg)}.admin-header{background:linear-gradient(135deg,#1a6b7a,#0f4d5a);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);color:#fff;margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl) var(--spacing-lg)}[dir=rtl] .admin-header{background:linear-gradient(225deg,#1a6b7a,#0f4d5a)}.admin-header h1{font-size:32px;font-weight:700;margin-bottom:var(--spacing-sm)}.admin-header p{font-size:15px;margin:0;opacity:.95}.admin-tabs{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);overflow-x:auto;padding:var(--spacing-md)}[dir=rtl] .admin-tabs{flex-direction:row-reverse}.admin-tabs .tab{background:#f5f3f0;border:2px solid #0000;border-radius:var(--radius-md);color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-quick);white-space:nowrap}.admin-tabs .tab:hover{background:#e0e0e0;color:#1a6b7a}.admin-tabs .tab.active{background:linear-gradient(135deg,#1a6b7a,#2a8a9a);border-color:#d4af37;box-shadow:var(--shadow-md);color:#fff}[dir=rtl] .admin-tabs .tab.active{background:linear-gradient(225deg,#1a6b7a,#2a8a9a)}.admin-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.table-container{margin-bottom:var(--spacing-2xl)}.table-container h2{color:#1a6b7a;font-size:22px;font-weight:600;margin-bottom:var(--spacing-lg)}.admin-table{border-collapse:collapse;font-size:14px;width:100%}.admin-table thead{background:linear-gradient(135deg,#f9f9f9,#f5f3f0);border-bottom:2px solid #1a6b7a}[dir=rtl] .admin-table thead{background:linear-gradient(225deg,#f9f9f9,#f5f3f0)}.admin-table th{color:#1a1a1a;cursor:pointer;font-weight:700;padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:background var(--transition-quick);-webkit-user-select:none;user-select:none}[dir=rtl] .admin-table th{text-align:right}.admin-table th:hover{background:#e0e0e0}.admin-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background var(--transition-quick)}.admin-table tbody tr:hover{background:#f9f9f9}.admin-table td{color:#333;padding:var(--spacing-md) var(--spacing-lg)}[dir=rtl] .admin-table td{text-align:right}.table-image{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);height:50px;object-fit:cover;width:50px}.badge{background:#1a6b7a1a;color:#1a6b7a}.price{color:#d4af37;font-size:15px;font-weight:700}[dir=rtl] .price{direction:ltr;text-align:right}.stock{background:#2ecc71;border-radius:6px;color:#fff;font-weight:600;padding:4px 10px}.btn-delete-small,.stock.out{background:#e74c3c}.btn-delete-small{border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all var(--transition-quick)}.btn-delete-small:hover{background:#c0392b;transform:scale(1.05)}.add-part-form{max-width:800px}.add-part-form h2{color:#1a6b7a;font-size:24px}.add-part-form h2,.form-group{margin-bottom:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.form-group label{color:#1a1a1a;margin-bottom:var(--spacing-sm)}[dir=rtl] .form-group label{text-align:right}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:var(--radius-md);font-family:inherit;font-size:14px;padding:var(--spacing-md);transition:border-color var(--transition-quick);width:100%}[dir=rtl] .form-group input,[dir=rtl] .form-group select,[dir=rtl] .form-group textarea{text-align:right}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1a6b7a;box-shadow:0 0 0 3px #1a6b7a1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.file-hint{color:#888;display:block;font-size:12px;margin-top:var(--spacing-sm)}.image-preview{margin-top:var(--spacing-lg);position:relative}.image-preview img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:200px;max-width:200px}.btn-clear-image{background:#e74c3c;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:var(--spacing-sm);padding:6px 12px;transition:all var(--transition-quick)}.btn-clear-image:hover{background:#c0392b}.btn-submit{background:linear-gradient(135deg,#1a6b7a,#2a8a9a);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-2xl);transition:all var(--transition-quick)}[dir=rtl] .btn-submit{background:linear-gradient(225deg,#1a6b7a,#2a8a9a)}.btn-submit:hover{background:linear-gradient(135deg,#0f4d5a,#1a6b7a);box-shadow:var(--shadow-lg);transform:translateY(-2px)}[dir=rtl] .btn-submit:hover{background:linear-gradient(225deg,#0f4d5a,#1a6b7a)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.mono{color:#666;font-family:Monaco,monospace}[dir=rtl] .mono{direction:ltr;text-align:right}.brand-logo{font-size:24px}@media (max-width:1024px){.form-row{grid-template-columns:1fr}}@media (max-width:640px){.admin-panel{padding:var(--spacing-md)}.admin-tabs{gap:var(--spacing-xs)}.admin-tabs .tab{font-size:12px;padding:var(--spacing-sm) var(--spacing-md)}.admin-content{padding:var(--spacing-lg)}.admin-table{font-size:12px}.admin-table td,.admin-table th{padding:var(--spacing-sm) var(--spacing-md)}}.table-cell-edit{align-items:center;display:flex;gap:.75rem;justify-content:space-between}[dir=rtl] .table-cell-edit{flex-direction:row-reverse}.table-edit-inline{align-items:center;display:flex;gap:.5rem}[dir=rtl] .table-edit-inline{flex-direction:row-reverse}.table-edit-input{border:2px solid #06c;border-radius:6px;font-size:13px;font-weight:600;padding:6px 8px;text-align:center;width:80px}.table-edit-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.btn-table-edit{background:#06c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.btn-table-edit:hover{background:#0052a3;transform:translateY(-1px)}.btn-table-save{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;min-width:36px;padding:6px 10px;transition:all .2s}.btn-table-save:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-table-save:disabled{cursor:not-allowed;opacity:.5}.btn-table-cancel{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;min-width:36px;padding:6px 10px;transition:all .2s}.btn-table-cancel:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-table-cancel:disabled{cursor:not-allowed;opacity:.5}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group input:hover,.filter-group select:hover{background-color:#fafbfc;border-color:#888}.filter-group input:focus,.filter-group select:focus{background-color:#fff}.filter-group select:disabled{background-color:#ecf0f1;border-color:#ddd;color:#95a5a6}.filter-group input[type=number]{-webkit-appearance:textfield;appearance:textfield}.filter-group input[type=number]::-webkit-inner-spin-button,.filter-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.btn-clear{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:10px 18px;text-transform:uppercase;transition:all .3s ease}.btn-clear:active{box-shadow:0 2px 4px #e74c3c4d;transform:translateY(0)}@media (max-width:1024px){.filter-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width:768px){.filter-grid{grid-template-columns:1fr}.filter-actions{align-items:stretch}.filter-actions,[dir=rtl] .filter-actions{flex-direction:column}.btn-clear,.results-count{text-align:center;width:100%}}.autocomplete-wrapper{position:relative}.autocomplete-suggestions{background:#fff;border:2px solid #1a6b7a;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;box-shadow:var(--shadow-md);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}[dir=rtl] .autocomplete-suggestions{left:0;right:0}.suggestion-item{cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-quick)}.suggestion-item:hover{background:#f5f3f0;color:#1a6b7a}.suggestion-item.loading{color:#888;cursor:default;text-align:center}.hint-text{color:#888;display:block;font-size:12px;font-style:italic;margin-top:var(--spacing-sm)}.btn-edit-small{background-color:#fff3cd;border:none;border-radius:4px;color:#856404;cursor:pointer;font-size:12px;font-weight:600;margin-left:6px;padding:6px 12px}.btn-edit-small:hover{background-color:#ffe08a}.header{background:linear-gradient(135deg,#1a6b7a,#0f4d5a);border-bottom:4px solid #d4af37;box-shadow:0 8px 24px #1a1a1a29;position:-webkit-sticky;position:sticky;top:0;z-index:100}[dir=rtl] .header{background:linear-gradient(225deg,#1a6b7a,#0f4d5a)}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:18px 24px}.header-logo{color:#f5f3f0;font-size:20px;font-weight:700;letter-spacing:-.5px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-logo:hover{color:#d4af37;text-shadow:0 0 10px #d4af374d}.header-nav{align-items:center;display:flex;gap:20px}.header-user-menu{position:relative}.header-contact-link{align-items:center;background:#27ae60;border:2px solid #0000;border-radius:8px;box-shadow:0 4px 12px #27ae604d;color:#fff;display:inline-flex;font-size:14px;font-weight:700;gap:6px;padding:10px 18px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.header-contact-link:hover{background:#229954;border-color:#fff3;box-shadow:0 8px 20px #27ae6066;transform:translateY(-3px)}.btn-language,.btn-login,.btn-user-menu{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;padding:10px 18px;text-decoration:none;transition:all .15s ease-in-out;white-space:nowrap}.btn-user-menu{background:#d4af37;box-shadow:0 4px 12px #d4af374d;color:#1a1a1a}.btn-user-menu:hover{background:#f5f3f0;box-shadow:0 8px 20px #d4af3766;transform:translateY(-3px)}.btn-login{background:#d4af37;box-shadow:0 4px 12px #d4af374d;color:#1a1a1a}.btn-login:hover{background:#f5f3f0;box-shadow:0 8px 20px #d4af3766;transform:translateY(-3px)}.btn-language{background:#d4af3740;border:2px solid #d4af37;color:#d4af37;font-size:16px;font-weight:800;letter-spacing:1px;min-width:50px}.btn-language:hover{background:#d4af37;color:#1a6b7a;transform:scale(1.1)}.dropdown-menu{background:#0f4d5a;border:2px solid #d4af37;border-radius:8px;box-shadow:0 8px 24px #0000004d;margin-top:8px;min-width:250px;padding:12px 0;position:absolute;right:0;top:100%;z-index:1000}[dir=rtl] .dropdown-menu{left:0;right:auto}.dropdown-header{border-bottom:1px solid #d4af374d;padding:12px 18px}.dropdown-header strong{color:#d4af37;display:block;font-size:14px;margin-bottom:4px}.dropdown-header small{color:#d4af37b3;font-size:11px}.dropdown-divider{background:#d4af374d;height:1px;margin:8px 0}.dropdown-item{background:none;border:none;box-sizing:border-box;color:#d4af37;cursor:pointer;display:block;font-size:14px;font-weight:600;padding:12px 18px;text-align:left;text-decoration:none;transition:all .15s ease-in-out;width:100%}[dir=rtl] .dropdown-item{text-align:right}.dropdown-item:hover{background:#d4af3726;padding-left:22px}[dir=rtl] .dropdown-item:hover{padding-left:18px;padding-right:22px}.dropdown-item.dropdown-admin{color:#ff9800}.dropdown-item.dropdown-admin:hover{background:#ff980026}.dropdown-item.dropdown-user{color:#4dd0e1}.dropdown-item.dropdown-user:hover{background:#4dd0e126}.dropdown-logout{background:#d4af37;border:none;color:#1a1a1a;cursor:pointer;display:block;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.5px;padding:12px 18px;text-align:left;text-transform:uppercase;transition:all .15s ease-in-out;width:100%}[dir=rtl] .dropdown-logout{text-align:right}.dropdown-logout:hover{background:#f5f3f0}@media (max-width:768px){.header-container{padding:14px 16px}.header-logo{font-size:18px}.header-nav{gap:12px}.btn-language,.btn-login,.btn-user-menu,.header-contact-link{font-size:13px;padding:8px 14px}.btn-language{font-size:14px}.dropdown-menu{min-width:220px}}@media (max-width:480px){.header-container{padding:12px}.header-logo{font-size:16px}.header-nav{gap:8px}.header-contact-link{font-size:11px;padding:8px 12px}.header-contact-link span{display:none}.btn-language,.btn-login,.btn-user-menu{font-size:11px;padding:6px 10px}.btn-language{min-width:auto;padding:6px 8px}.btn-language,.btn-user-menu{font-size:12px}.dropdown-menu{min-width:200px;right:-10px}[dir=rtl] .dropdown-menu{left:-10px;right:auto}.dropdown-item{font-size:13px;padding:10px 14px}.dropdown-item:hover{padding-left:18px}[dir=rtl] .dropdown-item:hover{padding-left:14px;padding-right:18px}}.register-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-card{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0003;max-width:600px;padding:40px;width:100%}.register-card h1{color:#333;font-size:28px;margin-bottom:10px;text-align:center}.subtitle{color:#666;font-size:14px;margin-bottom:30px;text-align:center}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:20px}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:12px;transition:border-color .3s}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message,.success-message{font-size:14px;padding:12px}.btn-register{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.btn-register:hover{box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.btn-register:active{transform:translateY(0)}.btn-register:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-footer{color:#666;font-size:14px;margin-top:20px;text-align:center}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:600px){.register-card{padding:30px 20px}.form-row{grid-template-columns:1fr}}.receipt-id{font-size:13px}.accounts-page{margin:0 auto;max-width:1400px;padding:30px}.accounts-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.accounts-header>div{flex:1 1}.accounts-header h1{color:#333;font-size:28px;margin-bottom:5px}.accounts-header p{color:#666;font-size:14px}.btn-create-admin{background:linear-gradient(135deg,#0f6,#00cc52);border:none;border-radius:8px;box-shadow:0 2px 8px #00ff664d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-create-admin:hover{box-shadow:0 4px 12px #0f66;transform:translateY(-2px)}.accounts-table{border-collapse:collapse;width:100%}.accounts-table thead{background:#f5f5f5;border-bottom:2px solid #ddd}.accounts-table th{color:#333;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}[dir=rtl] .accounts-table th{text-align:right}.accounts-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.accounts-table tbody tr:hover{background-color:#f9f9f9}.accounts-table tbody tr.disabled{background-color:#faf5f5;opacity:.6}.accounts-table td{color:#333;font-size:14px;padding:15px}[dir=rtl] .accounts-table td{text-align:right}.accounts-table .username{font-weight:600}.accounts-table .date{color:#666;font-size:12px}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.badge.role-admin{background-color:#ffe8e8;color:#c33}.badge.role-user{background-color:#e8f5e9;color:#2e7d32}.status{padding:4px 12px}.status.active{background-color:#e8f5e9;color:#2e7d32}.status.inactive{background-color:#ffe8e8;color:#c33}.accounts-table .actions{display:flex;gap:8px}[dir=rtl] .accounts-table .actions{flex-direction:row-reverse;justify-content:flex-end}.btn-small{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.btn-password{background-color:#fff9e6;color:#f57c00}.btn-password:hover{background-color:#fff3cd}.btn-disable{background-color:#fff3e0;color:#e65100}.btn-disable:hover{background-color:#ffe0b2}.btn-enable{background-color:#e8f5e9;color:#2e7d32}.btn-enable:hover{background-color:#c8e6c9}.modal-content{border-radius:12px;max-width:600px}.modal-header{background:linear-gradient(135deg,#00ff6615,#00cc5215);border-bottom:2px solid #f0f0f0;padding:24px}.modal-header h2{font-size:22px;font-weight:700}.btn-close{align-items:center;border-radius:50%;display:flex;font-size:28px;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-close:hover{background:#f0f0f0}.modal-body{padding:30px}.modal-body p{line-height:1.6;text-align:right}.form-group{margin-bottom:24px;text-align:right}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:12px 16px;text-align:right;transition:all .2s;width:100%}.form-group input:focus{border-color:#0f6;box-shadow:0 0 0 4px #00ff661a;outline:none}.form-group input::placeholder{color:#999;font-size:13px}.detail-group{margin-bottom:15px}.detail-group label{color:#666;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}[dir=rtl] .detail-group label{text-align:right}.detail-group p{color:#333;font-size:14px;margin:0}[dir=rtl] .detail-group p{text-align:right}.detail-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.detail-row .detail-group,.detail-row .form-group{margin-bottom:0}.modal-actions{background:#fafafa;border-radius:0 0 12px 12px;border-top:2px solid #f0f0f0;gap:12px;justify-content:flex-end;padding:20px 30px}[dir=rtl] .modal-actions{justify-content:flex-start}.btn-modal{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-modal.btn-submit{background:linear-gradient(135deg,#0f6,#00cc52);box-shadow:0 2px 8px #00ff664d;color:#fff}.btn-modal.btn-submit:hover{box-shadow:0 4px 12px #0f66;transform:translateY(-2px)}.btn-modal.btn-disable{background-color:#fff3e0;color:#e65100}.btn-modal.btn-disable:hover{background-color:#ffe0b2}.btn-modal.btn-enable{background-color:#e8f5e9;color:#2e7d32}.btn-modal.btn-enable:hover{background-color:#c8e6c9}.btn-modal.btn-delete{background-color:#ffebee;color:#c62828}.btn-modal.btn-delete:hover{background-color:#ffcdd2}.btn-modal.btn-close-modal{background-color:#e0e0e0;color:#666}.btn-modal.btn-close-modal:hover{background-color:#d0d0d0}@media (max-width:768px){.accounts-page{padding:15px}.accounts-header{align-items:stretch;flex-direction:column}.btn-create-admin{margin-top:15px;width:100%}.accounts-table{font-size:12px}.accounts-table td,.accounts-table th{padding:10px}.accounts-table .actions,[dir=rtl] .accounts-table .actions{flex-direction:column}.btn-small{width:100%}.detail-row{gap:0;grid-template-columns:1fr}.detail-row .form-group{margin-bottom:24px}.modal-content{margin:10px}.modal-body{padding:20px}.modal-actions{padding:15px 20px}.modal-actions,[dir=rtl] .modal-actions{flex-direction:column}.btn-modal{width:100%}}.settings-page{margin:0 auto;max-width:900px;padding:30px}.settings-header{margin-bottom:30px}.settings-header h1{color:#333;font-size:28px;margin-bottom:5px}.settings-header p{color:#666;font-size:14px}.settings-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.settings-card{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:24px}.settings-card h2{color:#333;font-size:18px;margin-bottom:8px;margin-top:0}.setting-description{color:#666;font-size:13px;margin-bottom:16px}.setting-item{display:flex;flex-direction:column;gap:12px}.setting-item label{color:#333;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.setting-item select{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .3s ease}.setting-item select:hover{border-color:#999}.setting-item select:focus{border-color:#1a6b7a;box-shadow:0 0 0 3px #1a6b7a1a;outline:none}.setting-item select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.btn-save{align-self:flex-start;background-color:#1a6b7a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .3s ease}.btn-save:hover{background-color:#0f4d5a;box-shadow:0 2px 8px #1a6b7a4d}.btn-save:active{transform:translateY(1px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.settings-info{background:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:20px}.settings-info h3{color:#333;font-size:16px;margin-bottom:15px;margin-top:0}.settings-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.settings-summary p{color:#333;font-size:14px;margin:0}.settings-summary strong{color:#1a6b7a;font-weight:600}@media (max-width:768px){.settings-page{padding:20px}.settings-container{grid-template-columns:1fr}.settings-card{padding:18px}}.btn-app-download{background:linear-gradient(135deg,#27ae60,#229954)!important;color:#fff!important}.btn-app-download:hover{background:linear-gradient(135deg,#229954,#1faa52)!important;box-shadow:0 4px 12px #27ae6066!important;transform:translateY(-1px)!important}.contact-item .contact-details small{font-size:12px;margin-top:4px;opacity:.8}@media (max-width:768px){.btn-app-download{font-size:14px!important;padding:12px 16px!important}}.cart-page{margin:0 auto;max-width:1200px;padding:30px}.cart-header{margin-bottom:30px}.cart-header h1{color:#333;font-size:28px;margin:0}.empty-cart{background:#f9f9f9;border-radius:8px;padding:60px 30px;text-align:center}.empty-cart h2{color:#333;font-size:24px;margin-bottom:10px}.empty-cart p{color:#666;margin-bottom:20px}.cart-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 350px}.cart-items h2{color:#333;font-size:20px;margin-bottom:20px}.items-list{display:flex;flex-direction:column;gap:20px}.cart-item{grid-gap:20px;align-items:center;background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:grid;gap:20px;grid-template-columns:100px 1fr auto auto auto auto;padding:20px}.item-image{background:#f5f5f5;border-radius:4px;height:100px;overflow:hidden;width:100px}.item-image img{height:100%;object-fit:cover;width:100%}.item-details h3{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.item-part-number{color:#999;font-size:12px;margin:0 0 8px}[dir=rtl] .item-part-number{direction:ltr;text-align:right}.item-price{color:#1a6b7a;font-size:18px;font-weight:600;margin:0}[dir=rtl] .item-price{direction:ltr;text-align:right}.item-quantity{text-align:center}.item-quantity label{color:#666;display:block;font-size:12px;margin-bottom:8px}.qty-controls{align-items:center;border:1px solid #ddd;border-radius:4px;display:flex;gap:8px;padding:2px}[dir=rtl] .qty-controls{flex-direction:row-reverse}.qty-btn{background:none;border:none;color:#666;cursor:pointer;font-size:16px;height:28px;transition:all .2s;width:28px}.qty-btn:hover{background:#f5f5f5;color:#1a6b7a}.qty-controls input{border:none;font-size:14px;font-weight:600;text-align:center;width:40px}.qty-controls input::-webkit-inner-spin-button,.qty-controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.item-subtotal{text-align:center}.item-subtotal label{color:#666;display:block;font-size:12px;margin-bottom:4px}.item-subtotal p{color:#333;font-size:16px;font-weight:600;margin:0}[dir=rtl] .item-subtotal p{direction:ltr}.btn-remove{background:#fff;border:1px solid #ddd;border-radius:4px;color:#c33;cursor:pointer;font-size:18px;height:36px;transition:all .2s;width:36px}.btn-remove:hover{background:#fee;border-color:#fcc}.cart-summary{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px #0000000d;height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:20px}.cart-summary h2{border-bottom:1px solid #eee;color:#333;font-size:18px;margin-bottom:20px;margin-top:0;padding-bottom:15px}.summary-row{color:#666;display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px}.summary-row span:last-child{font-weight:600}[dir=rtl] .summary-row span:last-child{direction:ltr}.summary-row.total{background:#f9f9f9;border-radius:4px;border-top:2px solid #eee;color:#333;font-size:16px;font-weight:700;margin-top:15px;padding:15px 12px 12px}.checkout-confirm{background:#f0f8ff;border:1px solid #c3e7ff;border-radius:4px;margin-bottom:15px;padding:15px}[dir=rtl] .checkout-confirm{text-align:right}.checkout-confirm h3{color:#1a6b7a;font-size:14px;margin-bottom:10px;margin-top:0}.checkout-confirm p{color:#333;font-size:13px;margin:0 0 8px}.checkout-note{color:#c33!important;font-weight:600}.btn-cancel-checkout,.btn-checkout,.btn-confirm-checkout,.btn-continue,.btn-continue-shopping,.btn-download{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;padding:12px;text-transform:uppercase;transition:all .3s;width:100%}.btn-checkout,.btn-confirm-checkout{background:#1a6b7a;color:#fff}.btn-checkout:hover,.btn-confirm-checkout:hover{background:#0f4d5a}.btn-cancel-checkout,.btn-continue,.btn-continue-shopping{background:#f5f5f5;border:1px solid #ddd;color:#333}.btn-cancel-checkout:hover,.btn-continue-shopping:hover,.btn-continue:hover{background:#eee}.btn-download{background:#d4af37;color:#1a1a1a}.btn-download:hover{background:#f5f3f0}.btn-cancel-checkout:disabled,.btn-checkout:disabled,.btn-confirm-checkout:disabled{cursor:not-allowed;opacity:.5}.receipt-page{margin:0 auto;max-width:600px;padding:30px}.receipt-container,.receipt-header{margin-bottom:30px}.receipt-header{text-align:center}.receipt-header h1{color:#2ecc71;font-size:28px;margin:0 0 10px}.receipt-header p{color:#666;margin:0}.receipt-card{background:#fff;border:2px solid #2ecc71;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:30px}.receipt-number{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:20px;text-align:center}.receipt-number h2{color:#333;font-size:20px;margin:0 0 8px}.receipt-number p{color:#666;font-size:12px;margin:0}[dir=rtl] .receipt-number p{direction:ltr}.receipt-items td{padding:10px 8px}.receipt-items td:nth-child(3),.receipt-items td:nth-child(4),.receipt-items td:nth-child(5),.receipt-items th:nth-child(3),.receipt-items th:nth-child(4),.receipt-items th:nth-child(5){text-align:right}[dir=rtl] .receipt-items td:nth-child(3),[dir=rtl] .receipt-items td:nth-child(4),[dir=rtl] .receipt-items td:nth-child(5),[dir=rtl] .receipt-items th:nth-child(3),[dir=rtl] .receipt-items th:nth-child(4),[dir=rtl] .receipt-items th:nth-child(5){direction:ltr;text-align:left}.total-row.grand-total{font-size:16px}.receipt-status{background:#fff3cd;border-radius:4px;margin-bottom:20px;padding:15px;text-align:center}.receipt-status h3{color:#856404;font-size:12px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.receipt-status .status{font-size:14px;font-weight:600;margin:0}.receipt-status .status.not-paid{color:#c33}.receipt-actions{display:flex;flex-direction:column;gap:10px}@media (max-width:768px){.cart-page{padding:15px}.cart-container{grid-template-columns:1fr}.cart-item{gap:12px;grid-template-columns:80px 1fr auto}.item-image{height:80px;width:80px}.item-quantity,.item-subtotal{font-size:12px}.cart-summary{position:static}.receipt-card{padding:20px}}.success-message{background-color:#efe;border:1px solid #cfc;border-radius:5px;color:#3c3;margin-bottom:20px;padding:15px}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px}.checkbox-label input{cursor:pointer;height:16px;width:16px}.status-label{border-radius:3px;font-size:12px;font-weight:600;padding:4px 8px}.status-label.status-not-paid{background:#ffebee;color:#c62828}.status-label.status-partially-paid{background:#fff3e0;color:#e65100}.status-label.status-fully-paid{background:#e8f5e9;color:#2e7d32}.table-container{border-radius:8px 8px 0 0;margin-bottom:0}.status.status-not-paid{background:#ffebee;color:#c62828}.status.status-partially-paid{background:#fff3e0;color:#e65100}.status.status-fully-paid{background:#e8f5e9;color:#2e7d32}.receipts-summary{background:#fff;border:1px solid #00000014;border-radius:0 0 8px 8px;border-top-color:#f0f0f0;box-shadow:0 2px 8px #00000014;display:flex;gap:40px;justify-content:flex-end;margin-bottom:24px;padding:12px 20px 18px}.summary-value.total{color:#333}.summary-value.paid{color:#27ae60}.summary-value.due{color:#e74c3c}.payment-section,.receipt-info{margin-bottom:20px}.payment-section h3,.receipt-info h3{color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:15px;margin-top:0;text-transform:uppercase}.payment-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.btn-payment{font-size:13px;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .3s}.btn-payment.btn-not-paid{background-color:#ffebee;color:#c62828}.btn-payment.btn-not-paid:hover{background-color:#ffcdd2}.btn-payment.btn-partial{background-color:#fff3e0;color:#e65100}.btn-payment.btn-partial:hover{background-color:#ffe0b2}.btn-payment.btn-fully-paid{background-color:#e8f5e9;color:#2e7d32}.btn-payment.btn-fully-paid:hover{background-color:#c8e6c9}.btn-payment.btn-confirm{background-color:#3498db;color:#fff}.btn-payment.btn-confirm:hover{background-color:#2980b9}.btn-payment.btn-cancel{background-color:#f5f5f5;color:#666}.btn-payment.btn-cancel:hover{background-color:#e0e0e0}.partial-pay-input{display:flex;gap:10px;margin-bottom:10px}.partial-pay-input input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:13px;padding:10px}.modal-actions{flex-direction:column}@media (max-width:768px){.receipts-page{padding:15px}.filter-grid{grid-template-columns:1fr}.receipts-table{font-size:12px}.receipts-table td,.receipts-table th{padding:10px}.info-row{grid-template-columns:1fr}.modal-content{max-width:90%}.receipts-summary{flex-wrap:wrap;gap:16px;justify-content:center;padding:12px 10px 16px}.summary-item{align-items:center;text-align:center}.summary-value{font-size:12px}}.btn-delete{background-color:#ffebee;border:none;border-radius:4px;color:#c62828;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .3s}.btn-delete:hover{background-color:#ffcdd2}.modal-small{max-width:400px}.btn-confirm,.btn-skip{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase;transition:all .3s}.btn-confirm{background-color:#e8f5e9;color:#2e7d32}.btn-confirm:hover{background-color:#c8e6c9}.btn-skip{background-color:#ffebee;color:#c62828}.btn-skip:hover{background-color:#ffcdd2}.receipt-print-page{background:#f5f5f5;margin-top:80px;padding:20px;width:100%}@media screen{.receipt-print-page{background:#f5f5f5;margin-top:80px;padding:20px}.receipt-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:40px auto;max-width:80mm;padding:30px}.receipt{font-family:Courier New,monospace;font-size:11px;line-height:1.3}.receipt-header{border-bottom:1px dashed #000;margin-bottom:12px;padding-bottom:8px;text-align:center}.receipt-header h1{font-size:16px;font-weight:700;margin:0 0 3px}.receipt-number-id{font-size:11px;font-weight:700;margin:2px 0}.receipt-number-unique{font-size:10px;margin:2px 0 3px}.receipt-date{font-size:10px;margin:0}.receipt-section{border-bottom:1px dashed #000;margin-bottom:10px;padding-bottom:8px}.receipt-section h3{font-size:10px;font-weight:700;letter-spacing:.3px;margin:0 0 5px;text-transform:uppercase}.receipt-info-line{display:flex;font-size:10px;justify-content:space-between;margin-bottom:2px}.receipt-info-line .label{flex-shrink:0;font-weight:700}.receipt-info-line .value{flex:1 1;margin-left:10px;text-align:right}.receipt-table{border-collapse:collapse;font-size:10px;margin-bottom:5px;width:100%}.receipt-table thead{border-bottom:1px solid #000;border-top:1px solid #000}.receipt-table th{font-size:9px;font-weight:700;padding:3px 0;text-align:left}.receipt-table td{padding:2px 0;text-align:left}.receipt-table .text-center{text-align:center}.receipt-table .text-right{text-align:right}.receipt-total-line{display:flex;font-size:10px;justify-content:space-between;margin-bottom:2px}.receipt-total-line .label{font-weight:700}.receipt-total-line .value{text-align:right}.receipt-total-line.final{border-bottom:1px solid #000;border-top:1px solid #000;font-size:11px;font-weight:700;margin-top:8px;padding:4px 0}.receipt-footer{font-size:9px;font-style:italic;margin-top:8px;text-align:center}.receipt-footer p{margin:2px 0}.receipt-error,.receipt-loading{font-size:14px;margin-top:80px;padding:40px 20px;text-align:center}.receipt-error{color:#e74c3c}}@media print{*{box-sizing:border-box;margin:0;padding:0}.receipt-print-page,body,html{margin:0;padding:0;width:80mm}.receipt-print-page{background:#fff}.receipt-container{margin:0;padding:0;width:80mm}.receipt{font-family:Courier New,monospace;font-size:11px;line-height:1.3;margin:0;padding:10mm;width:80mm}.receipt-header{border-bottom:1px dashed #000;margin-bottom:12px;padding-bottom:8px;text-align:center}.receipt-header h1{font-size:16px;font-weight:700;margin:0 0 3px}.receipt-number-id{font-size:11px;font-weight:700;margin:2px 0}.receipt-number-unique{font-size:10px;margin:2px 0 3px}.receipt-date{font-size:10px;margin:0}.receipt-section{border-bottom:1px dashed #000;margin-bottom:10px;padding-bottom:8px}.receipt-section h3{font-size:10px;font-weight:700;letter-spacing:.3px;margin:0 0 5px;text-transform:uppercase}.receipt-info-line{display:flex;font-size:10px;justify-content:space-between;margin-bottom:2px}.receipt-info-line .label{flex-shrink:0;font-weight:700}.receipt-info-line .value{flex:1 1;margin-left:10px;text-align:right}.receipt-table{border-collapse:collapse;font-size:10px;margin-bottom:5px;width:100%}.receipt-table thead{border-bottom:1px solid #000;border-top:1px solid #000}.receipt-table th{font-size:9px;font-weight:700;padding:3px 0;text-align:left}.receipt-table td{padding:2px 0;text-align:left}.receipt-table .text-center{text-align:center}.receipt-table .text-right{text-align:right}.receipt-total-line{display:flex;font-size:10px;justify-content:space-between;margin-bottom:2px}.receipt-total-line .label{font-weight:700}.receipt-total-line .value{text-align:right}.receipt-total-line.final{border-bottom:1px solid #000;border-top:1px solid #000;font-size:11px;font-weight:700;margin-top:8px;padding:4px 0}.receipt-footer{font-size:9px;font-style:italic;margin-top:8px;text-align:center}.receipt-footer p{margin:2px 0}.app-header,.header,.navbar,[class*=Header],header,nav{display:none!important}*{box-sizing:border-box;margin:0;padding:0}.receipt-print-page,body,html{margin:0;padding:0;width:80mm}.receipt-print-page{background:#fff}.receipt-container{margin:0;padding:0;width:80mm}.receipt{font-family:Courier New,monospace;font-size:11px;line-height:1.3;margin:0;padding:10mm;width:80mm}.receipt-header{border-bottom:1px dashed #000;margin-bottom:12px;padding-bottom:8px;text-align:center}.receipt-header h1{font-size:16px;font-weight:700;margin:0 0 3px}.receipt-number-id{font-size:11px;font-weight:700;margin:2px 0}.receipt-number-unique{font-size:10px;margin:2px 0 3px}.receipt-date{font-size:10px;margin:0}.receipt-section{border-bottom:1px dashed #000;margin-bottom:10px;padding-bottom:8px}.receipt-section h3{font-size:10px;font-weight:700;letter-spacing:.3px;margin:0 0 5px;text-transform:uppercase}.receipt-info-line{display:flex;font-size:10px;justify-content:space-between;margin-bottom:2px}.receipt-info-line .label{flex-shrink:0;font-weight:700}.receipt-info-line .value{flex:1 1;margin-left:10px;text-align:right}.receipt-table{border-collapse:collapse;font-size:10px;margin-bottom:5px;width:100%}.receipt-table thead{border-bottom:1px solid #000;border-top:1px solid #000}.receipt-table th{font-size:9px;font-weight:700;padding:3px 0;text-align:left}.receipt-table td{padding:2px 0;text-align:left}.receipt-table .text-center{text-align:center}.receipt-table .text-right{text-align:right}.receipt-total-line{display:flex;font-size:10px;justify-content:space-between;margin-bottom:2px}.receipt-total-line .label{font-weight:700}.receipt-total-line .value{text-align:right}.receipt-total-line.final{border-bottom:1px solid #000;border-top:1px solid #000;font-size:11px;font-weight:700;margin-top:8px;padding:4px 0}.receipt-footer{font-size:9px;font-style:italic;margin-top:8px;text-align:center}.receipt-footer p{margin:2px 0}}.receipts-page{margin:0 auto;max-width:1400px;padding:30px}.receipts-header{margin-bottom:30px}.receipts-header h1{color:#333;font-size:28px;margin-bottom:5px}.receipts-header p{color:#666;font-size:14px}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:5px;color:#c33;margin-bottom:20px;padding:15px}[dir=rtl] .error-message{text-align:right}.loading{color:#666;padding:40px;text-align:center}.table-container{overflow:auto}.receipts-table{border-collapse:collapse;width:100%}.receipts-table thead{background:#f5f5f5;border-bottom:2px solid #ddd}.receipts-table th{color:#333;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}[dir=rtl] .receipts-table th{text-align:right}.receipts-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.receipts-table tbody tr:hover{background-color:#f9f9f9}.receipts-table td{color:#333;font-size:14px;padding:15px}[dir=rtl] .receipts-table td{text-align:right}.receipt-number{color:#1a6b7a;font-weight:600}[dir=rtl] .receipt-number{direction:ltr;text-align:right}.date{color:#666}.date,.status{font-size:12px}.status{border-radius:4px;display:inline-block;font-weight:600;padding:6px 12px}.status.pending{background:#fff3e0;color:#e65100}.status.completed{background:#e8f5e9;color:#2e7d32}.btn-view{background-color:#e3f2fd;border:none;border-radius:4px;color:#1976d2;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s}.btn-view:hover{background-color:#bbdefb}.no-data{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:24px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}[dir=rtl] .modal-content{text-align:right}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}[dir=rtl] .modal-header{flex-direction:row-reverse}.modal-header h2{color:#333;font-size:20px;margin:0}.btn-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;padding:0}.btn-close:hover{color:#333}.modal-body{padding:20px}.receipt-info{margin-bottom:20px}.receipt-info h3{color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:15px;margin-top:0;text-transform:uppercase}.info-row{grid-gap:15px;border-bottom:1px solid #eee;display:grid;gap:15px;grid-template-columns:150px 1fr;margin-bottom:12px;padding-bottom:12px}.info-row:last-child{border-bottom:none}.info-row label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}[dir=rtl] .info-row label{text-align:right}.info-row p{color:#333;font-size:14px;margin:0}[dir=rtl] .info-row p{text-align:right}.receipt-items{margin-bottom:20px}.receipt-items h3{color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.receipt-items table{border-collapse:collapse;font-size:13px;width:100%}.receipt-items th{border-bottom:1px solid #ddd;color:#333;font-weight:600;padding:8px;text-align:left}[dir=rtl] .receipt-items th{text-align:right}.receipt-items td{border-bottom:1px solid #eee;color:#666;padding:8px}[dir=rtl] .receipt-items td{text-align:right}.receipt-items td:last-child{color:#333;font-weight:600;text-align:right}[dir=rtl] .receipt-items td:last-child{direction:ltr;text-align:left}.receipt-totals{border-top:1px solid #ddd;margin-bottom:20px;padding-top:15px}.total-row{color:#666;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.total-row span:last-child{font-weight:600}[dir=rtl] .total-row span:last-child{direction:ltr}.total-row.grand-total{background:#f9f9f9;border-radius:4px;color:#333;font-size:14px;font-weight:700;margin-top:10px;padding:10px}.modal-actions{border-top:1px solid #eee;display:flex;gap:10px;padding:20px}[dir=rtl] .modal-actions{flex-direction:row-reverse}.btn-close-modal{background-color:#f5f5f5;border:none;border-radius:4px;color:#666;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s}.btn-close-modal:hover{background-color:#e0e0e0}@media (max-width:768px){.receipts-page{padding:15px}.receipts-table{font-size:12px}.receipts-table td,.receipts-table th{padding:10px}.info-row{grid-template-columns:1fr}.modal-content{max-width:90%}}.btn-payment{background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.btn-payment:hover{background-color:#229954;box-shadow:0 2px 8px #27ae604d;transform:translateY(-1px)}.btn-delete-receipt{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.btn-delete-receipt:hover{background-color:#c0392b;box-shadow:0 2px 8px #e74c3c4d;transform:translateY(-1px)}.btn-delete-confirm{background-color:#e74c3c!important;color:#fff!important}.btn-delete-confirm:hover{background-color:#c0392b!important}.delete-modal .modal-body{padding:32px 20px}.delete-modal .modal-body p{color:#555;margin:0}.sales-page{margin:0 auto;max-width:1400px;padding:30px}.sales-header{margin-bottom:30px}.sales-header h1{color:#333;font-size:28px;margin-bottom:5px}.sales-header p{color:#666;font-size:14px}.filter-panel{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:24px}[dir=rtl] .filter-panel{background:linear-gradient(225deg,#f5f7fa,#c3cfe2)}.filter-panel h3{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:0}.filter-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:16px}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#2c3e50;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}[dir=rtl] .filter-group label{text-align:right}.filter-group input,.filter-group select{background-color:#fff;border:1px solid #bbb;border-radius:4px;color:#2c3e50;font-family:inherit;font-size:13px;padding:10px 12px;transition:all .3s ease}[dir=rtl] .filter-group input,[dir=rtl] .filter-group select{text-align:right}.filter-group input:focus,.filter-group select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.filter-group select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.filter-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}[dir=rtl] .filter-actions{flex-direction:row-reverse}.btn-apply,.btn-clear{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:10px 18px;text-transform:uppercase;transition:all .3s ease}.btn-apply{background-color:#3498db;color:#fff}.btn-apply:hover{background-color:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:translateY(-2px)}.btn-clear{background-color:#e74c3c;color:#fff}.btn-clear:hover{background-color:#c0392b;box-shadow:0 4px 8px #e74c3c4d;transform:translateY(-2px)}.results-count{background-color:#3498db1a;border-left:3px solid #3498db;border-radius:4px;color:#34495e;font-size:13px;font-weight:600;padding:8px 12px}[dir=rtl] .results-count{border-left:none;border-right:3px solid #3498db}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow-x:auto}.sales-table{border-collapse:collapse;width:100%}.sales-table thead{background:#f5f5f5;border-bottom:2px solid #ddd}.sales-table th{color:#333;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}[dir=rtl] .sales-table th{text-align:right}.sales-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.sales-table tbody tr:hover{background-color:#f9f9f9}.sales-table td{color:#333;font-size:14px;padding:15px}[dir=rtl] .sales-table td{text-align:right}.sales-table .part-name{color:#1a6b7a;font-weight:600}.sales-table .part-number{color:#666;font-family:Courier New,monospace;font-size:12px}[dir=rtl] .sales-table .part-number{direction:ltr;text-align:right}.sales-table .brand{color:#2c3e50;font-weight:500}.sales-table .model{color:#666}.sales-table .category{color:#666;font-size:12px}.sales-table .quantity{color:#27ae60;font-weight:600;text-align:right}[dir=rtl] .sales-table .quantity{direction:ltr;text-align:left}.sales-table .price{color:#3498db;font-weight:600;text-align:right}[dir=rtl] .sales-table .price{direction:ltr;text-align:left}.sales-table .total{color:#27ae60;font-weight:700;text-align:right}[dir=rtl] .sales-table .total{direction:ltr;text-align:left}.sales-table .date{color:#666;font-size:12px}.no-data{color:#95a5a6;font-style:italic;padding:24px!important;text-align:center}.sales-summary{background:#fff;border-top:1px solid #f0f0f0;display:flex;gap:40px;justify-content:flex-end;padding:12px 20px 18px}[dir=rtl] .sales-summary{flex-direction:row-reverse;justify-content:flex-start}.summary-item{align-items:flex-end;display:flex;flex-direction:column;gap:4px;text-align:right}[dir=rtl] .summary-item{align-items:flex-start;text-align:left}.summary-item label{color:#999;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.summary-value{font-family:Courier New,monospace;font-size:13px;font-weight:700;letter-spacing:.5px}[dir=rtl] .summary-value{direction:ltr}.summary-value.quantity-value{color:#27ae60}.summary-value.sales-value{color:#3498db}.summary-value.average-value{color:#f39c12}.summary-value.revenue-value{color:#27ae60}@media (max-width:768px){.sales-page{padding:15px}.filter-grid{grid-template-columns:1fr}.sales-table{font-size:12px}.sales-table td,.sales-table th{padding:10px}.sales-summary{flex-wrap:wrap;gap:16px;padding:12px 10px 16px}.sales-summary,[dir=rtl] .sales-summary{justify-content:center}.summary-item,[dir=rtl] .summary-item{align-items:center;text-align:center}.summary-value{font-size:12px}.sales-table .price,.sales-table .quantity,.sales-table .total{text-align:left}[dir=rtl] .sales-table .price,[dir=rtl] .sales-table .quantity,[dir=rtl] .sales-table .total{direction:ltr;text-align:right}}.seller-details-page{background:linear-gradient(135deg,#f5f3f0,#e0e0e0);min-height:100vh;padding:40px 20px}[dir=rtl] .seller-details-page{background:linear-gradient(225deg,#f5f3f0,#e0e0e0)}.seller-container{margin:0 auto;max-width:800px}.seller-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001f;overflow:hidden}.seller-header{background:linear-gradient(135deg,#1a6b7a,#2a8a9a);color:#fff;padding:40px 32px;text-align:center}[dir=rtl] .seller-header{background:linear-gradient(225deg,#1a6b7a,#2a8a9a)}.seller-icon{font-size:64px;margin-bottom:16px}.seller-header h1{font-size:32px;font-weight:700;margin:0 0 8px}.seller-header p{font-size:16px;margin:0;opacity:.95}.contact-section{display:flex;flex-direction:column;gap:32px;padding:32px}.contact-item{background:#f9f9f9;border-left:4px solid #1a6b7a;border-radius:12px;display:flex;gap:20px;padding:24px;transition:all .3s ease}[dir=rtl] .contact-item{border-left:none;border-right:4px solid #1a6b7a}.contact-item:hover{background:#f5f3f0;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.contact-icon{flex-shrink:0;font-size:36px}.contact-details{flex:1 1}.contact-details h3{color:#1a6b7a;font-size:18px;font-weight:700;margin:0 0 8px}.contact-details p{color:#333;font-size:16px;line-height:1.5;margin:0 0 12px}.contact-value{color:#1a6b7a;font-family:Courier New,monospace;font-size:18px;font-weight:600}[dir=rtl] .contact-value{direction:ltr;text-align:right}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}[dir=rtl] .contact-actions{flex-direction:row-reverse}.btn-contact-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.btn-call{background:#27ae60;color:#fff}.btn-call:hover{background:#229954;box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.btn-whatsapp{background:#25d366;color:#fff}.btn-whatsapp:hover{background:#1faa52;box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.btn-email{background:#3498db;color:#fff}.btn-email:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.business-info{background:#1a6b7a0d;border-top:1px solid #e0e0e0;padding:32px}[dir=rtl] .business-info{text-align:right}.business-info h3{color:#1a6b7a;font-size:20px;font-weight:700;margin:0 0 16px}.business-info p{color:#555;font-size:15px;line-height:1.7;margin:0}@media (max-width:768px){.seller-details-page{padding:20px 16px}.seller-header{padding:32px 24px}.seller-header h1{font-size:26px}.seller-icon{font-size:48px}.contact-section{gap:24px;padding:24px 20px}.contact-item{flex-direction:column;gap:12px;padding:20px}.contact-icon{font-size:32px}.contact-actions{flex-direction:column}.btn-contact-action{justify-content:center;width:100%}.business-info{padding:24px 20px}}@media (max-width:480px){.seller-header h1{font-size:22px}.seller-header p{font-size:14px}.contact-details h3{font-size:16px}.contact-value{font-size:15px}.btn-contact-action{font-size:13px;padding:8px 16px}}.btn-copy{background:#9b59b6;color:#fff}.btn-copy:hover{background:#8e44ad;box-shadow:0 4px 12px #9b59b64d;transform:translateY(-2px)}@media (max-width:768px){.qr-section{padding:24px 16px}.qr-code{max-width:250px}}.payment-page{background:linear-gradient(135deg,#f5f3f0,#e0e0e0);min-height:100vh;padding:40px 20px}[dir=rtl] .payment-page{background:linear-gradient(225deg,#f5f3f0,#e0e0e0)}.payment-container{margin:0 auto;max-width:900px}.btn-back{background:#fff;border:2px solid #1a6b7a;border-radius:8px;color:#1a6b7a;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;margin-bottom:24px;padding:10px 20px;transition:all .3s ease}.btn-back:hover{background:#1a6b7a;box-shadow:0 4px 12px #1a6b7a33;color:#fff;transform:translateY(-2px)}.payment-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001f;overflow:hidden}.payment-header{background:linear-gradient(135deg,#1a6b7a,#2a8a9a);color:#fff;padding:40px 32px;text-align:center}[dir=rtl] .payment-header{background:linear-gradient(225deg,#1a6b7a,#2a8a9a)}.payment-icon{font-size:64px;margin-bottom:16px}.payment-header h1{font-size:32px;font-weight:700;margin:0 0 8px}.payment-header p{font-size:16px;margin:0;opacity:.95}.payment-body{padding:40px 32px}.qr-section{background:#f9f9f9;border-radius:12px;margin-bottom:40px;padding:32px;text-align:center}.qr-section h2{color:#1a6b7a;font-size:24px;margin:0 0 24px}.qr-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:inline-block;padding:24px}.qr-code{display:block;height:auto;max-width:300px;width:100%}.qr-note{color:#666;font-size:14px;margin-top:16px}.instructions-section{margin-bottom:32px}.instructions-section h2{color:#1a6b7a;font-size:24px;margin:0 0 24px}.payment-steps{counter-reset:step-counter;list-style:none;margin:0;padding:0}.payment-steps li{background:#f9f9f9;border-radius:8px;border-right:4px solid #1a6b7a;counter-increment:step-counter;margin-bottom:16px;padding:20px 20px 20px 60px;position:relative}[dir=rtl] .payment-steps li{border-left:4px solid #1a6b7a;border-right:none;padding:20px 60px 20px 20px}.payment-steps li:before{align-items:center;background:#1a6b7a;border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;position:absolute;right:16px;top:20px;width:32px}[dir=rtl] .payment-steps li:before{left:16px;right:auto}.payment-steps li strong{color:#1a6b7a;display:block;font-size:16px;margin-bottom:8px}.payment-steps li p{color:#666;font-size:14px;line-height:1.5;margin:4px 0 0}.receipt-number-highlight{background:#fff3cd;border:2px solid #ffc107;border-radius:6px;margin:8px 0;padding:12px;text-align:center}.receipt-id{color:#1a6b7a;font-family:Courier New,monospace;font-size:18px;font-weight:700}.important-note{background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;color:#856404;margin-top:8px;padding:12px}[dir=rtl] .important-note{border-left:none;border-right:4px solid #ffc107}.warning-box{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;display:flex;gap:16px;margin-bottom:32px;padding:20px}.warning-icon{flex-shrink:0;font-size:32px}.warning-content h3{color:#856404;font-size:18px;margin:0 0 8px}.warning-content p{color:#856404;line-height:1.6;margin:0}.contact-box{background:#f9f9f9;border-radius:12px;padding:24px;text-align:center}.contact-box h3{color:#1a6b7a;font-size:20px;margin:0 0 8px}.contact-box p{color:#666;margin:0 0 16px}.btn-contact{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.btn-contact:hover{background:#229954;box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}@media (max-width:768px){.payment-page{padding:20px 16px}.payment-header{padding:32px 24px}.payment-header h1{font-size:26px}.payment-icon{font-size:48px}.payment-body{padding:24px 20px}.qr-section{padding:24px 16px}.qr-code{max-width:250px}.payment-steps li{padding:16px 16px 16px 50px}[dir=rtl] .payment-steps li{padding:16px 50px 16px 16px}.payment-steps li:before{font-size:14px;height:28px;width:28px}.warning-box{flex-direction:column;text-align:center}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}