*{margin:0}.App-Register-Row{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f0f2f5;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App-Register-Row>div{max-width:450px;width:100%;background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 8px 20px #00000014}.App-Register-Row h2{text-align:center;color:#333;margin-bottom:24px}.App-Register-Row input{width:100%;padding:12px;font-size:1rem;border:1px solid #ccc;border-radius:8px;margin-bottom:16px;box-sizing:border-box;transition:border-color .3s ease}.App-Register-Row input:focus{border-color:#007bff;outline:none}.App-Register-Row button{width:100%;padding:12px;font-size:1rem;font-weight:600;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.App-Register-Row button:hover{background-color:#0056b3}.App-Register-Row a{display:block;text-align:center;margin-top:20px;color:#007bff;text-decoration:none;font-size:.95rem}.App-Register-Row a:hover{text-decoration:underline}.success-message,.error-message{text-align:center;font-size:.95rem;margin-bottom:10px}.success-message{color:green}.error-message{color:red}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.carousel-container{max-width:1200px;margin:90px auto 30px;border-radius:12px;overflow:hidden}.product-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:10px}.view-details-button,.buy-now-button{padding:8px 16px;border:none;border-radius:6px;background-color:#007bff;color:#fff;cursor:pointer;font-weight:500;transition:background-color .3s ease}.view-details-button:hover,.buy-now-button:hover{background-color:#0056b3}.view-details-button:hover{background-color:#1d8d07}.product-actions{display:flex;gap:10px;margin-top:10px;margin-left:30px}.carousel .slide img{height:100%;width:100%;object-fit:cover;border-radius:8px;transition:transform .3s ease}.carousel .slide{height:460px;width:100%;overflow:hidden;position:relative}.carousel .slide img:hover{transform:scale(1.02)}.carousel .legend{background:#00000080;font-size:1.2rem;padding:10px 20px;color:#fff;border-radius:0 0 10px 10px;text-align:center}.product-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:40px 20px;margin-top:20px}.product-card{flex:1 1 calc(25% - 30px);max-width:280px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 6px 18px #00000026}.product-image{width:100%;height:220px;object-fit:cover;border-radius:10px;transition:transform .3s ease}.product-image:hover{transform:scale(1.02)}.product-title{font-size:1.3rem;margin-top:10px;color:#333}.product-description{font-size:.95rem;color:#555;margin:8px 0;min-height:50px}.product-price{font-size:1.1rem;font-weight:700;color:#e91e63;margin-bottom:12px}.add-to-cart-button{padding:10px 16px;margin-top:10px;background-color:#2196f3;color:#fff;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background-color .3s ease}.add-to-cart-button:hover{background-color:#1976d2}@media (max-width: 1024px){.product-card{flex:1 1 calc(45% - 30px)}}@media (max-width: 600px){.product-card{flex:1 1 100%}.carousel .slide img{height:250px}}.cart-container{max-width:900px;margin:125px auto 40px;background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 8px 24px #0000001a}.cart-title{text-align:center;font-size:2rem;color:#333;margin-bottom:24px}.cart-item-size{font-size:.95rem;color:#444;margin:4px 0;display:block}.cart-error{color:red;text-align:center;margin-bottom:16px}.cart-item{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f9f9f9;padding:12px 20px;margin:12px 0;border-radius:10px;flex-wrap:wrap}.cart-item img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #ddd}.cart-item-details{flex-grow:1;display:flex;flex-direction:column;gap:6px}.cart-item-name{font-weight:600;color:#333}.cart-item-price{color:#555;font-size:.95rem}.cart-qty-controls{display:flex;align-items:center;gap:10px}.cart-qty-controls button{padding:6px 12px;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer}.cart-qty-controls button:hover{background-color:#0056b3}.cart-item-total{font-weight:600;color:#000;font-size:1rem}.order-summary{text-align:right;margin-top:20px;font-size:1.1rem;color:#222}.place-order-btn,.login-btn{display:block;width:100%;padding:12px;font-size:1rem;font-weight:600;color:#fff;background-color:#28a745;border:none;border-radius:8px;cursor:pointer;margin-top:20px;transition:background-color .2s ease}.place-order-btn:hover,.login-btn:hover{background-color:#218838}.order-form{display:flex;flex-direction:column;gap:10px;padding:15px;margin-top:20px;background:#f9f9f9;border-radius:10px}.order-form input{padding:10px;border:1px solid #ccc;border-radius:6px}.confirm-order-btn{background-color:#28a745;color:#fff;padding:10px;border:none;border-radius:6px;cursor:pointer}.order-container{max-width:1000px;margin:120px auto 40px;padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014}.order-title{text-align:center;font-size:2rem;color:#333;margin-bottom:30px}.order-card{background-color:#f9f9f9;border-radius:10px;padding:20px;margin-bottom:30px;box-shadow:0 4px 12px #0000000d}.order-info{font-size:1rem;margin-bottom:12px;color:#444}.order-status{font-weight:700;color:#007bff}.order-table{width:100%;border-collapse:collapse;margin-top:15px}.order-table thead{background-color:#007bff;color:#fff}.order-table th,.order-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #ddd;vertical-align:middle}.order-product-image{width:60px;height:60px;object-fit:cover;border-radius:6px;border:1px solid #ccc}.order-table tbody tr:hover{background-color:#f1f1f1}hr{margin-top:30px;border:none;border-top:1px solid #ddd}.admin-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f7f9fb;min-height:100vh}.admin-navbar{display:flex;gap:20px;background-color:#0e0e2c;margin-top:90px;padding:12px 20px;justify-content:center;border-bottom:2px solid #007bff}.admin-link{color:#fff;text-decoration:none;font-weight:600;padding:10px 16px;border-radius:6px;margin-top:60px;transition:background-color .3s ease,color .3s ease}.admin-link:hover{background-color:#007bff;color:#fff}.admin-content{padding:30px;max-width:1200px;margin:1px auto auto;background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000000f}.user-management{max-width:1000px;margin:40px auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000000d}.user-title{text-align:center;font-size:1.8rem;margin-bottom:24px;color:#333}.user-error{color:red;text-align:center;margin-bottom:12px}.user-form{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.user-form input,.user-form select{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:.95rem;min-width:180px;outline:none}.user-form button{padding:10px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:600;transition:background-color .2s ease}.add-btn{background-color:#28a745;color:#fff}.add-btn:hover{background-color:#218838}.update-btn{background-color:#007bff;color:#fff}.update-btn:hover{background-color:#0056b3}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#5a6268}.user-search{text-align:center;margin-bottom:20px}.user-search input{padding:8px 14px;font-size:1rem;border-radius:6px;border:1px solid #ccc;margin-right:8px;width:250px}.user-table-container{overflow-x:auto}.user-table{width:100%;border-collapse:collapse;margin-bottom:20px}.user-table th,.user-table td{padding:12px 14px;border:1px solid #ddd;text-align:left}.user-table th{background-color:#f1f1f1;font-weight:600}.edit-btn,.delete-btn{padding:6px 12px;border-radius:4px;font-weight:500;border:none;cursor:pointer;margin-right:6px}.edit-btn{background-color:#17a2b8;color:#fff}.edit-btn:hover{background-color:#138496}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333}.user-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.user-pagination button{padding:8px 14px;border-radius:6px;border:none;background-color:#007bff;color:#fff;font-weight:600;cursor:pointer}.user-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.search-btn{padding:10px 16px;background-color:#20c997;color:#fff;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.search-btn:hover{background-color:#17a589}.orders-container{max-width:800px;margin:40px auto;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000000f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.orders-title{font-size:1.8rem;text-align:center;margin-bottom:20px;color:#333}.orders-filter{text-align:center;margin-bottom:20px}.orders-select{padding:10px 14px;font-size:1rem;border-radius:6px;border:1px solid #ccc;outline:none}.orders-list{list-style:none;padding:0;margin:0}.order-item{padding:16px;border:1px solid #ddd;border-radius:10px;margin-bottom:16px;background-color:#f9f9f9}.order-item>div{margin-bottom:6px;font-size:.95rem}.order-item ul{list-style:none;padding-left:0;margin:10px 0 0;border-top:1px solid #ddd;padding-top:10px}.order-item ul li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0;font-size:.95rem;color:#444;border-bottom:1px dashed #e1e1e1}.order-item ul li:last-child{border-bottom:none}.order-item ul li .item-name{font-weight:500;flex:1}.order-item ul li .item-quantity{font-weight:600;color:#111;background-color:#fff3cd;padding:2px 6px;border-radius:4px;font-size:.85rem}.order-item ul li .item-size{font-style:italic;color:#555;background-color:#d1ecf1;padding:2px 6px;border-radius:4px;font-size:.85rem}.order-actions{display:flex;gap:10px;margin-top:8px}.cancel-button,.complete-button{padding:8px 14px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.cancel-button{background-color:#dc3545;color:#fff}.cancel-button:hover{background-color:#c82333}.complete-button{background-color:#28a745;color:#fff}.complete-button:hover{background-color:#218838}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.pagination-button{padding:8px 14px;background-color:#007bff;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.pagination-button:disabled{background-color:#ccc;cursor:not-allowed}.pagination-info{font-size:.95rem;color:#333}.orders-error{color:red;text-align:center;margin-top:20px}.navbar{position:fixed;top:0;left:0;right:0;z-index:999;background:linear-gradient(to right,#0f2027,#16242f,#203a43,#2a4d5a,#2c5364);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 2px 10px #0000001a}.navbar img{height:50px;width:60px;object-fit:cover;margin-right:12px;border-radius:8px;background-color:#fff;transition:transform .3s ease}.navbar img:hover{transform:scale(1.05)}.navbar h1{color:#61dafb;font-size:1.5rem;margin:0}.nav-links{display:flex;align-items:center;gap:15px}.nav-links a{color:#fff;text-decoration:none;font-weight:500;font-size:1rem;padding:10px 12px;transition:color .3s ease,border-bottom .3s ease}.nav-links a:hover{color:#61dafb;border-bottom:2px solid #61dafb}.nav-links input[type=text]{padding:8px 12px;font-size:14px;border:1px solid #ccc;border-radius:8px;outline:none;width:200px;background-color:#fff;color:#1e1e2f;transition:border-color .3s ease}.nav-links input[type=text]:focus{border-color:#61dafb}.nav-links button{padding:8px 14px;background-color:#61dafb;color:#1e1e2f;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.nav-links button:hover{background-color:#4cc3f1}.welcome-text{color:#fff;font-weight:700;margin-left:10px}.cart-count{background-color:#ff3d00;padding:2px 8px;margin-left:6px;border-radius:50px;font-size:12px;font-weight:700}.not-found-popup{position:absolute;top:70px;right:20px;background-color:#ff4d4f;color:#fff;padding:8px 16px;border-radius:8px;box-shadow:0 0 8px #00000026;z-index:100;font-size:14px}.menu-btn{background-color:#ffffff1a;border:2px solid #61dafb;font-size:1.8rem;color:#fff;cursor:pointer;display:none;padding:6px 12px;border-radius:6px;margin-left:auto;transition:all .3s ease}.menu-btn:hover{background-color:#61dafb;color:#1e1e2f;transform:scale(1.05)}@media (max-width: 600px){.navbar{flex-direction:column;align-items:flex-start;padding:14px}.navbar h1{font-size:1.4rem;margin-bottom:10px}.nav-links{display:none;flex-direction:column;align-items:stretch;width:100%;margin-top:10px;gap:8px}.nav-links.open{display:flex}.nav-links a{padding:10px;font-size:.95rem;width:100%;text-align:left}.nav-links input[type=text],.nav-links button{width:100%;font-size:.95rem}.welcome-text{margin-top:8px;font-size:.95rem}.navbar img{height:45px;width:55px;margin-bottom:8px}.menu-btn{display:block;margin-left:290px;margin-top:-55px}}.profile-container{max-width:500px;margin:120px auto 40px;padding:30px;background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.profile-title{text-align:center;font-size:2rem;color:#333;margin-bottom:24px}.profile-input-group{margin-bottom:16px}.profile-input-group input{width:100%;padding:12px 14px;font-size:1rem;border:1px solid #ccc;border-radius:8px;transition:border-color .3s ease}.profile-input-group input:focus{border-color:#007bff;outline:none}.profile-button,.logout-button{width:100%;padding:12px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;margin-top:14px;transition:background-color .2s ease}.profile-button{background-color:#007bff;color:#fff}.profile-button:hover{background-color:#0056b3}.logout-button{background-color:#dc3545;color:#fff}.logout-button:hover{background-color:#c82333}.profile-message{text-align:center;margin-top:16px;font-size:.95rem;color:green}.footer{background-color:#0e0e2c;color:#fff;padding:15px 10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 -2px 5px #0000004d;text-align:center}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;max-width:1200px;margin:0 auto}.footer-logo,.footer-contact,.footer-social{flex:1;min-width:160px}.footer-logo img{width:50px;height:50px;object-fit:contain;margin-bottom:8px}.footer-logo h3{margin:0;font-size:1.2rem}.footer-logo p,.footer-contact p,.footer-social p{font-size:.85rem;color:#ccc;margin:5px 0}.footer-contact h4,.footer-social h4{font-size:1rem;margin-bottom:10px;color:#fff}.social-icons{display:flex;gap:10px;font-size:1.3rem;justify-content:flex-start}.social-icons a{color:#fff;transition:color .3s ease}.social-icons a:hover{color:#007bff}.footer-bottom{margin-top:10px;font-size:.8rem;color:#bbb;border-top:1px solid #333;padding-top:10px}.login-container{max-width:400px;margin:60px auto;padding:30px;background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #00000014;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-title{font-size:2rem;color:#333;margin-bottom:20px}.login-error{color:red;margin-bottom:15px;font-size:.95rem}.login-input{width:100%;padding:12px;font-size:1rem;border:1px solid #ccc;border-radius:8px;margin-bottom:16px;box-sizing:border-box;transition:border-color .3s ease}.login-input:focus{border-color:#007bff;outline:none}.login-button{width:100%;padding:12px;font-size:1rem;font-weight:600;color:#fff;background-color:#007bff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.login-button:hover{background-color:#0056b3}.login-link{display:block;margin-top:20px;color:#007bff;text-decoration:none;font-size:.95rem}.login-link:hover{text-decoration:underline}hr{margin:30px 0;border:none;border-top:1px solid #ddd}.product-container{max-width:1100px;margin:50px auto;padding:30px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;font-family:Arial,sans-serif}.product-container h2{text-align:center;margin-bottom:30px;font-size:1.8rem}.product-form{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px}.product-form input{padding:10px;font-size:14px;border:1px solid #ccc;border-radius:4px;flex:1;min-width:120px}.product-form button{padding:10px 16px;font-size:14px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.product-form button:hover,.product-form button:focus{background-color:#0056b3}.search-box{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.search-box input{padding:8px 12px;width:250px;border:1px solid #ccc;border-radius:4px}.search-box button{padding:8px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.search-box button:hover,.search-box button:focus{background-color:#218838}.product-table{width:100%;border-collapse:collapse;margin-bottom:20px}.product-table th,.product-table td{border:1px solid #ddd;padding:12px 10px;text-align:left;vertical-align:middle}.product-table th{background-color:#f9f9f9}.product-table td img{max-width:50px;height:auto;border-radius:4px;display:block}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-buttons button{padding:6px 12px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.action-buttons .edit-btn{background-color:#17a2b8;color:#fff}.action-buttons .edit-btn:hover,.action-buttons .edit-btn:focus{background-color:#138496}.action-buttons .delete-btn{background-color:#dc3545;color:#fff}.action-buttons .delete-btn:hover,.action-buttons .delete-btn:focus{background-color:#bd2130}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.pagination button{padding:8px 16px;border:none;background-color:#6c757d;color:#fff;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.pagination button:hover:not(:disabled),.pagination button:focus:not(:disabled){background-color:#5a6268}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination span{font-weight:700}.error{color:red;margin-bottom:10px;text-align:center}.product-details-container{max-width:900px;margin:110px auto 50px;padding:30px;background:linear-gradient(to right,#f9f9f9,#e0f7fa);box-shadow:0 4px 15px #0000001a;border-radius:16px;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.product-details-container h2{font-size:2.2rem;margin-bottom:20px;color:#333}.product-details-container img{width:100%;max-width:400px;height:auto;border-radius:12px;margin-bottom:20px;transition:transform .3s ease}.product-details-container img:hover{transform:scale(1.03)}.product-details-container p{font-size:1.1rem;margin:10px 0;color:#555}.product-details-container strong{color:#000}.size-selector{margin-top:20px;font-size:1rem}.size-selector label{margin-right:10px}.size-selector select{padding:8px 12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;cursor:pointer;background-color:#fff;transition:border-color .3s ease}.size-selector select:focus{outline:none;border-color:#007bff}.add-to-cart-button{margin-top:20px;padding:12px 20px;background-color:#007bff;color:#fff;font-size:1rem;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.add-to-cart-button:hover{background-color:#0056b3}@media (max-width: 600px){.product-details-container{padding:20px}.product-details-container h2{font-size:1.7rem}.product-details-container p{font-size:1rem}}html,body,#root{height:100%;margin:0;scroll-behavior:smooth}.App-Container{display:flex;flex-direction:column;min-height:100vh}main{flex:1}footer{background-color:#1e1e2f;color:#fff;padding:20px;text-align:center}