@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--accent:#e67e22;--accent-dark:#ca6f1e;--accent-subtle:#fef5ec;--success:#2d6a4f;--success-bg:#d8f3dc;--error:#c0392b;--error-bg:#fadbd8;--warning:#9c6400;--warning-bg:#fff3cd;--info:#1a5276;--info-bg:#d6eaf8;--star-fill:#f4a623;--star-empty:#dee2e6;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:12px;--r-full:9999px;--shadow-1:0 1px 3px #00000014,0 1px 2px #0000000d;--shadow-2:0 4px 12px #0000001a,0 2px 4px #0000000f;--shadow-modal:0 20px 40px #0000001f,0 8px 16px #0000000f;--nav-h:60px;--content-w:1280px}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--gray-50);color:#212529;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);line-height:1.6;min-height:100vh}.t-display{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.15}.t-h1{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;line-height:1.2}.t-h2{font-size:1.375rem;letter-spacing:-.015em;line-height:1.3}.t-h2,.t-h3{font-weight:600}.t-h3{font-size:1.125rem;line-height:1.4}.t-body{font-size:.9375rem;font-weight:400;line-height:1.6}.t-small{font-size:.8125rem}.t-caption,.t-small{font-weight:500;line-height:1.4}.t-caption{font-size:.75rem;letter-spacing:.01em}.page-title{color:#212529;color:var(--gray-900);font-size:1.875rem;font-weight:700;letter-spacing:-.025em}.page-subtitle{color:#6c757d;color:var(--gray-600);font-size:.9375rem;margin-top:4px;margin-top:var(--space-1)}.page-header{margin-bottom:32px;margin-bottom:var(--space-6)}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1280px;max-width:var(--content-w);padding:32px 24px;padding:var(--space-6) var(--space-5);width:100%}.navbar{background:#fff;background:var(--white);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);height:60px;height:var(--nav-h);justify-content:space-between;padding:0 32px;padding:0 var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{color:#212529;color:var(--gray-900);font-size:1.125rem;font-weight:800;gap:8px;gap:var(--space-2);letter-spacing:-.025em;text-decoration:none}.navbar-brand-dot{background:#e67e22;background:var(--accent);border-radius:9999px;border-radius:var(--r-full);flex-shrink:0;height:8px;width:8px}.navbar-links{align-items:center;display:flex;gap:4px;gap:var(--space-1)}.nav-link{border-radius:6px;border-radius:var(--r-md);color:#6c757d;color:var(--gray-600);font-size:.875rem;font-weight:500;padding:8px 12px;padding:var(--space-2) var(--space-3);text-decoration:none;transition:color .15s ease,background .15s ease}.nav-link.active,.nav-link:hover{background:#f1f3f5;background:var(--gray-100);color:#212529;color:var(--gray-900)}.nav-link.active{font-weight:600}.nav-user{gap:12px;gap:var(--space-3)}.nav-avatar,.nav-user{align-items:center;display:flex}.nav-avatar{background:#fef5ec;background:var(--accent-subtle);border:1.5px solid #e9ecef;border:1.5px solid var(--gray-200);border-radius:9999px;border-radius:var(--r-full);color:#ca6f1e;color:var(--accent-dark);flex-shrink:0;font-size:.75rem;font-weight:700;height:32px;justify-content:center;width:32px}.btn-logout{background:#0000;border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--r-md);color:#6c757d;color:var(--gray-600);cursor:pointer;font-size:.8125rem;font-weight:500;padding:6px 12px;transition:color .15s ease,border-color .15s ease,background .15s ease}.btn-logout:hover{background:#f1f3f5;background:var(--gray-100);border-color:#adb5bd;border-color:var(--gray-500);color:#212529;color:var(--gray-900)}.nav-divider{background:#e9ecef;background:var(--gray-200);height:20px;width:1px}.btn{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--r-md);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:.875rem;font-weight:600;gap:8px;gap:var(--space-2);justify-content:center;padding:9px 18px;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#e67e22;background:var(--accent);border-color:#e67e22;border-color:var(--accent);color:#fff;color:var(--white)}.btn-primary:hover:not(:disabled){border-color:#ca6f1e;border-color:var(--accent-dark)}.btn-primary:active:not(:disabled),.btn-primary:hover:not(:disabled){background:#ca6f1e;background:var(--accent-dark)}.btn-secondary{background:#fff;background:var(--white);border-color:#dee2e6;border-color:var(--gray-300);color:#343a40;color:var(--gray-800)}.btn-secondary:hover:not(:disabled){background:#f1f3f5;background:var(--gray-100);border-color:#ced4da;border-color:var(--gray-400)}.btn-ghost{background:#0000;border-color:#0000;color:#495057;color:var(--gray-700)}.btn-ghost:hover:not(:disabled){background:#f1f3f5;background:var(--gray-100)}.btn-danger{background:#fff;background:var(--white);border-color:#dee2e6;border-color:var(--gray-300);color:#c0392b;color:var(--error)}.btn-danger:hover:not(:disabled){background:#fadbd8;background:var(--error-bg);border-color:#c0392b;border-color:var(--error)}.btn-sm{border-radius:4px;border-radius:var(--r-sm);font-size:.8125rem;padding:6px 12px}.btn-full{width:100%}.form-group{margin-bottom:24px;margin-bottom:var(--space-5)}.form-label{color:#495057;color:var(--gray-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}.form-input,.form-select,.form-textarea{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--r-lg);color:#212529;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:.9375rem;outline:none;padding:9px 13px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.form-input::placeholder{color:#adb5bd;color:var(--gray-500)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#e67e22;border-color:var(--accent);box-shadow:0 0 0 3px #e67e221f}.form-textarea{min-height:80px;resize:vertical}.form-error{color:#c0392b;color:var(--error);font-size:.8125rem;margin-top:4px;margin-top:var(--space-1)}.alert{align-items:flex-start;border-left:3px solid #0000;border-radius:8px;border-radius:var(--r-lg);display:flex;font-size:.875rem;font-weight:500;gap:8px;gap:var(--space-2);margin-bottom:24px;margin-bottom:var(--space-5);padding:10px 14px}.alert-error{background:#fadbd8;background:var(--error-bg);border-left-color:#c0392b;border-left-color:var(--error);color:#c0392b;color:var(--error)}.alert-success{background:#d8f3dc;background:var(--success-bg);border-left-color:#2d6a4f;border-left-color:var(--success);color:#2d6a4f;color:var(--success)}.alert-info{background:#d6eaf8;background:var(--info-bg);border-left-color:#1a5276;border-left-color:var(--info);color:#1a5276;color:var(--info)}.hero{background:linear-gradient(160deg,#212529,#2c3e50);background:linear-gradient(160deg,var(--gray-900) 0,#2c3e50 100%);border-radius:12px;border-radius:var(--r-xl);color:#fff;color:var(--white);margin-bottom:32px;margin-bottom:var(--space-6);padding:48px 32px;padding:var(--space-7) var(--space-6);text-align:center}.hero-eyebrow{color:#e67e22;color:var(--accent);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hero-eyebrow,.hero-title{margin-bottom:12px;margin-bottom:var(--space-3)}.hero-title{color:#fff;color:var(--white);font-size:clamp(2rem,4.5vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.15}.hero-subtitle{color:#ffffffad;font-size:1.0625rem;line-height:1.65;margin:0 auto 32px;margin:0 auto var(--space-6);max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3);justify-content:center}.btn-hero-primary{background:#e67e22;background:var(--accent);border:none;border-radius:6px;border-radius:var(--r-md);color:#fff;color:var(--white);cursor:pointer;font-size:.9375rem;font-weight:600;padding:12px 28px;transition:background .15s ease}.btn-hero-primary:hover{background:#ca6f1e;background:var(--accent-dark)}.btn-hero-secondary{background:#ffffff1a;border:1px solid #ffffff38;border-radius:6px;border-radius:var(--r-md);color:#fff;color:var(--white);cursor:pointer;font-size:.9375rem;font-weight:600;padding:12px 28px;transition:background .15s ease,border-color .15s ease}.btn-hero-secondary:hover{background:#ffffff29}.hero-stats{border-top:1px solid #ffffff1f;display:flex;flex-wrap:wrap;gap:48px;gap:var(--space-7);justify-content:center;margin-top:32px;margin-top:var(--space-6);padding-top:24px;padding-top:var(--space-5)}.hero-stat-number{color:#fff;color:var(--white);font-size:1.75rem;font-weight:800;line-height:1}.hero-stat-label{color:#ffffff8c;font-size:.8125rem;font-weight:500;margin-top:4px;margin-top:var(--space-1)}.search-wrap{margin-bottom:16px;margin-bottom:var(--space-4);position:relative}.search-icon{color:#adb5bd;color:var(--gray-500);font-size:.9rem;left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--r-lg);color:#212529;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:.9375rem;outline:none;padding:10px 14px 10px 38px;transition:border-color .15s,box-shadow .15s;width:100%}.search-input::placeholder{color:#adb5bd;color:var(--gray-500)}.search-input:focus{border-color:#e67e22;border-color:var(--accent);box-shadow:0 0 0 3px #e67e221f}.category-pills{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2);margin-bottom:24px;margin-bottom:var(--space-5)}.category-pill{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:9999px;border-radius:var(--r-full);color:#6c757d;color:var(--gray-600);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:.8125rem;font-weight:500;padding:6px 16px;transition:border-color .15s ease,color .15s ease,background .15s ease;white-space:nowrap}.category-pill:hover{border-color:#adb5bd;border-color:var(--gray-500);color:#212529;color:var(--gray-900)}.category-pill.active{background:#212529;background:var(--gray-900);border-color:#212529;border-color:var(--gray-900);color:#fff;color:var(--white)}.products-grid{grid-gap:24px;grid-gap:var(--space-5);display:grid;gap:24px;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(272px,1fr))}.product-card{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--r-xl);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000d;box-shadow:var(--shadow-1);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.product-card:hover{border-color:#dee2e6;border-color:var(--gray-300);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-2);transform:translateY(-3px)}.product-image-wrap{background:#f1f3f5;background:var(--gray-100);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);height:208px;overflow:hidden}.product-image{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-image{transform:scale(1.04)}.product-image-placeholder{align-items:center;background:#f1f3f5;background:var(--gray-100);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);color:#ced4da;color:var(--gray-400);display:flex;font-size:2rem;height:208px;justify-content:center;width:100%}.product-badge{border-radius:4px;border-radius:var(--r-sm);font-size:.6875rem;font-weight:700;left:12px;left:var(--space-3);letter-spacing:.05em;padding:3px 8px;pointer-events:none;position:absolute;text-transform:uppercase;top:12px;top:var(--space-3)}.badge-sale{background:#c0392b;background:var(--error)}.badge-new,.badge-sale{color:#fff;color:var(--white)}.badge-new{background:#212529;background:var(--gray-900)}.badge-limited{background:#fff3cd;background:var(--warning-bg);border:1px solid #f0c36d;color:#9c6400;color:var(--warning)}.product-body{display:flex;flex:1 1;flex-direction:column;gap:8px;gap:var(--space-2);padding:16px;padding:var(--space-4)}.product-category{color:#adb5bd;color:var(--gray-500);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.product-name{color:#212529;color:var(--gray-900);font-size:.9375rem;font-weight:600;line-height:1.4}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;color:var(--gray-600);display:-webkit-box;flex:1 1;font-size:.8125rem;line-height:1.55;overflow:hidden}.product-rating{gap:6px;margin-top:4px;margin-top:var(--space-1)}.product-rating,.stars{align-items:center;display:flex}.stars{gap:1px}.star{font-size:.8125rem}.star-full,.star-half{color:#f4a623;color:var(--star-fill)}.star-empty{color:#dee2e6;color:var(--star-empty)}.rating-value{color:#343a40;color:var(--gray-800);font-size:.8125rem;font-weight:600}.rating-count{color:#adb5bd;color:var(--gray-500);font-size:.8125rem}.product-price-row{align-items:baseline;display:flex;gap:8px;gap:var(--space-2);margin-top:4px;margin-top:var(--space-1)}.product-price{color:#212529;color:var(--gray-900);font-size:1.125rem;font-weight:700}.product-price-original{color:#adb5bd;color:var(--gray-500);font-size:.875rem;font-weight:400;text-decoration:line-through}.product-price-discount{background:#d8f3dc;background:var(--success-bg);border-radius:4px;border-radius:var(--r-sm);color:#2d6a4f;color:var(--success);font-size:.75rem;font-weight:600;padding:2px 6px}.product-stock{color:#adb5bd;color:var(--gray-500);font-size:.75rem}.product-stock.low{color:#9c6400;color:var(--warning)}.product-stock.out{color:#c0392b;color:var(--error)}.product-footer{align-items:center;border-top:1px solid #f1f3f5;border-top:1px solid var(--gray-100);display:flex;gap:8px;gap:var(--space-2);justify-content:space-between;margin-top:12px;margin-top:var(--space-3);padding-top:12px;padding-top:var(--space-3)}.btn-cart{background:#212529;background:var(--gray-900);border:1px solid #212529;border:1px solid var(--gray-900);border-radius:6px;border-radius:var(--r-md);color:#fff;color:var(--white);cursor:pointer;flex-shrink:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:.8125rem;font-weight:600;padding:8px 16px;transition:background .15s ease;white-space:nowrap}.btn-cart:hover:not(:disabled){background:#495057;background:var(--gray-700);border-color:#495057;border-color:var(--gray-700)}.btn-cart:disabled{cursor:not-allowed;opacity:.45}.btn-cart.added{background:#fff;background:var(--white);border-color:#2d6a4f;border-color:var(--success);color:#2d6a4f;color:var(--success)}.cart-badge{align-items:center;background:#e67e22;background:var(--accent);border-radius:9999px;border-radius:var(--r-full);color:#fff;color:var(--white);display:inline-flex;font-size:.6875rem;font-weight:700;height:18px;justify-content:center;margin-left:4px;margin-left:var(--space-1);min-width:18px;padding:0 5px}.products-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4)}.products-toolbar .search-wrap{flex:1 1;margin-bottom:0;min-width:220px}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{animation:shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#e9ecef 25%,#f1f3f5 50%,#e9ecef 75%);background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:600px 100%;border-radius:8px;border-radius:var(--r-lg)}.skeleton-img{border-radius:0;height:208px}.skeleton-text{height:13px}.skeleton-text,.skeleton-title{margin-bottom:8px;margin-bottom:var(--space-2)}.skeleton-title{height:17px;width:65%}.skeleton-sm{height:11px;width:45%}.skeleton-btn{border-radius:6px;border-radius:var(--r-md);height:34px;width:90px}.empty-state{background:#fff;background:var(--white);border:1px dashed #dee2e6;border:1px dashed var(--gray-300);border-radius:12px;border-radius:var(--r-xl);color:#6c757d;color:var(--gray-600);padding:64px 32px;padding:var(--space-8) var(--space-6);text-align:center}.empty-state-icon{display:block;font-size:2.5rem;margin-bottom:16px;margin-bottom:var(--space-4);opacity:.6}.empty-state h3{color:#343a40;color:var(--gray-800);font-size:1.125rem;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-2)}.empty-state p{color:#adb5bd;color:var(--gray-500);font-size:.9375rem}.modal-overlay{align-items:center;animation:fadeIn .18s ease;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--space-4);position:fixed;z-index:200}.modal{animation:slideUp .22s ease;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--r-xl);box-shadow:0 20px 40px #0000001f,0 8px 16px #0000000f;box-shadow:var(--shadow-modal);max-height:90vh;max-width:480px;overflow-y:auto;padding:24px;padding:var(--space-5);width:100%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-5);padding-bottom:16px;padding-bottom:var(--space-4)}.modal-title{color:#212529;color:var(--gray-900);font-size:1.125rem;font-weight:700}.modal-close{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--r-md);color:#adb5bd;color:var(--gray-500);cursor:pointer;display:flex;font-size:1.125rem;height:32px;justify-content:center;line-height:1;transition:background .15s ease,color .15s ease;width:32px}.modal-close:hover{background:#f1f3f5;background:var(--gray-100);color:#212529;color:var(--gray-900)}.checkout-steps{align-items:flex-start;display:flex;gap:0;margin-bottom:24px;margin-bottom:var(--space-5);position:relative}.checkout-steps:before{background:#e9ecef;background:var(--gray-200);content:"";height:1px;left:0;position:absolute;right:0;top:14px;z-index:0}.step-item{flex:1 1;flex-direction:column;gap:6px;position:relative;z-index:1}.step-circle,.step-item{align-items:center;display:flex}.step-circle{background:#fff;background:var(--white);border:1.5px solid #dee2e6;border:1.5px solid var(--gray-300);border-radius:9999px;border-radius:var(--r-full);color:#adb5bd;color:var(--gray-500);font-size:.75rem;font-weight:700;height:28px;justify-content:center;transition:background .15s,border-color .15s,color .15s;width:28px}.step-item.active .step-circle{background:#e67e22;background:var(--accent);border-color:#e67e22;border-color:var(--accent);color:#fff;color:var(--white)}.step-item.done .step-circle{background:#2d6a4f;background:var(--success);border-color:#2d6a4f;border-color:var(--success);color:#fff;color:var(--white)}.step-label{color:#adb5bd;color:var(--gray-500);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-align:center;text-transform:uppercase}.step-item.active .step-label{color:#e67e22;color:var(--accent)}.step-item.done .step-label{color:#2d6a4f;color:var(--success)}.cart-list{display:flex;flex-direction:column;gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4);max-height:46vh;overflow-y:auto}.cart-item{align-items:center;background:#f8f9fa;background:var(--gray-50);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--r-lg);display:flex;gap:12px;gap:var(--space-3);padding:12px;padding:var(--space-3)}.cart-item-info{flex:1 1;min-width:0}.cart-item-name{color:#212529;color:var(--gray-900);font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-price{color:#adb5bd;color:var(--gray-500);font-size:.8125rem;margin-top:2px}.qty-control{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--r-md);overflow:hidden}.qty-btn,.qty-control{align-items:center;display:flex}.qty-btn{background:none;border:none;color:#495057;color:var(--gray-700);cursor:pointer;font-size:1rem;height:28px;justify-content:center;line-height:1;transition:background .15s;width:28px}.qty-btn:hover:not(:disabled){background:#f1f3f5;background:var(--gray-100)}.qty-btn:disabled{cursor:not-allowed;opacity:.4}.qty-value{font-size:.875rem;font-weight:600;min-width:24px;padding:0 8px;padding:0 var(--space-2);text-align:center}.cart-item-total,.qty-value{color:#212529;color:var(--gray-900)}.cart-item-total{font-size:.9375rem;font-weight:700;min-width:52px;text-align:right}.cart-remove-btn{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--r-sm);color:#ced4da;color:var(--gray-400);cursor:pointer;display:flex;font-size:.875rem;height:26px;justify-content:center;transition:background .15s,color .15s;width:26px}.cart-remove-btn:hover{background:#fadbd8;background:var(--error-bg);color:#c0392b;color:var(--error)}.cart-subtotal{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);border-top:1px solid #e9ecef;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4);padding:16px 0;padding:var(--space-4) 0}.cart-subtotal-label{color:#6c757d;color:var(--gray-600);font-size:.9375rem;font-weight:500}.cart-subtotal-value{color:#212529;color:var(--gray-900);font-size:1.25rem;font-weight:800}.order-summary-card{background:#f8f9fa;background:var(--gray-50);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--r-lg);margin-bottom:24px;margin-bottom:var(--space-5);padding:16px;padding:var(--space-4)}.order-summary-title{color:#adb5bd;color:var(--gray-500);font-size:.8125rem;font-weight:700;letter-spacing:.05em;margin-bottom:12px;margin-bottom:var(--space-3);text-transform:uppercase}.order-summary-row{color:#495057;color:var(--gray-700);display:flex;font-size:.875rem;justify-content:space-between;padding:4px 0}.order-summary-row strong{color:#212529;color:var(--gray-900);font-weight:600}.order-summary-total{border-top:1px solid #dee2e6;border-top:1px solid var(--gray-300);color:#212529;color:var(--gray-900);display:flex;font-size:1rem;font-weight:700;justify-content:space-between;margin-top:8px;margin-top:var(--space-2);padding-top:12px;padding-top:var(--space-3)}.success-icon{align-items:center;background:#d8f3dc;background:var(--success-bg);border-radius:9999px;border-radius:var(--r-full);display:flex;font-size:1.75rem;height:64px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--space-4);width:64px}.order-ref-box{background:#f8f9fa;background:var(--gray-50);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--r-lg);margin:16px 0 24px;margin:var(--space-4) 0 var(--space-5);padding:16px;padding:var(--space-4);text-align:center}.order-ref-label{color:#adb5bd;color:var(--gray-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:4px;margin-bottom:var(--space-1);text-transform:uppercase}.order-ref-value{color:#212529;color:var(--gray-900);font-family:monospace;font-size:1rem;font-weight:700}.orders-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.order-card{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--r-xl);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000d;box-shadow:var(--shadow-1);padding:24px;padding:var(--space-5);transition:box-shadow .15s ease}.order-card:hover{box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-2)}.order-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4)}.order-id{color:#212529;color:var(--gray-900);font-family:monospace;font-size:.9375rem;font-weight:700}.order-date{color:#adb5bd;color:var(--gray-500);font-size:.8125rem;margin-top:3px}.order-status{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:4px 10px;text-transform:capitalize}.status-pending{background:#fff3cd;background:var(--warning-bg);color:#9c6400;color:var(--warning)}.status-confirmed{background:#d6eaf8;background:var(--info-bg);color:#1a5276;color:var(--info)}.status-shipped{background:#e9ecef;background:var(--gray-200);color:#495057;color:var(--gray-700)}.status-delivered{background:#d8f3dc;background:var(--success-bg);color:#2d6a4f;color:var(--success)}.status-cancelled{background:#fadbd8;background:var(--error-bg);color:#c0392b;color:var(--error)}.order-items{display:flex;flex-direction:column;gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4)}.order-item{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.order-item-name{color:#343a40;color:var(--gray-800);font-weight:500}.order-total{align-items:center;border-top:1px solid #e9ecef;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;padding-top:16px;padding-top:var(--space-4)}.order-total-label{color:#6c757d;color:var(--gray-600);font-size:.9375rem;font-weight:500}.order-total-amount{color:#212529;color:var(--gray-900);font-size:1.125rem;font-weight:700}.auth-wrapper{align-items:center;background:#f8f9fa;background:var(--gray-50);display:flex;justify-content:center;min-height:100vh;padding:16px;padding:var(--space-4)}.auth-card{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--r-xl);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-2);max-width:400px;padding:48px 32px;padding:var(--space-7) var(--space-6);width:100%}.auth-logo{align-items:center;color:#212529;color:var(--gray-900);display:flex;font-size:1.375rem;font-weight:800;gap:8px;gap:var(--space-2);justify-content:center;letter-spacing:-.025em;margin-bottom:8px;margin-bottom:var(--space-2);text-align:center}.auth-logo-dot{background:#e67e22;background:var(--accent);border-radius:9999px;border-radius:var(--r-full);height:9px;width:9px}.auth-subtitle{color:#adb5bd;color:var(--gray-500);font-size:.9375rem;margin-bottom:24px;margin-bottom:var(--space-5);text-align:center}.auth-toggle{color:#6c757d;color:var(--gray-600);font-size:.875rem;margin-top:16px;margin-top:var(--space-4);text-align:center}.auth-toggle a{color:#e67e22;color:var(--accent);font-weight:600;text-decoration:none}.auth-toggle a:hover{text-decoration:underline}.tabs{background:#f1f3f5;background:var(--gray-100);border-radius:8px;border-radius:var(--r-lg);display:flex;gap:4px;gap:var(--space-1);margin-bottom:24px;margin-bottom:var(--space-5);padding:4px;padding:var(--space-1)}.tab{background:none;border:none;border-radius:6px;border-radius:var(--r-md);color:#6c757d;color:var(--gray-600);cursor:pointer;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:.875rem;font-weight:500;padding:8px 16px;transition:background .15s,color .15s}.tab.active{background:#fff;background:var(--white);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000d;box-shadow:var(--shadow-1);font-weight:600}.tab.active,.tab:hover:not(.active){color:#212529;color:var(--gray-900)}.spinner{animation:spin .7s linear infinite;border:2px solid #dee2e6;border-top-color:#e67e22;border:2px solid var(--gray-300);border-radius:9999px;border-radius:var(--r-full);border-top-color:var(--accent);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.main-content{padding:24px 16px;padding:var(--space-5) var(--space-4)}.products-grid{gap:16px;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){:root{--nav-h:56px}.navbar{padding:0 16px;padding:0 var(--space-4)}.navbar-brand{font-size:1rem}.main-content{padding:16px 12px;padding:var(--space-4) var(--space-3)}.hero{padding:32px 16px;padding:var(--space-6) var(--space-4)}.hero-title{font-size:1.875rem}.hero-subtitle{font-size:.9375rem}.hero-stats{gap:24px;gap:var(--space-5)}.products-grid{gap:12px;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.auth-card{padding:32px 16px;padding:var(--space-6) var(--space-4)}.products-toolbar{align-items:stretch;flex-direction:column}}@media (max-width:480px){.navbar{padding:0 12px;padding:0 var(--space-3)}.nav-link{font-size:.8125rem;padding:6px 10px}.main-content{padding:12px;padding:var(--space-3) var(--space-3)}.hero{border-radius:8px;border-radius:var(--r-lg);padding:24px 12px;padding:var(--space-5) var(--space-3)}.hero-title{font-size:1.625rem}.hero-stats{flex-direction:column;gap:16px;gap:var(--space-4)}.products-grid{gap:8px;gap:var(--space-2);grid-template-columns:1fr 1fr}.product-image-placeholder,.product-image-wrap{height:160px}.product-body{padding:12px;padding:var(--space-3)}.product-name{font-size:.875rem}.category-pills{gap:4px;gap:var(--space-1)}.category-pill{font-size:.75rem;padding:5px 12px}.modal{border-radius:8px;border-radius:var(--r-lg);max-width:100%}}.chat-fab{align-items:center;background:#212529;background:var(--gray-900);border:none;border-radius:9999px;border-radius:var(--r-full);bottom:24px;bottom:var(--space-5);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-2);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.25rem;height:52px;justify-content:center;position:fixed;right:24px;right:var(--space-5);transition:background .15s ease,transform .15s ease;-webkit-user-select:none;user-select:none;width:52px;z-index:300}.chat-fab:hover{background:#495057;background:var(--gray-700);transform:scale(1.05)}.chat-fab:active{transform:scale(.97)}.chat-fab-badge{background:#e67e22;background:var(--accent);border:2px solid #fff;border:2px solid var(--white);border-radius:9999px;border-radius:var(--r-full);height:10px;position:absolute;right:4px;top:4px;width:10px}.chat-panel{animation:chatSlideUp .2s ease;background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--r-xl);bottom:88px;bottom:calc(var(--space-5) + 64px);box-shadow:0 20px 40px #0000001f,0 8px 16px #0000000f;box-shadow:var(--shadow-modal);display:flex;flex-direction:column;max-height:560px;min-height:300px;overflow:hidden;position:fixed;right:24px;right:var(--space-5);width:380px;z-index:299}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{align-items:center;background:#212529;background:var(--gray-900);border-radius:12px 12px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px;padding:var(--space-3) var(--space-4)}.chat-header-title{align-items:center;color:#fff;color:var(--white);display:flex;font-size:.9375rem;font-weight:700;gap:8px;gap:var(--space-2);letter-spacing:-.01em}.chat-header-dot{background:#e67e22;background:var(--accent);border-radius:9999px;border-radius:var(--r-full);flex-shrink:0;height:8px;width:8px}.chat-close-btn{align-items:center;background:#ffffff1f;border:none;border-radius:6px;border-radius:var(--r-md);color:#fff;color:var(--white);cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:28px;justify-content:center;transition:background .15s;width:28px}.chat-close-btn:hover{background:#ffffff38}.chat-messages{background:#f8f9fa;background:var(--gray-50);flex:1 1;gap:12px;gap:var(--space-3);overflow-y:auto;padding:12px 16px;padding:var(--space-3) var(--space-4);scroll-behavior:smooth}.chat-messages,.chat-msg{display:flex;flex-direction:column}.chat-msg{max-width:86%}.chat-msg.user{align-items:flex-end;align-self:flex-end}.chat-msg.assistant{align-items:flex-start;align-self:flex-start}.chat-bubble{border-radius:8px;border-radius:var(--r-lg);font-size:.875rem;line-height:1.6;padding:8px 12px;white-space:pre-wrap;word-break:break-word}.chat-msg.user .chat-bubble{background:#212529;background:var(--gray-900);border-radius:8px 8px 4px 8px;border-radius:var(--r-lg) var(--r-lg) var(--r-sm) var(--r-lg);color:#fff;color:var(--white)}.chat-msg.assistant .chat-bubble{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:8px 8px 8px 4px;border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--r-sm);color:#212529;color:var(--gray-900)}.chat-timestamp{color:#ced4da;color:var(--gray-400);font-size:.6875rem;margin-top:3px;padding:0 4px;padding:0 var(--space-1)}.chat-typing{align-items:center;background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:8px 8px 8px 4px;border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--r-sm);display:flex;gap:4px;padding:10px 14px;width:-webkit-fit-content;width:fit-content}.chat-typing-dot{animation:chatTypingBounce 1.2s ease-in-out infinite;background:#ced4da;background:var(--gray-400);border-radius:9999px;border-radius:var(--r-full);height:6px;width:6px}.chat-typing-dot:nth-child(2){animation-delay:.18s}.chat-typing-dot:nth-child(3){animation-delay:.36s}@keyframes chatTypingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.chat-welcome{background:#fef5ec;background:var(--accent-subtle);border:1px solid #e67e222e;border-radius:8px;border-radius:var(--r-lg);color:#495057;color:var(--gray-700);font-size:.875rem;line-height:1.6;padding:12px 16px;padding:var(--space-3) var(--space-4)}.chat-welcome strong{color:#ca6f1e;color:var(--accent-dark)}.chat-welcome-prompts{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2);margin-top:12px;margin-top:var(--space-3)}.chat-prompt-chip{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:9999px;border-radius:var(--r-full);color:#495057;color:var(--gray-700);cursor:pointer;font-size:.8125rem;line-height:1.5;padding:4px 10px;transition:border-color .15s,color .15s}.chat-prompt-chip:hover{border-color:#e67e22;border-color:var(--accent);color:#ca6f1e;color:var(--accent-dark)}.chat-error{align-items:center;background:#fadbd8;background:var(--error-bg);border-left:3px solid #c0392b;border-left:3px solid var(--error);border-radius:6px;border-radius:var(--r-md);display:flex;font-size:.8125rem;gap:8px;gap:var(--space-2);justify-content:space-between;margin:0 12px;margin:0 var(--space-3) 0;padding:8px 12px}.chat-error,.chat-error-dismiss{color:#c0392b;color:var(--error);flex-shrink:0}.chat-error-dismiss{background:none;border:none;cursor:pointer;font-size:.75rem;line-height:1;padding:0}.chat-input-area{align-items:flex-end;background:#fff;background:var(--white);border-top:1px solid #e9ecef;border-top:1px solid var(--gray-200);display:flex;flex-shrink:0;gap:8px;gap:var(--space-2);padding:12px 16px;padding:var(--space-3) var(--space-4)}.chat-textarea{background:#f8f9fa;background:var(--gray-50);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--r-lg);color:#212529;color:var(--gray-900);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:.875rem;line-height:1.55;max-height:100px;min-height:38px;outline:none;padding:8px 12px;resize:none;transition:border-color .15s,box-shadow .15s}.chat-textarea::placeholder{color:#adb5bd;color:var(--gray-500)}.chat-textarea:focus{border-color:#e67e22;border-color:var(--accent);box-shadow:0 0 0 3px #e67e221a}.chat-textarea:disabled{cursor:not-allowed;opacity:.6}.chat-send-btn{align-items:center;background:#212529;background:var(--gray-900);border:none;border-radius:8px;border-radius:var(--r-lg);color:#fff;color:var(--white);cursor:pointer;display:flex;flex-shrink:0;font-size:1.125rem;height:38px;justify-content:center;line-height:1;transition:background .15s,transform .1s;width:38px}.chat-send-btn:hover:not(:disabled){background:#495057;background:var(--gray-700)}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.35}@media (max-width:480px){.chat-panel{border-bottom:none;border-left:none;border-right:none;bottom:0;max-height:80vh;right:0;width:100vw}.chat-header,.chat-panel{border-radius:12px 12px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0}.chat-fab{bottom:16px;bottom:var(--space-4);right:16px;right:var(--space-4)}}
/*# sourceMappingURL=main.be86518d.css.map*/