*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#2c3e50;--secondary:#e74c3c;--success:#27ae60;--warning:#f39c12;--info:#3498db;--light:#ecf0f1;--dark:#34495e;--white:#fff;--border-radius:12px;--box-shadow:0 4px 6px #0000001a;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.header{background:linear-gradient(135deg,#2c3e50,#34495e);border-bottom:2px solid #ffffff1a;box-shadow:0 4px 12px #00000026;left:0;position:fixed;right:0;top:0;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.logo h1{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:1px;text-decoration:none}.logo:hover h1{color:#e74c3c;transition:var(--transition)}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem}.nav{align-items:center;display:flex;gap:2rem}.nav a{color:#fff;font-size:1rem;font-weight:600;position:relative;text-decoration:none}.nav a,.nav a:after{transition:var(--transition)}.nav a:after{background:#e74c3c;bottom:-5px;content:"";height:2px;left:0;position:absolute;width:0}.nav a:hover:after{width:100%}.nav a:hover{color:#e74c3c}.header-actions{align-items:center;display:flex;gap:1.5rem}.cart-icon{color:#fff;font-size:1.5rem;position:relative;transition:var(--transition)}.cart-icon:hover{color:#e74c3c;transform:scale(1.1)}.cart-badge{background:#e74c3c;border-radius:50%;font-size:.75rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.cart-badge,.user-menu{align-items:center;color:#fff;display:flex}.user-menu{gap:.75rem}.user-menu svg{font-size:1.2rem}.btn-logout{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:var(--transition)}.btn-logout:hover{background:#c0392b;transform:translateY(-2px)}@media (max-width:768px){.menu-toggle{display:block}.nav{background:#2c3e50;flex-direction:column;gap:1rem;left:0;opacity:0;padding:1rem;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:var(--transition)}.nav-open{opacity:1;pointer-events:all;transform:translateY(0)}.header-actions{gap:1rem}.user-menu span{display:none}}.footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;margin-top:4rem;padding:3rem 0 1rem}.footer-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:0 2rem}.footer-section h3{color:#e74c3c;font-size:1.5rem;margin-bottom:1rem}.footer-section h4{color:#ecf0f1;font-size:1.2rem;margin-bottom:1rem}.footer-section p{color:#bdc3c7;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#bdc3c7;text-decoration:none;transition:var(--transition)}.footer-section ul li a:hover{color:#e74c3c;padding-left:5px}.social-links{display:flex;gap:1rem}.social-links a{color:#fff;font-size:1.5rem;transition:var(--transition)}.social-links a:hover{color:#e74c3c;transform:translateY(-3px)}.footer-bottom{border-top:1px solid #ffffff1a;color:#bdc3c7;margin-top:2rem;padding:1.5rem 0;text-align:center}@media (max-width:768px){.footer-container{grid-template-columns:1fr;text-align:center}.social-links{justify-content:center}}.product-card{background:#fff;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:var(--transition)}.product-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-8px)}.product-link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.product-image-wrapper{height:280px;overflow:hidden;position:relative;width:100%}.product-image{height:100%;object-fit:cover;transition:var(--transition);width:100%}.product-card:hover .product-image{transform:scale(1.1)}.badge-featured,.badge-low-stock,.badge-out-stock{border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;padding:6px 12px;position:absolute;right:12px;top:12px}.badge-featured{background:linear-gradient(135deg,#f39c12,#e67e22)}.badge-low-stock{background:linear-gradient(135deg,#e74c3c,#c0392b)}.badge-out-stock{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.product-info{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.product-category{color:#e74c3c;font-size:.875rem;font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.product-name{color:var(--primary);font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:.75rem}.product-description{color:#7f8c8d;flex:1 1;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.product-rating{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.star-icon{color:#f39c12;font-size:1rem}.product-rating span{color:var(--primary);font-weight:600}.reviews-count{color:#95a5a6;font-size:.875rem}.product-footer{align-items:center;border-top:1px solid #ecf0f1;display:flex;justify-content:space-between;padding-top:1rem}.product-price{color:#e74c3c;font-size:1.5rem;font-weight:700}.btn-quick-add{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--dark) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:10px 20px;transition:var(--transition)}.btn-quick-add:hover:not(:disabled){box-shadow:0 6px 12px #2c3e504d;transform:translateY(-2px)}.btn-quick-add:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}@media (max-width:768px){.product-image-wrapper{height:220px}.product-info{padding:1rem}.product-name{font-size:1.1rem}}.home{min-height:100vh}.hero{align-items:center;background:linear-gradient(135deg,#2c3e50f2,#34495ef2),url(https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=1200) 50%/cover;color:#fff;display:flex;justify-content:center;min-height:600px;position:relative;text-align:center}.hero:before{background:linear-gradient(180deg,#0000,#0000004d);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{max-width:800px;padding:2rem;position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;text-shadow:2px 2px 4px #0000004d}.hero-subtitle{font-size:1.5rem;line-height:1.6;margin-bottom:2rem;opacity:.95}.btn-hero{box-shadow:0 8px 16px #0003;font-size:1.2rem;padding:16px 40px}.section-title{color:var(--primary);font-size:2.5rem;font-weight:700;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#e74c3c,#c0392b);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.categories{background:#fff;padding:4rem 0}.category-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.category-card{border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;height:350px;overflow:hidden;position:relative;transition:var(--transition)}.category-card:hover{box-shadow:0 12px 24px #0003;transform:translateY(-8px)}.category-card img{height:100%;object-fit:cover;transition:var(--transition);width:100%}.category-card:hover img{transform:scale(1.1)}.category-overlay{background:linear-gradient(180deg,#0000,#000c);bottom:0;color:#fff;left:0;padding:2rem;position:absolute;right:0}.category-overlay h3{font-size:2rem;font-weight:700}.featured-products{background:#f8f9fa;padding:4rem 0}.features{background:#fff;padding:4rem 0}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:linear-gradient(135deg,#f8f9fa,#ecf0f1);border-radius:var(--border-radius);padding:2rem;text-align:center;transition:var(--transition)}.feature-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:var(--primary);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.feature-card p{color:#7f8c8d}.text-center{text-align:center}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem}.category-grid,.features-grid,.products-grid{grid-template-columns:1fr}}.products-page{min-height:calc(100vh - 200px);padding:3rem 0}.page-title{color:var(--primary);font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.filter-btn{background:#fff;border:2px solid var(--primary);border-radius:8px;color:var(--primary);cursor:pointer;font-weight:600;padding:12px 24px;transition:var(--transition)}.filter-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,var(--primary) 0,var(--dark) 100%);box-shadow:0 4px 8px #2c3e5033;color:#fff}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.no-products{color:#7f8c8d;font-size:1.2rem;padding:4rem 2rem;text-align:center}@media (max-width:768px){.page-title{font-size:2rem}.filters{align-items:stretch;flex-direction:column}.filter-btn{width:100%}.products-grid{grid-template-columns:1fr}}.product-detail{padding:3rem 0}.btn-back{background:none;border:none;color:var(--primary);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:2rem;transition:var(--transition)}.btn-back:hover{color:var(--secondary)}.product-detail-grid{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.product-detail-image{position:sticky;top:100px}.product-detail-image img{border-radius:var(--border-radius);box-shadow:0 8px 24px #00000026;width:100%}.product-category-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:20px;color:#fff;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;padding:6px 16px;text-transform:uppercase}.product-detail-title{color:var(--primary);font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.product-rating-detail{align-items:center;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1.5rem}.product-rating-detail .star-icon{color:#f39c12;font-size:1.2rem}.reviews-text{color:#95a5a6}.product-detail-description{color:#7f8c8d;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.product-price-detail{color:#e74c3c;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.product-stock-info{margin-bottom:2rem}.in-stock{color:var(--success);font-weight:600}.out-of-stock{color:var(--secondary);font-weight:600}.product-options{margin-bottom:2rem}.product-options label{color:var(--primary);display:block;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.color-options,.size-options{display:flex;flex-wrap:wrap;gap:.75rem}.color-btn,.size-btn{background:#fff;border:2px solid #ecf0f1;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:var(--transition)}.color-btn:hover,.size-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.color-btn.selected,.size-btn.selected{background:var(--primary);border-color:var(--primary);color:#fff}.quantity-selector{align-items:center;display:flex;gap:1rem}.quantity-btn{background:#fff;border:2px solid var(--primary);border-radius:8px;color:var(--primary);cursor:pointer;font-size:1.2rem;font-weight:700;height:40px;transition:var(--transition);width:40px}.quantity-btn:hover:not(:disabled){background:var(--primary);color:#fff}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-display{font-size:1.5rem;font-weight:700;min-width:40px;text-align:center}.btn-add-to-cart{align-items:center;display:flex;font-size:1.2rem;gap:.75rem;justify-content:center;margin-top:2rem;padding:16px;width:100%}@media (max-width:968px){.product-detail-grid{gap:2rem;grid-template-columns:1fr}.product-detail-image{position:static}.product-detail-title,.product-price-detail{font-size:2rem}}.cart-page{min-height:calc(100vh - 200px);padding:3rem 0}.cart-empty{padding:4rem 0;text-align:center}.cart-empty h2{color:var(--primary);font-size:2rem;margin-bottom:1rem}.cart-empty p{color:#7f8c8d;margin-bottom:2rem}.cart-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-top:2rem}.cart-items{display:flex;flex-direction:column;gap:1.5rem}.cart-item{grid-gap:1.5rem;align-items:center;background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:grid;gap:1.5rem;grid-template-columns:120px 1fr auto auto auto;padding:1.5rem}.cart-item-image{border-radius:8px;height:120px;object-fit:cover;width:120px}.cart-item-details h3{color:var(--primary);font-size:1.2rem;margin-bottom:.5rem}.cart-item-meta{color:#7f8c8d;font-size:.9rem;margin-bottom:.5rem}.cart-item-price{color:#e74c3c;font-size:1.1rem;font-weight:700}.cart-item-quantity{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:.5rem 1rem}.cart-item-quantity span{font-weight:700;min-width:30px;text-align:center}.cart-item-total{color:var(--primary);font-size:1.3rem;font-weight:700}.btn-remove{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px;transition:var(--transition)}.btn-remove:hover{background:#c0392b;transform:scale(1.1)}.cart-summary{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);height:fit-content;padding:2rem;position:sticky;top:100px}.cart-summary h2{border-bottom:2px solid #ecf0f1;color:var(--primary);font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.summary-row{margin-bottom:1rem}.shipping-notice{background:#fff3cd;border-radius:6px;color:#856404;font-size:.9rem;margin:1rem 0;padding:.75rem;text-align:center}.btn-checkout,.btn-continue{font-size:1.1rem;margin-top:1rem;padding:14px;width:100%}@media (max-width:968px){.cart-grid{grid-template-columns:1fr}.cart-item{gap:1rem;grid-template-columns:80px 1fr}.cart-item-image{grid-row:1/3;height:80px;width:80px}.btn-remove,.cart-item-quantity,.cart-item-total{grid-column:2}.btn-remove{justify-self:end}.cart-summary{position:static}}.checkout-page{min-height:calc(100vh - 200px);padding:3rem 0}.checkout-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-top:2rem}.checkout-form{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem}.form-section{margin-bottom:2rem}.form-section h2{border-bottom:2px solid #ecf0f1;color:var(--primary);font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.75rem}.payment-options{display:flex;flex-direction:column;gap:1rem}.payment-option{align-items:center;border:2px solid #ecf0f1;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:var(--transition)}.payment-option:hover{border-color:var(--primary)}.payment-option input[type=radio]{cursor:pointer;height:20px;width:20px}.payment-option span{color:var(--primary);font-weight:600}.btn-place-order{font-size:1.2rem;margin-top:1rem;padding:16px;width:100%}.order-summary{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);height:fit-content;padding:2rem;position:sticky;top:100px}.order-summary h2{border-bottom:2px solid #ecf0f1;color:var(--primary);font-size:1.5rem;padding-bottom:1rem}.order-summary h2,.summary-items{margin-bottom:1.5rem}.summary-item{grid-gap:1rem;border-bottom:1px solid #ecf0f1;display:grid;gap:1rem;grid-template-columns:60px 1fr auto;margin-bottom:1rem;padding-bottom:1rem}.summary-item:last-child{border-bottom:none}.summary-item img{border-radius:6px;height:60px;object-fit:cover;width:60px}.summary-item-details h4{color:var(--primary);font-size:.9rem;margin-bottom:.25rem}.summary-item-details p{color:#7f8c8d;font-size:.8rem;margin-bottom:.25rem}.summary-item-total{color:#e74c3c;font-weight:700}.summary-totals{border-top:2px solid #ecf0f1;padding-top:1rem}.summary-row{color:#7f8c8d;margin-bottom:.75rem}.summary-row,.summary-total{display:flex;justify-content:space-between}.summary-total{border-top:2px solid #ecf0f1;color:var(--primary);font-size:1.5rem;font-weight:700;margin-top:1rem;padding-top:1rem}@media (max-width:968px){.checkout-grid{grid-template-columns:1fr}.order-summary{position:static}.form-row{grid-template-columns:1fr}}.auth-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.auth-container{max-width:450px;width:100%}.auth-card{background:#fff;border-radius:var(--border-radius);box-shadow:0 8px 24px #00000026;padding:3rem}.auth-card h2{color:var(--primary);font-size:2rem;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:#7f8c8d;margin-bottom:2rem;text-align:center}.form-group input{border:2px solid #ecf0f1;border-radius:8px;font-size:1rem;padding:12px;transition:var(--transition);width:100%}.form-group input:focus{border-color:var(--primary);outline:none}.btn-auth{font-size:1.1rem;margin-top:1rem;padding:14px;width:100%}.auth-footer{border-top:1px solid #ecf0f1;margin-top:2rem;padding-top:2rem;text-align:center}.auth-footer a{color:#e74c3c;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.test-credentials{background:#fff3cd;border-radius:8px;margin-top:1.5rem;padding:1rem;text-align:center}.test-credentials p{color:#856404;font-size:.9rem;margin:.25rem 0}.test-credentials strong{color:#533f03}.admin-dashboard{min-height:calc(100vh - 200px);padding:3rem 0}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;gap:1.5rem;padding:2rem;transition:var(--transition)}.stat-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:2rem;height:70px;justify-content:center;width:70px}.stat-info h3{color:#7f8c8d;font-size:.9rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:var(--primary);font-size:2rem;font-weight:700;margin:0}.stat-detail{color:#95a5a6;font-size:.875rem}.dashboard-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.section-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem}.section-card h2{border-bottom:2px solid #ecf0f1;color:var(--primary);font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.category-list,.status-list{display:flex;flex-direction:column;gap:1rem}.category-item,.status-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.category-name{color:var(--primary);font-weight:600;text-transform:capitalize}.category-amount{color:#27ae60;font-weight:700}.recent-orders{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:3rem;padding:2rem}.section-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h2{color:var(--primary);font-size:1.5rem;margin:0}.orders-table{overflow-x:auto}.orders-table table{border-collapse:collapse;width:100%}.quick-actions{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-btn{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--dark) 100%);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:1rem;justify-content:center;padding:1.5rem;text-decoration:none;transition:var(--transition)}.action-btn:hover{box-shadow:0 8px 16px #2c3e504d;transform:translateY(-4px)}@media (max-width:768px){.dashboard-sections,.quick-actions,.stats-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}}.admin-products{min-height:calc(100vh - 200px);padding:3rem 0}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.products-table-wrapper{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow-x:auto}.products-table{border-collapse:collapse;width:100%}.products-table td,.products-table th{border-bottom:1px solid #ecf0f1;padding:1rem;text-align:left}.products-table th{background:#f8f9fa;color:var(--primary);font-size:.875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.products-table tbody tr:hover{background:#f8f9fa}.product-thumb{border-radius:8px;height:60px;object-fit:cover;width:60px}.category-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;padding:4px 12px;text-transform:capitalize}.stock-low{color:#e74c3c;font-weight:700}.stock-ok{color:#27ae60;font-weight:700}.action-buttons{display:flex;gap:.5rem}.btn-delete,.btn-edit{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px;transition:var(--transition)}.btn-edit{background:#3498db}.btn-edit:hover{background:#2980b9;transform:scale(1.1)}.btn-delete{background:#e74c3c}.btn-delete:hover{background:#c0392b;transform:scale(1.1)}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:2000}.modal-content{background:#fff;border-radius:var(--border-radius);max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.modal-content h2{color:var(--primary);margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--primary);display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #ecf0f1;border-radius:8px;font-size:1rem;padding:12px;transition:var(--transition);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.modal-actions button{flex:1 1}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.form-row{grid-template-columns:1fr}}.admin-orders{min-height:calc(100vh - 200px);padding:3rem 0}.orders-table-wrapper{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table td,.orders-table th{border-bottom:1px solid #ecf0f1;padding:1rem;text-align:left}.orders-table th{color:var(--primary);font-size:.875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.orders-table tbody tr:hover,.orders-table th{background:#f8f9fa}.customer-email{color:#7f8c8d;font-size:.875rem}.status-select{border:2px solid;border-radius:6px;cursor:pointer;font-weight:600;padding:6px 12px;transition:var(--transition)}.status-pending{background:#fff3cd;border-color:#ffc107;color:#856404}.status-processing,.status-shipped{background:#d1ecf1;border-color:#17a2b8;color:#0c5460}.status-delivered{background:#d4edda;border-color:#28a745;color:#155724}.btn-sm{font-size:.875rem;padding:8px 16px}.order-modal{max-width:700px}.order-info{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.info-row{display:flex;justify-content:space-between;margin-bottom:1rem}.info-row:last-child{margin-bottom:0}.order-modal h3{border-bottom:2px solid #ecf0f1;color:var(--primary);margin:2rem 0 1rem;padding-bottom:.5rem}.order-items{display:flex;flex-direction:column;gap:1rem}.order-item{background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.order-item p{color:#7f8c8d;font-size:.875rem;margin:.25rem 0}.shipping-address{background:#f8f9fa;border-radius:8px;padding:1.5rem}.shipping-address p{margin:.5rem 0}.order-totals{background:#f8f9fa;border-radius:8px;margin:2rem 0;padding:1.5rem}.total-row{display:flex;justify-content:space-between;margin-bottom:.75rem}.total-row.total{border-top:2px solid #ecf0f1;font-size:1.25rem;margin-top:1rem;padding-top:1rem}@media (max-width:768px){.orders-table td,.orders-table th{font-size:.875rem;padding:.75rem .5rem}.order-item{flex-direction:column;gap:.5rem}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;min-height:calc(100vh - 200px);padding-top:80px}.container{margin:0 auto;max-width:1200px;padding:0 20px}.loading{align-items:center;color:var(--primary);display:flex;font-size:1.2rem;justify-content:center;min-height:400px}.error{background:#fee;color:#c33}.error,.success{border-radius:var(--border-radius);margin:1rem 0;padding:1rem;text-align:center}.success{background:#efe;color:#3a3}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--dark) 100%);color:#fff}.btn-primary:hover{box-shadow:0 6px 12px #2c3e504d;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,var(--secondary) 0,#c0392b 100%);color:#fff}.btn-secondary:hover{box-shadow:0 6px 12px #e74c3c4d;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;transition:var(--transition)}.card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.badge{border-radius:20px;display:inline-block;font-size:.875rem;font-weight:600;padding:4px 12px}.badge-success{background:var(--success);color:#fff}.badge-warning{background:var(--warning);color:#fff}.badge-info{background:var(--info);color:#fff}.badge-danger{background:var(--secondary);color:#fff}@media (max-width:768px){.main-content{padding-top:70px}.container{padding:0 15px}}