.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 20px}.logo{text-decoration:none;color:#333}.logo h1{font-size:1.8rem;color:#007bff}.nav{display:flex;gap:2rem}.nav-link{text-decoration:none;color:#333;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.nav-link:hover{background-color:#f8f9fa}.cart-link{background-color:#007bff;color:#fff!important}.cart-link:hover{background-color:#0056b3!important}.admin-link{background-color:#6c757d;color:#fff!important}.admin-link:hover{background-color:#5a6268!important}.product-card{background:white;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.product-link{text-decoration:none;color:inherit;display:block}.product-image{width:100%;height:200px;object-fit:cover}.product-name{font-size:1.1rem;font-weight:600;margin:1rem;color:#333}.product-price{font-size:1.2rem;font-weight:700;color:#007bff;margin:0 1rem}.add-to-cart-btn{width:100%;background-color:#28a745;color:#fff;border:none;padding:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.product-list-page h2{text-align:center;margin-bottom:2rem;color:#333}.search-form{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.search-input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:1rem;width:300px}.search-btn{padding:12px 24px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.search-btn:hover{background-color:#0056b3}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.no-products{text-align:center;font-size:1.2rem;color:#666;margin:3rem 0}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1000px;margin:0 auto}.product-image-container{display:flex;justify-content:center}.product-image{width:100%;max-width:400px;height:400px;object-fit:cover;border-radius:8px}.product-info{display:flex;flex-direction:column;gap:1.5rem}.product-name{font-size:2rem;font-weight:700;color:#333}.product-price{font-size:1.8rem;font-weight:700;color:#007bff}.product-description{font-size:1.1rem;line-height:1.6;color:#666}.quantity-selector{display:flex;align-items:center;gap:1rem}.quantity-selector label{font-weight:600}.quantity-input{width:80px;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.add-to-cart-btn{background-color:#28a745;color:#fff;border:none;padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:4px;cursor:pointer;transition:background-color .2s}.add-to-cart-btn:hover{background-color:#218838}@media (max-width: 768px){.product-detail{grid-template-columns:1fr;gap:2rem}}.cart-page h2{text-align:center;margin-bottom:2rem;color:#333}.empty-cart{text-align:center;font-size:1.2rem;color:#666;margin:3rem 0}.cart-items{background:white;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-bottom:2rem}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto;gap:1rem;padding:1.5rem;border-bottom:1px solid #eee;align-items:center}.cart-item:last-child{border-bottom:none}.cart-item-image{width:100px;height:100px;object-fit:cover;border-radius:4px}.cart-item-details{display:flex;flex-direction:column;gap:.5rem}.cart-item-name{font-size:1.1rem;font-weight:600;color:#333}.cart-item-price{font-size:1rem;color:#666}.cart-item-controls{display:flex;flex-direction:column;gap:1rem;align-items:center}.quantity-controls{display:flex;align-items:center;gap:.5rem}.quantity-btn{width:30px;height:30px;border:1px solid #ddd;background:white;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600}.quantity-btn:hover{background-color:#f8f9fa}.quantity{min-width:30px;text-align:center;font-weight:600}.remove-btn{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9rem}.remove-btn:hover{background-color:#c82333}.cart-item-total{font-size:1.2rem;font-weight:700;color:#007bff}.cart-summary{background:white;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem;text-align:center}.cart-total{margin-bottom:2rem}.cart-total h3{font-size:1.5rem;color:#333}.cart-actions{display:flex;gap:1rem;justify-content:center}.clear-cart-btn{background-color:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:1rem}.clear-cart-btn:hover{background-color:#5a6268}.checkout-btn{background-color:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600}.checkout-btn:hover{background-color:#218838}@media (max-width: 768px){.cart-item{grid-template-columns:80px 1fr;gap:1rem}.cart-item-controls,.cart-item-total{grid-column:1 / -1;justify-self:center}.cart-actions{flex-direction:column}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.admin-login-container{background:white;border-radius:12px;box-shadow:0 20px 40px #0000001a;overflow:hidden;width:100%;max-width:400px;margin:20px}.admin-login-form{padding:3rem 2rem}.admin-login-form h2{text-align:center;margin-bottom:2rem;color:#333;font-size:1.8rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#555}.form-input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:#667eea}.error-message{background-color:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.login-btn{width:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:14px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.login-btn:hover:not(:disabled){transform:translateY(-2px)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.demo-credentials{margin-top:2rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;font-size:.9rem;color:#666}.demo-credentials p{margin:.25rem 0}.admin-dashboard{min-height:100vh;background-color:#f8f9fa}.admin-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000001a}.admin-header .container{display:flex;justify-content:space-between;align-items:center}.admin-header h1{margin:0;font-size:1.8rem}.admin-nav{display:flex;gap:1rem;align-items:center}.admin-nav .nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:background-color .2s}.admin-nav .nav-link:hover{background-color:#fff3}.btn-primary{background-color:#28a745!important}.btn-primary:hover{background-color:#218838!important}.btn-secondary{background-color:#6c757d!important}.btn-secondary:hover{background-color:#5a6268!important}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:2rem 0}.stat-card{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center}.stat-card h3{margin:0 0 1rem;color:#666;font-size:1rem;font-weight:500}.stat-number{font-size:2.5rem;font-weight:700;color:#333;margin:0}.products-section{margin:3rem 0}.products-section h2{margin-bottom:2rem;color:#333}.products-table{background:white;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.products-table table{width:100%;border-collapse:collapse}.products-table th,.products-table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}.products-table th{background-color:#f8f9fa;font-weight:600;color:#555}.products-table tr:hover{background-color:#f8f9fa}.products-table tr.low-stock{background-color:#fff3cd}.products-table tr.out-of-stock{background-color:#f8d7da}.product-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:6px}.stock-input{width:80px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.action-buttons{display:flex;gap:.5rem}.btn-edit{background-color:#007bff;color:#fff;text-decoration:none;padding:6px 12px;border-radius:4px;font-size:.9rem;transition:background-color .2s}.btn-edit:hover{background-color:#0056b3}.btn-delete{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.btn-delete:hover{background-color:#c82333}@media (max-width: 768px){.admin-header .container{flex-direction:column;gap:1rem}.dashboard-stats{grid-template-columns:1fr}.products-table{overflow-x:auto}.admin-nav{flex-wrap:wrap;justify-content:center}}.product-form-page{min-height:100vh;background-color:#f8f9fa;padding:2rem 0}.product-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.product-form-header h2{color:#333;margin:0}.product-form-container{background:white;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem;max-width:800px;margin:0 auto}.product-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#555;margin-bottom:.5rem}.form-input,.form-textarea{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:#667eea}.form-textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.image-preview{margin-top:1rem;text-align:center}.image-preview img{max-width:200px;max-height:200px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #0000001a}.error-message{background-color:#fee;color:#c33;padding:12px 16px;border-radius:8px;font-size:.9rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid #eee}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-secondary{background-color:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#5a6268}@media (max-width: 768px){.product-form-page{padding:1rem}.product-form-header{flex-direction:column;gap:1rem;text-align:center}.product-form-container{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:20px 0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:0 20px}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#666}.error{background-color:#ffe6e6;color:#d00;padding:20px;border-radius:4px;text-align:center;margin:20px 0}