body{-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}.toast-container{display:flex;flex-direction:column;gap:10px;max-width:400px;position:fixed;right:20px;top:20px;z-index:10000}.toast{align-items:center;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 8px 24px #0003;color:#fff;display:flex;font-weight:500;gap:12px;padding:14px 18px}.toast-success{background:linear-gradient(135deg,#10b981,#059669)}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-icon{font-size:1.2rem}.toast-message{flex:1 1;font-size:.95rem}.toast-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:26px;justify-content:center;transition:background .2s;width:26px}.toast-close:hover{background:#ffffff4d}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1rem}.skeleton-image{height:200px;margin-bottom:1rem;width:100%}.skeleton-title{height:24px;margin-bottom:.5rem;width:80%}.skeleton-text{height:16px;margin-bottom:.5rem;width:60%}.skeleton-price{height:20px;width:40%}.skeleton-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:1rem}.skeleton-line{height:16px;margin-bottom:.5rem}.search-bar{align-items:center;display:flex;margin:0 auto 1.5rem;max-width:500px;position:relative}.search-icon{font-size:1.1rem;left:16px;opacity:.6;position:absolute}.search-input{background:#fff;border:2px solid #e0e0e0;border-radius:50px;font-size:1rem;padding:14px 45px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#3498db;box-shadow:0 4px 20px #3498db33;outline:none}.search-input::placeholder{color:#999}.search-clear{align-items:center;background:#e0e0e0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.1rem;height:24px;justify-content:center;position:absolute;right:16px;transition:all .2s;width:24px}.search-clear:hover{background:#ccc;color:#333}.filters-container{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:1.5rem;padding:1rem 1.5rem}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.3rem;min-width:140px}.filter-group label{color:#666;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group input,.filter-group select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:10px 14px;transition:all .2s}.filter-group input:focus,.filter-group select:focus{border-color:#3498db;outline:none}.filter-group input[type=number]{width:100px}.filter-reset{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-left:auto;padding:10px 20px;transition:all .2s}.filter-reset:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}@media (max-width:768px){.filters-row{align-items:stretch;flex-direction:column}.filter-group,.filter-group input[type=number]{width:100%}.filter-reset{margin-left:0;margin-top:.5rem}}.pagination-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.pagination-info{color:#666;font-size:.9rem}.pagination-buttons{display:flex;gap:.4rem}.pagination-btn{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;cursor:pointer;font-weight:500;height:40px;min-width:40px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#3498db;box-shadow:0 4px 12px #3498db4d;color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn.active{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 12px #3498db66;color:#fff}@media (max-width:480px){.pagination-btn{font-size:.9rem;height:35px;min-width:35px}}.cart-page{margin:0 auto;max-width:1200px;padding:2rem}.cart-page h1{margin-bottom:2rem}.cart-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;padding:1.5rem}.cart-item-image{border-radius:8px;height:100px;object-fit:cover;width:100px}.cart-item-details{flex:1 1}.cart-item-details h3{font-size:1.1rem;margin:0 0 .5rem}.cart-item-price{color:#3498db;font-weight:600}.cart-item-old-price{color:#999;font-size:.9rem;margin-right:.5rem;text-decoration:line-through}.cart-item-quantity{align-items:center;display:flex;gap:.75rem}.qty-btn{border:2px solid #e0e0e0;height:32px;width:32px}.qty-btn:hover{border-color:#3498db;color:#3498db}.cart-item-subtotal{font-weight:600;min-width:100px;text-align:right}.cart-item-remove{background:#fee2e2;border:none;border-radius:8px;color:#ef4444;cursor:pointer;font-size:1.3rem;height:32px;transition:all .2s;width:32px}.cart-item-remove:hover{background:#ef4444;color:#fff}.cart-summary{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.cart-summary h3{border-bottom:2px solid #f0f0f0;margin:0 0 1.5rem;padding-bottom:1rem}.cart-summary-row{color:#666;display:flex;justify-content:space-between;margin-bottom:.75rem}.cart-total{border-top:2px solid #f0f0f0;color:#333;font-size:1.3rem;font-weight:700;margin-top:1rem;padding-top:1rem}.cart-checkout-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1.5rem;padding:1rem;transition:all .3s;width:100%}.cart-checkout-btn:hover{box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.cart-clear-btn{background:#0000;border:2px solid #e0e0e0;border-radius:10px;color:#999;cursor:pointer;margin-top:.75rem;padding:.75rem;transition:all .2s;width:100%}.cart-clear-btn:hover{border-color:#ef4444;color:#ef4444}.cart-empty{padding:4rem 2rem;text-align:center}.cart-empty-icon{display:block;font-size:4rem;margin-bottom:1rem}.cart-empty h2{margin:0 0 .5rem}.cart-empty p{color:#666;margin-bottom:1.5rem}.cart-icon{text-decoration:none!important}.cart-icon-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;font-size:.7rem;height:18px;min-width:18px}@media (max-width:900px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:600px){.cart-item{flex-wrap:wrap}.cart-item-image{height:80px;width:80px}.cart-item-subtotal{margin-top:.5rem;text-align:left;width:100%}}:root{--bg-body:#f8fafc;--bg-surface:#fff;--bg-surface-trans:#ffffffd9;--primary:#020617;--secondary:#334155;--accent:#d97706;--accent-hover:#b45309;--accent-text:#fff;--danger:#ef4444;--success:#10b981;--info:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008;--shadow-glow:0 0 15px #d9770633;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--font-main:"Inter",sans-serif;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f8fafc;background-color:var(--bg-body);color:#020617;color:var(--primary);font-family:Inter,sans-serif;font-family:var(--font-main);line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}h1,h2,h3,h4{color:#020617;color:var(--primary);font-weight:600;letter-spacing:-.03em;line-height:1.2}h1{font-size:2.5rem;margin-bottom:1.5rem}h2{font-size:2rem}h2,h3{margin-bottom:1rem}h3{color:#020617;color:var(--primary);font-size:1.5rem}h4{font-size:1.25rem}.admin-dashboard,.container{margin:0 auto;max-width:1200px;padding:2rem 0;width:90%}.grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,400px));justify-content:center}.flex-between{justify-content:space-between}.flex-between,.flex-center{align-items:center;display:flex}.btn,.flex-center{justify-content:center}.btn{align-items:center;background:#d97706;background:var(--accent);border:none;border-radius:50px;color:#fff;color:var(--accent-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;letter-spacing:.05em;padding:.875rem 2rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn:hover{background:#b45309;background:var(--accent-hover);box-shadow:0 0 15px #d9770633;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-danger{background:#ef4444;background:var(--danger);border-radius:8px;border-radius:var(--radius-sm);color:#fff;padding:.5rem 1rem}.btn-danger:hover{background:#dc2626;box-shadow:0 0 10px #ef44444d}input,select,textarea{background:#00000008;border:1px solid #0000001a;border-radius:8px;border-radius:var(--radius-sm);color:#020617;color:var(--primary);font-family:inherit;font-size:1rem;padding:.875rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}input:focus,select:focus,textarea:focus{background:#00000012;border-color:#d97706;border-color:var(--accent);box-shadow:0 0 0 2px #d9770633;outline:none}.admin-card,.card,.stat-card{background:#fff;background:var(--bg-surface);border:1px solid #0000001a;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}nav{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:1.25rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-links{display:flex;gap:2rem}nav a{border-radius:8px;border-radius:var(--radius-sm);color:#334155;color:var(--secondary);font-size:.95rem;font-weight:500;padding:.5rem 1rem}nav a.active,nav a:hover{background:#0000000d;color:#d97706;color:var(--accent)}@media (max-width:768px){nav{flex-wrap:wrap;gap:1rem;padding:1rem}nav a{font-size:.9rem;padding:.5rem}.nav-item-dropdown{width:100%}}.cart-icon{align-items:center;display:flex;font-size:1.5rem;position:relative}.cart-icon-badge{background:#d97706;background:var(--accent);border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;color:var(--accent-text);font-size:.75rem;font-weight:700;height:20px;position:absolute;right:-8px;top:-8px;width:20px}.cart-icon-badge,.hero-section{align-items:center;display:flex;justify-content:center}.hero-section{background:url(https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?q=80&w=2000&auto=format&fit=crop) no-repeat 50%/cover;border-radius:0 0 24px 24px;border-radius:0 0 var(--radius-lg) var(--radius-lg);height:85vh;margin-bottom:4rem;min-height:600px;overflow:hidden;position:relative;text-align:center}.hero-overlay{background:linear-gradient(0deg,#0f172a,#0f172a66);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-content{animation:fadeIn 1s ease-out;max-width:800px;padding:2rem;position:relative;z-index:2}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:200;letter-spacing:-.05em;margin-bottom:1.5rem}.hero-subtitle{color:#e2e8f0;font-size:1.25rem;font-weight:300;margin-bottom:2.5rem}.product-card{background:#0000;border-radius:16px;border-radius:var(--radius-md);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.product-card article{padding:1rem}.product-card img{border-radius:16px;border-radius:var(--radius-md);height:320px;object-fit:cover;transition:transform .5s ease;width:100%}.product-card:hover img{transform:scale(1.05)}.product-card:hover{transform:translateY(-5px)}.promo-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ef4444e6;border-radius:50px;box-shadow:0 4px 10px #ef44444d;color:#fff;font-size:.75rem;font-weight:700;left:15px;padding:6px 12px;position:absolute;text-transform:uppercase;top:15px;z-index:10}.product-title{color:#020617;color:var(--primary);font-size:1.1rem;font-weight:600;margin-bottom:.25rem;margin-top:1rem}.product-category{color:#334155;color:var(--secondary);font-size:.85rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.price-row{align-items:baseline;display:flex;gap:.75rem}.price-current{color:#020617;color:var(--primary);font-size:1.1rem;font-weight:700}.price-old{color:#334155;color:var(--secondary);font-size:.9rem;text-decoration:line-through}.product-detail-layout{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr;margin-top:1rem}@media (min-width:992px){.product-detail-layout{gap:5rem;grid-template-columns:1.1fr .9fr}}.gallery-container{width:100%}.main-image{aspect-ratio:4/3;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008;box-shadow:var(--shadow-lg);display:block;height:auto;max-width:100%;object-fit:cover;width:100%}.product-info-column{padding-top:1rem;position:relative}@media (min-width:992px){.product-info-column{position:-webkit-sticky;position:sticky;top:120px}}.detail-title{color:#020617;color:var(--primary);font-size:2.5rem;letter-spacing:-.02em;line-height:1.2;margin-bottom:.5rem}.detail-category{color:#d97706;color:var(--accent);display:block;font-size:.9rem;font-weight:700;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.detail-description{color:#334155;color:var(--secondary);font-size:1.1rem;line-height:1.7;margin-bottom:2.5rem}.purchase-card{background:#fff;background:var(--bg-surface);border:1px solid #00000014;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a);padding:2rem}.stock-status{align-items:center;border-bottom:1px solid #0000000d;display:flex;font-size:.95rem;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.dot-indicator{border-radius:50%;height:10px;width:10px}.dot-success{background:#10b981;background:var(--success);box-shadow:0 0 12px #10b981;box-shadow:0 0 12px var(--success)}.dot-danger{background:#ef4444;background:var(--danger);box-shadow:0 0 12px #ef4444;box-shadow:0 0 12px var(--danger)}.quantity-wrapper{background:#f1f5f9;border-radius:16px;border-radius:var(--radius-md);padding:.25rem}.qty-btn,.quantity-wrapper{align-items:center;display:flex}.qty-btn{background:#fff;border:1px solid #0000000d;border-radius:8px;border-radius:var(--radius-sm);color:#020617;color:var(--primary);cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s;width:40px}.qty-btn:hover{background:#d97706;background:var(--accent);border-color:#d97706;border-color:var(--accent);color:#fff}.qty-display{font-size:1.1rem;font-weight:700;text-align:center;width:48px}.carousel-nav-btn{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 15px #00000026;color:#020617;color:var(--primary);cursor:pointer;display:flex;font-size:2rem;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:48px;z-index:10}.carousel-nav-btn:hover{background:#d97706;background:var(--accent);color:#fff;transform:translateY(-50%) scale(1.1)}.carousel-prev{left:16px}.carousel-next{right:16px}.image-thumbnails{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.thumbnail{border:2px solid #0000;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;height:70px;object-fit:cover;opacity:.6;transition:all .2s ease;width:70px}.thumbnail:hover{border-color:#334155;border-color:var(--secondary);opacity:.9}.thumbnail.active{border-color:#d97706;border-color:var(--accent);box-shadow:0 0 0 2px #d97706;box-shadow:0 0 0 2px var(--accent);opacity:1}.admin-table-item{background:#fff;background:var(--bg-surface);border:1px solid #0000001a;border-radius:8px;border-radius:var(--radius-sm);margin-bottom:1rem;padding:1rem}.status-select{-webkit-appearance:none;appearance:none;border:none;border-radius:50px;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;text-align:center}.status-select.pending{background:#fbbf2426;color:#fbbf24}.status-select.confirmed{background:#3b82f626;color:#60a5fa}.status-select.shipped{background:#6366f126;color:#818cf8}.status-select.delivered{background:#10b98126;color:#34d399}.status-select.cancelled{background:#ef444426;color:#f87171}.login-box{background:#fff;background:var(--bg-surface);border:1px solid #0000001a;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem;margin:15vh auto;max-width:400px;padding:3rem;text-align:center}.stat-card{border-left:4px solid #d97706;border-left:4px solid var(--accent);overflow:hidden;padding:1rem;position:relative}.stat-card:after{background:linear-gradient(135deg,#0000,#00000005);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.admin-dashboard form{display:flex;flex-direction:column;gap:2.5rem}.admin-dashboard form input,.admin-dashboard form select,.admin-dashboard form textarea,.admin-dashboard form>div{margin-bottom:0}.nav-item-dropdown{display:inline-block;position:relative}.nav-item-dropdown>a{padding-right:20px}.dropdown-content{background-color:#fff;border-radius:8px;box-shadow:0 8px 16px #0000001a;display:none;left:0;min-width:180px;overflow:hidden;padding:.5rem 0;position:absolute;top:100%;z-index:1000}.nav-item-dropdown:hover .dropdown-content{animation:fadeIn .2s;display:block}.dropdown-content a{border-bottom:1px solid #f0f0f0;color:#333!important;display:block;font-size:.95rem;padding:10px 16px;text-decoration:none}.dropdown-content a:last-child{border-bottom:none}.dropdown-content a:hover{background-color:#f8f9fa;color:#3498db!important;padding-left:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.nav-item-dropdown{display:block;width:100%}.dropdown-content{background:#00000008;box-shadow:none;display:block;min-width:100%;padding-left:1rem;position:static}.nav-item-dropdown:hover .dropdown-content{display:block}}