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)}.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)}.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}.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)}.part-content{display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-lg)}.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}.part-description,.part-number{margin-bottom:var(--spacing-md)}.part-description{color:#666;font-size:12px;line-height:1.4}.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}.part-price .currency{font-size:14px}.price-edit-inline{align-items:center;display:flex;gap:.5rem;margin-bottom:var(--spacing-md)}.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)}.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)}.stock-label{color:#666;font-size:13px;font-weight:500}.btn-edit-small{background:#1a6b7a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;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}.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}.part-btn-primary:hover{background:linear-gradient(135deg,#0f4d5a,#1a6b7a);box-shadow:var(--shadow-md)}.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{background:#fff;border:2px solid #1a6b7a;border-radius:8px;color:#1a6b7a;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;margin-bottom:32px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-back:hover{background:#1a6b7a;box-shadow:0 4px 16px #1a6b7a1f;color:#fff;transform:translateY(-2px)}.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}.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}.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}.meta-label{color:#555;font-weight:600;min-width:120px}.meta-value{color:#1a1a1a;font-weight:500;text-align:right}.meta-value.mono{color:#666;font-family:Monaco,monospace}.part-price-section{align-items:flex-end;background:#1a6b7a0d;border-radius:8px;display:flex;gap:20px;margin-bottom:24px;padding:20px}.price{color:#1a6b7a;font-size:32px}.currency{font-size:24px;margin-right:4px}.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}.part-actions{display:flex;gap:12px}.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}.btn-order:hover{background:linear-gradient(135deg,#0f4d5a,#1a6b7a);box-shadow:0 8px 24px #1a1a1a29;transform:translateY(-2px)}.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;grid-template-columns:1fr;padding:24px}.part-details-image{height:300px;max-width:500px;width:100%}.part-details-content h1,.price{font-size:28px}.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{flex-direction:column;gap:4px}.meta-label{min-width:auto}.meta-value{text-align:left}.part-price-section{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}.message-error,.message-success{font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px}.message-success{background-color:#efe;border:1px solid #cfc;border-radius:6px;color:#3c3}.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}.quantity-controls{align-items:center;display:flex;gap:8px;max-width:180px}.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)}.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)}.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}.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}.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}.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)}.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}.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)}.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%}.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)}.btn-submit:hover{background:linear-gradient(135deg,#0f4d5a,#1a6b7a);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.mono{color:#666;font-family:Monaco,monospace}.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}.table-edit-inline{align-items:center;display:flex;gap:.5rem}.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;flex-direction:column}.btn-clear,.results-count{text-align:center;width:100%}}.header-desktop{align-items:center;display:flex;gap:16px}.header-mobile{display:none;position:relative}.header-username{color:#f5f3f0;font-size:14px;font-weight:600;letter-spacing:.3px}.btn-admin,.btn-language,.btn-login,.btn-logout,.btn-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-admin,.btn-login{background:#d4af37;box-shadow:0 4px 12px #d4af374d;color:#1a1a1a}.btn-admin:hover,.btn-login:hover{background:#f5f3f0;box-shadow:0 8px 20px #d4af3766;transform:translateY(-3px)}.btn-logout{background:#f5f3f033;border:2px solid #d4af37;color:#d4af37}.btn-logout:hover{background:#d4af37;color:#1a1a1a}.btn-menu{background:#d4af3740;border:2px solid #d4af37;color:#d4af37;font-size:18px;padding:8px 12px}.btn-menu:hover{background:#d4af37;color:#1a6b7a}.dropdown-menu{min-width:200px}.dropdown-username{color:#f5f3f0;display:block;font-size:12px;font-weight:600;padding:12px 18px}@media (max-width:768px){.header-container{padding:14px 16px}.header-logo{font-size:18px}.header-nav{gap:12px}.header-desktop{display:none}.header-mobile{display:block}.btn-language{font-size:14px;padding:8px 14px}}@media (max-width:480px){.header-container{padding:12px}.header-logo{font-size:16px}.header-nav{gap:10px}.btn-language{font-size:13px;min-width:auto;padding:8px 12px}}.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}.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}.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}.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%}.dropdown-item:hover{background:#d4af3726;padding-left: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%}.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{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:10px}.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}.dropdown-item{font-size:13px;padding:10px 14px}.dropdown-item:hover{padding-left: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 label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.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}}.accounts-page{margin:0 auto;max-width:1400px;padding:30px}.accounts-header{margin-bottom:30px}.accounts-header h1{color:#333;font-size:28px;margin-bottom:5px}.accounts-header p{color:#666;font-size:14px}.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}.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}.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}.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-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{max-width:600px}.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}.detail-group p{color:#333;font-size:14px;margin:0}.detail-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.modal-actions{justify-content:flex-end}.btn-modal{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:10px 18px;text-transform:uppercase;transition:all .2s}.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:#f5f5f5;color:#666}.btn-modal.btn-close-modal:hover{background-color:#e0e0e0}@media (max-width:768px){.accounts-page{padding:15px}.accounts-table{font-size:12px}.accounts-table td,.accounts-table th{padding:10px}.accounts-table .actions{flex-direction:column}.btn-small{width:100%}.detail-row{grid-template-columns:1fr}}.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}}.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}.item-price{color:#1a6b7a;font-size:18px;font-weight:600;margin:0}.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}.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}.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}.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}.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}.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}.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{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;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}.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}.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}.receipt-number{color:#1a6b7a;font-weight:600}.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%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.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}.info-row p{color:#333;font-size:14px;margin:0}.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}.receipt-items td{border-bottom:1px solid #eee;color:#666;padding:8px}.receipt-items td:last-child{color:#333;font-weight:600;text-align:right}.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}.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}.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%}}.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}.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}.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}.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}.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}.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}.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}.sales-table .part-name{color:#1a6b7a;font-weight:600}.sales-table .part-number{color:#666;font-family:Courier New,monospace;font-size:12px}.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}.sales-table .price{color:#3498db;font-weight:600;text-align:right}.sales-table .total{color:#27ae60;font-weight:700;text-align:right}.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}.summary-item{align-items:flex-end;display:flex;flex-direction:column;gap:4px;text-align:right}.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}.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;justify-content:center;padding:12px 10px 16px}.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}}.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)}}