#root{padding-top:60px}@media(max-width:768px){#root{padding-top:52px}}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh}.spinner{border:6px solid #f3f3f3;border-top:6px solid #007bff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;padding:0}.footer{background:#1f2a3a;color:#cfd8e3;padding:60px 80px 30px;margin-top:auto}.footer div,.footer h4,.footer a,.footer p,.footer h3{background:#1f2a3a}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.footer-section{flex:1;min-width:220px}.footer-logo{color:#fff;margin-bottom:15px;font-size:22px}.footer-desc{line-height:1.6;font-size:14px}.footer-section h4{color:#fff;margin-bottom:15px;font-size:18px}.footer-section a{display:block;margin-bottom:10px;text-decoration:none;color:#cfd8e3;transition:.3s}.footer-section a:hover{color:#fff;text-decoration:none}.footer-section p{margin-bottom:10px;font-size:14px}.footer-bottom{border-top:1px solid #39495f;text-align:center;padding-top:20px;margin-top:30px;font-size:14px;color:#aab4c2}.search-container{padding:20px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.product-card{width:100%;max-width:220px;min-height:280px;border-radius:12px;background:#fff;box-shadow:0 4px 10px #00000026;cursor:pointer;transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden;margin:auto}.product-info{padding:10px;display:flex;flex-direction:column;flex-grow:1}.product-name{font-size:14px;margin-bottom:8px;height:40px;overflow:hidden}.product-price{font-size:16px;font-weight:700;margin-top:auto}.card-lay{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:20px}.card{width:100%;max-width:240px;min-height:300px;box-shadow:0 4px 10px #0003;border-radius:8px;padding:10px;cursor:pointer;display:flex;flex-direction:column;margin:auto;transition:.3s}.card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #00000040}.card img{width:100%;height:160px;object-fit:contain}.card p{margin:8px 0}.card h4{margin-top:auto}.card-rec{display:flex;overflow-x:auto;gap:15px;padding:20px}.card-rec::-webkit-scrollbar{display:none}.card-reco{width:200px;min-height:300px;box-shadow:0 4px 10px #0003;border-radius:8px;padding:10px;cursor:pointer;flex-shrink:0;display:flex;flex-direction:column}.card-reco img{width:100%;height:140px;object-fit:contain}.banner-slider{width:100%;overflow:hidden;position:relative;border-radius:15px;margin-bottom:20px}.banner-track{display:flex;width:100%;transition:transform .6s ease-in-out}.banner-slide{min-width:100%;height:300px}.banner-slide img{width:100%;height:100%;object-fit:cover;border-radius:15px}.category-section{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:20px}.category-box{background:#fff;padding:15px;border-radius:10px;box-shadow:0 4px 10px #0000001a}.category-box img{width:100%;height:160px;object-fit:contain}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.category-grid img{width:100%;height:80px;object-fit:contain}.slider-full{width:100%;overflow:hidden;margin:20px 0}.slider-track{display:flex;gap:15px;width:max-content;animation:autoScroll 60s linear infinite}.slider-track:hover{animation-play-state:paused}.slider-item{min-width:180px;text-align:center}.img-box{width:100%;height:150px;display:flex;align-items:center;justify-content:center}.img-box img{max-width:100%;max-height:100%;object-fit:contain}.dots{position:absolute;bottom:10px;width:100%;display:flex;justify-content:center;gap:6px}.dot{width:8px;height:8px;background:#ccc;border-radius:50%;cursor:pointer}.dot.active{background:#333}@keyframes autoScroll{0%{transform:translate(0)}to{transform:translate(-80%)}}@media(max-width:1024px){.category-section{grid-template-columns:repeat(2,1fr)}.banner-slide{height:220px}}@media(max-width:768px){.card-lay{grid-template-columns:repeat(2,1fr);gap:12px;padding:10px}.product-name{font-size:13px}.product-price{font-size:14px}.banner-slide{height:180px}footer{display:none}}@media(max-width:480px){.card-lay{grid-template-columns:repeat(2,1fr);gap:10px;padding:8px}.category-section{grid-template-columns:1fr}.banner-slide{height:140px}.search-container h2{font-size:16px}footer{display:none}}.user_header{position:fixed;top:0;left:0;width:100%;height:60px;background:#131921;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;gap:20px}.logo{font-size:20px;font-weight:600;color:#fff;text-decoration:none;white-space:nowrap}.user_search{flex:1;display:flex;align-items:center;height:34px;max-width:800px;background:#fff;border-radius:6px;overflow:hidden}.user_search input{flex:1;border:none;outline:none;padding:0 12px;font-size:14px}.search-icon{width:40px;height:100%;background:#febd69;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000;transition:.2s;padding:6px}.search-icon{flex-shrink:0}.user_search input{min-width:0}.search-icon:hover{background:#f3a847}.user_menu-bar{display:flex;align-items:center;gap:40px;position:relative}.user_menu-bar a{color:#fff;text-decoration:none;font-size:22px;transition:.2s}.user_menu-bar a:hover{color:#febd69}.user_menu{font-size:22px;cursor:pointer}.user_dropdown-menu{position:absolute;top:160%;right:0;background:#fff;color:#000;min-width:100px;border-radius:8px;box-shadow:0 4px 12px #0003;overflow:hidden;z-index:2000}.user_dropdown-menu a{display:block;padding:12px;font-size:18px;color:#000;text-decoration:none}.user_dropdown-menu a:hover{background:#f5f5f5}@media(max-width:768px){.user_header{height:52px;padding:0 8px;gap:8px;flex-direction:row}.user_menu-bar>a{display:none}.user_search{flex:1;height:30px;border-radius:5px;max-width:100%}.user_search input{font-size:15px;padding:0 10px}.search-icon{width:40px;height:100%;padding:6px;font-size:16px}.user_menu{font-size:26px}}@media(max-width:500px){.logo{display:none}}.login-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.login-card{position:relative;width:350px;padding:30px;background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;animation:popup .3s ease-in-out}.close-btn:hover{color:red}.login-card h2{text-align:center;margin-bottom:20px}.login-card input:focus{border-color:#4e73df;box-shadow:0 0 5px #4e73df80}.login-card input{padding:10px;margin-bottom:15px;border-radius:5px;border:1px solid #ccc;font-size:14px;width:94%}.login-card button{padding:10px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px}.login-card button:hover{background:#0056b3}.error{color:red;font-size:14px;text-align:center;margin-bottom:10px}.login-card{max-width:90%}.login-card input{width:100%;box-sizing:border-box}@media(max-width:768px){.login-card{width:320px;padding:25px}.login-card h2{font-size:22px}}@media(max-width:480px){.login-container{padding:10px}.login-card{width:100%;padding:20px;border-radius:8px}.login-card h2{font-size:20px}.login-card input{font-size:13px;padding:8px}.login-card button{font-size:14px;padding:10px}.close-btn{font-size:20px;top:8px;right:12px}.error{font-size:13px}}.register-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}@keyframes popup{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.close-btn{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;color:#333}.register-card{position:relative;width:350px;padding:30px;background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;animation:popup .3s ease-in-out}.register-card h2{text-align:center;margin-bottom:20px}.register-card input{padding:10px;margin-bottom:15px;border-radius:5px;border:1px solid #ccc;font-size:14px;width:94%}.register-card input:focus{border-color:#4e73df;box-shadow:0 0 5px #4e73df80}.register-card button{padding:10px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px;width:94%}.register-card button:hover{background:#2e59d9}.error{color:red;margin-bottom:10px}.success{color:green;margin-bottom:10px}.register-card a{color:#4e73df;text-decoration:none;font-weight:500}.register-card a:hover{text-decoration:underline}@media(max-width:768px){.register-card{width:90%;max-width:350px;padding:20px;border-radius:12px}.register-card h2{font-size:20px}.register-card input,.register-card button{font-size:14px;padding:10px}.close-btn{font-size:22px;top:8px;right:10px}}@media(max-width:480px){.register-card{width:95%;padding:18px;border-radius:10px}.register-card h2{font-size:18px}.register-card input{font-size:13px;padding:9px}.register-card button{font-size:14px;padding:10px}.close-btn{font-size:20px}}header{display:flex;height:40px;z-index:1000}.search{display:flex;margin-right:auto}.notification{font-size:25px;color:#fff;background:none;cursor:pointer}.menu_a{background:none;color:#fff;top:5px;padding-top:7px;margin-right:25px;margin-bottom:9px;font-size:28px;cursor:pointer}.dash{display:flex;flex-direction:column;gap:30px}.dash h2{margin-left:63px}.display-content{display:flex;gap:40px;margin-left:60px;margin-right:30px}.box{display:flex;align-items:center;justify-content:space-between;border-radius:12px;padding:20px;cursor:pointer;box-shadow:0 4px 12px #00000026;width:30%;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.box:hover{transform:translateY(-5px);box-shadow:0 6px 18px #0003}.box h5{font-weight:400;color:gray}.inbox{display:flex;flex-direction:column;gap:5px}.icon-users{color:purple;font-size:30px}.icon-products{color:green;font-size:30px}.icon-orders{color:#00f;font-size:30px}.icon-revenue{color:#c88a03;font-size:35px}.RQ{display:flex;gap:20px;padding:40px 60px}.Quick{display:flex;flex-direction:column;gap:20px;width:50%;padding:30px;box-shadow:0 4px 10px #00000026;border-radius:12px;background:#fff}.Quick h4{margin-bottom:10px}.Quick a{text-align:center;width:100%;border-radius:8px;background:#e1e5f2;color:#000;cursor:pointer;padding:12px;text-decoration:none;transition:.3s}.Quick a:hover{background:#426eef;color:#fff}.Recent{display:flex;flex-direction:column;width:50%;padding:30px;gap:20px;border-radius:12px;box-shadow:0 4px 10px #00000026;background:#fff}.Recent h4{margin-bottom:10px}.recent-table{width:100%;border-collapse:collapse}.recent-table th{text-align:left;padding:10px;font-weight:600;border-bottom:2px solid #ddd;color:#333}.recent-table td{padding:10px;border-bottom:1px solid #eee}.recent-table tr:hover{background-color:#f9f9f9}.status{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;display:inline-block}.status.pending{background:#fff3cd;color:#856404}.status.processing{background:#cce5ff;color:#004085}.status.delivered{background:#d4edda;color:#155724}.Recent button{width:100%;border:none;border-radius:8px;background:#e1e5f2;cursor:pointer;padding:12px;transition:.3s}.Recent button:hover{background:#426eef;color:#fff}input{outline:none;border:none;font-size:16px}@media(max-width:768px){.display-content{flex-direction:column;margin-left:20px;margin-right:20px;gap:20px}.dash h2{margin-left:20px}.box{width:100%}.RQ{flex-direction:column;padding:20px}.Recent,.Quick{width:100%;padding:20px}.Quick a{width:100%}}.c{display:flex;justify-content:center;align-items:center;height:85vh}.e{font-size:24px;font-weight:500;color:#555}.ct{padding:40px;min-height:100vh;background:#f5f7fb}.ct h1{margin-bottom:30px;font-size:32px;color:#222}.cc{display:flex;gap:30px;align-items:flex-start}.ci{flex:2}.cd{display:flex;align-items:center;background:#fff;padding:20px;border-radius:16px;gap:20px;border:1px solid #ececec;box-shadow:0 3px 10px #0000000d;margin-bottom:20px;transition:.25s ease}.cd:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000014}.img{width:110px;height:110px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid #eee;padding:5px}.pd{flex:1}.pd h3{margin:0;font-size:18px;color:#222}.pd p{margin:5px 0;color:#777}.ds{font-size:14px;line-height:1.5}.pd h4{color:#1976d2;margin-top:10px}.old-price{text-decoration:line-through;color:#888;margin-left:6px;font-size:14px}.discount-tag{color:#22c55e;margin-left:8px;font-weight:600}.out-stock{color:red;font-size:15px;font-weight:600}.qt{display:flex;align-items:center;gap:10px;width:22%;margin-left:auto}.qt label{font-size:14px;color:#555;font-weight:500}.qty-select{min-width:70px;height:38px;border:1px solid #dbe1ea;background:#f8fafc;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:.25s ease}.qty-select:hover{background:#eef2f7}.dl{margin-left:10px;cursor:pointer;color:red;font-size:18px;transition:.2s}.dl:hover{transform:scale(1.1)}.sm{flex:1;background:#fff;padding:25px;border-radius:16px;border:1px solid #ececec;box-shadow:0 3px 10px #0000000d;position:sticky;top:100px;align-self:flex-start}.sm h2{margin-bottom:20px;color:#222}.rw{display:flex;justify-content:space-between;margin:12px 0;font-size:14px;gap:10px}.rw span:first-child{flex:1;color:#444}.rw span:last-child{font-weight:500}.tt{font-weight:700;font-size:20px}.cn{display:block;text-align:center;margin-top:15px;padding:13px;background:#1976d2;color:#fff;border-radius:12px;text-decoration:none;font-weight:600;transition:.25s ease}.cn:hover{background:#0d5bb5}.disabled-btn{background:#ccc;cursor:not-allowed;opacity:.7}.qty-modal{position:fixed;inset:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:999999}.qty-box{width:320px;max-width:92%;background:#fff;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 10px 25px #0000002e,0 20px 40px #0000001f;animation:qtyFade .22s ease}.qty-header{height:54px;display:flex;align-items:center;justify-content:flex-end;padding:0 14px;border-bottom:1px solid #f1f1f1;background:#fff}.qty-header button{width:32px;height:32px;border:none;border-radius:50%;background:#f3f4f6;cursor:pointer;font-size:18px;font-weight:600;transition:.2s}.qty-header button:hover{background:#e5e7eb}.qty-list{max-height:300px;overflow-y:auto;padding:6px 0}.qty-list::-webkit-scrollbar{width:6px}.qty-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.qty-item{height:52px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:16px;font-weight:500;transition:.2s}.qty-item:hover{background:#f8fafc}@keyframes qtyFade{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.ct{padding:10px}.cc{flex-direction:column;gap:20px}.ci,.sm{width:100%}.sm{position:static}.cd{flex-wrap:wrap;gap:12px;padding:14px}.img{width:80px;height:80px}.pd h3{font-size:15px}.pd p{font-size:12px}.pd h4{font-size:16px}.ds{display:none}.qt{width:100%;margin-left:0;margin-top:8px;justify-content:flex-start}.qty-box{width:260px}}@media(max-width:480px){.ct h1{font-size:24px}.img{width:70px;height:70px}.pd h3{font-size:14px}.pd h4{font-size:15px}.rw{font-size:13px}.tt{font-size:18px}.cn{padding:12px;font-size:14px}.qty-box{width:220px}.qty-item{height:48px;font-size:15px}.qty-select{min-width:60px;height:34px;font-size:13px}}.manage-containerad{padding:20px;margin:auto}.product-gridad{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;align-items:start}.product-cardad{position:relative;width:100%;border:1px solid #ddd;padding:20px 15px 12px;border-radius:12px;text-align:center;background:#fff;box-sizing:border-box;transition:.3s;overflow:visible}.product-cardad:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.product-cardad img{width:100%;height:130px;object-fit:cover;border-radius:10px}.add-cardad{display:flex;justify-content:center;align-items:center;font-size:50px;cursor:pointer;background:#f2f2f2;border:2px dashed #ccc}.popupad{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-boxad{background:#fff;padding:40px 50px 40px 40px;border-radius:12px;width:420px}.popup-boxad h2{margin-bottom:15px}.popup-boxad input,.popup-boxad textarea{width:100%;margin:8px 0;padding:10px;border:1px solid #ccc;border-radius:6px;outline:none}.popup-boxad input:focus,.popup-boxad textarea:focus{border-color:#007bff}.btnsad{display:flex;justify-content:space-between;margin-top:15px}.btnsad button{padding:8px 15px;border:none;border-radius:6px;cursor:pointer}.btnsad button:first-child{background:#007bff;color:#fff}.btnsad button:last-child{background:#ccc}.menu-btnad{position:absolute;top:8px;right:10px;cursor:pointer;font-size:18px}.menuad{position:absolute;top:35px;right:10px;background:#171616;border:1px solid #171414;border-radius:6px;overflow:hidden;z-index:999;min-width:100px;width:max-content;white-space:nowrap}.menuad p{margin:0;padding:8px 12px;cursor:pointer;color:#000;background-color:#ede8e8}.menuad p:hover{background:#a59d9d}.product-container{display:flex;gap:40px;padding:40px;background:#eceded;align-items:flex-start;position:relative}.pp{background-color:#eceded}.product-image{width:50%;height:500px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;position:relative}.product-image img{max-width:100%;max-height:100%;object-fit:contain}.wishlist{position:absolute;top:10px;right:10px;background:#fff;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;box-shadow:0 2px 8px #0003;transition:transform .2s ease,box-shadow .2s ease}.wishlist:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.wishlist svg{color:gray}.wishlist.active svg{color:red}.back-btn,.back-bt{background:#edb0b0;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;position:absolute;top:10px;left:20px}.back-bt{position:static;margin:20px 0 0 30px;background:#75e0e5;font-size:18px;border-radius:4px}.product-details{width:50%;display:flex;flex-direction:column;gap:20px;padding:20px;min-height:400px;align-items:flex-start;text-align:left;border-radius:8px}.product-details h2{font-size:40px;margin-bottom:0;width:100%}.product-details h3{font-size:30px;color:#ad8245;margin:0}.product-details.det{font-size:17px}.stock-ok{margin:0;font-size:19px;padding-right:10px;color:#b38745}.quantity{display:flex;gap:10px;align-items:center}.quantity button{padding:8px 12px;border-radius:5px}.buttons{display:flex;gap:10px;margin-top:20px;width:100%}.buttons a{text-decoration:none;text-align:center;padding:10px;border-radius:7px}.btn{border:none;border-radius:8px;cursor:pointer;min-width:200px;height:40px;color:#fff;transition:background .3s ease;text-align:center}.car{padding:10px;border-radius:8px;border:none;width:100%}.car{background:#1976d2}.car:hover{background:#0d5bb5}.buy{background:#ff9800;padding:10px;width:100%;border:none;border-radius:9px}.buy:hover{background:#e68900}.toast{position:fixed;top:20px;right:20px;background:#fff;color:#6f5858;padding:12px 18px;border-radius:8px;display:flex;align-items:center;gap:10px;width:220px;z-index:9999;box-shadow:0 4px 12px #0003;animation:slideIn .3s ease}.toast button{background:transparent;border:none;color:#d6bdbd;font-size:16px;cursor:pointer}.qty-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:9999}.old-price{text-decoration:line-through;color:#888;margin-left:6px}.discount{color:#22c55e;margin-left:8px;font-weight:600}.qty-box{background:#fff;width:280px;max-width:90%;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #00000040;animation:qtyFade .2s ease;position:relative}.qty-header button{position:absolute;top:10px;right:10px;background:#f5f5f5;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.qty-header button:hover{background:#e0e0e0}.qty-list{max-height:220px;width:100%;overflow-y:auto;margin-top:40px}.qty-item{padding:14px;text-align:center;font-size:16px;cursor:pointer;border-bottom:1px solid #eee;transition:background .2s}.qty-item:hover{background:#f5f5f5}.qty-item.active{background:#1976d2;color:#fff}@keyframes qtyFade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.toast.hide{animation:fadeOut .3s ease forwards}@media(max-width:1024px){.product-container{gap:20px;padding:30px}.product-image{height:400px}.product-details h2{font-size:30px}.product-details h3{font-size:24px}}@media(max-width:768px){.product-container{flex-direction:column;padding:15px;gap:15px}.product-image{width:100%;height:250px}.product-details{width:100%;padding:10px}.product-details h2{font-size:22px}.product-details h3{font-size:20px}.stock-ok{font-size:14px}.buttons{flex-direction:column}.btn{width:100%;min-width:unset;height:45px}.wishlist{top:8px;right:8px;padding:6px}.back-btn{top:5px;left:10px;padding:6px 10px}.back-bt{position:sticky;margin-top:10px;margin-left:16px;background:#75e0e5;font-size:18px;border-radius:4px}.qty-box{background:#fff;width:180px;max-width:90%;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #00000040;animation:qtyFade .2s ease;position:relative}}@media(max-width:480px){.qty-box{background:#fff;width:120px;max-width:90%;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #00000040;animation:qtyFade .2s ease;position:relative}.product-image{height:200px}.product-details h2{font-size:18px}.product-details h3{font-size:16px}.stock-ok{font-size:12px}.quantity button{padding:6px 10px}.buttons{gap:8px}.btn{height:42px;font-size:15px}.toast{width:90%;right:5%;top:15px}}.ckx-container{padding:20px;min-height:100vh;font-family:Arial,sans-serif}.processing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99999;display:flex;justify-content:center;align-items:center;touch-action:none}.processing-box{background:#fff;padding:20px 35px;border-radius:10px;font-size:18px;font-weight:700}.ckx-layout{display:flex;gap:20px;align-items:flex-start}.ckx-left{flex:2;min-width:300px}.ckx-right{flex:1;min-width:280px;max-width:350px;position:sticky;top:20px}.ckx-card{background:#fff;padding:18px;border-radius:12px;margin-bottom:18px;box-shadow:0 2px 10px #00000014}.ckx-item{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #eee}.ckx-img{width:90px;height:90px;object-fit:contain;border-radius:8px}.ckx-item h3{font-size:16px;margin:0}.ckx-item p{font-size:14px;color:#555}.quantity{display:flex;align-items:center;gap:8px;margin-top:6px}.qty-select{padding:6px 10px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:14px}.ckx-card label{display:block;margin:8px 0;cursor:pointer}.ckx-summary{background:#fff;padding:18px;border-radius:12px;box-shadow:0 2px 10px #00000014}.summary-row{display:flex;justify-content:space-between;margin:10px 0;font-size:14px}.summary-row.total{font-weight:700;font-size:18px;border-top:1px solid #eee;padding-top:10px}.ckx-btn{width:100%;padding:12px;margin-top:15px;background-color:#1976d2;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px}.ckx-btn:hover{background-color:#125aa0}@media(max-width:1024px){.ckx-layout{gap:15px}.ckx-img{width:80px;height:80px}.ckx-right{max-width:300px}}@media(max-width:768px){.ckx-layout{flex-direction:column}.ckx-right{position:static;max-width:100%;width:100%}.ckx-left{width:100%}.ckx-item{flex-direction:row;align-items:center;gap:10px}.ckx-img{width:70px;height:70px}.ckx-item>div{flex:1}}@media(max-width:480px){.ckx-item{justify-content:space-between}.ckx-img{width:60px;height:60px}.ckx-item>div{flex:1;display:flex;flex-direction:column;gap:4px;margin-right:10px}.ckx-item h3{font-size:13px}.quantity{font-size:12px}.qty-select{padding:3px 6px;width:auto}.ckx-item p{font-size:13px;font-weight:600;white-space:nowrap}.ckx-left,.ckx-right{width:100%;min-width:10%}}.wishlist-container{padding:20px;max-width:1200px;margin:auto}.wishlist-container h2{margin-left:12px}.title{text-align:center;margin-bottom:20px}.empty{text-align:center;font-size:18px;color:gray}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.card{background:#fff;padding:15px;border-radius:12px;text-align:center;box-shadow:0 4px 10px #0000001a;transition:.3s}.card:hover{transform:translateY(-5px)}.product-img{width:100%;height:180px;object-fit:contain}.name{font-size:16px;margin:10px 0}.price{color:green;font-weight:700}.remove-btn{margin-top:10px;padding:8px 12px;border:none;background:red;color:#fff;border-radius:6px;cursor:pointer}.remove-btn:hover{background:#8b0000}@media(max-width:992px){.wishlist-container{padding:15px}.wishlist-grid{gap:15px}.card{padding:12px}.product-img{height:160px}}@media(max-width:768px){.title{font-size:20px}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.product-img{height:140px}.name,.price{font-size:14px}.remove-btn{padding:6px 10px;font-size:13px}}@media(max-width:480px){.wishlist-container{padding:10px}.wishlist-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:10px}.product-img{height:120px}.name{font-size:13px}.remove-btn{width:100%}}*{box-sizing:border-box}.search-container{padding:20px;max-width:1200px;margin:auto}.search-container h2{text-align:left;margin-bottom:20px;font-size:20px;font-weight:600}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.product-card{width:100%;border-radius:12px;background:#fff;box-shadow:0 4px 10px #00000026;cursor:pointer;transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden}.product-card:hover{transform:translateY(-5px)}.image-box{height:160px;display:flex;align-items:center;justify-content:center;padding:10px}.image-box img{max-width:100%;max-height:100%;object-fit:contain}.product-info{padding:10px;display:flex;flex-direction:column}.product-name{font-size:14px;margin-bottom:4px;line-height:1.3}.product-price{font-size:16px;font-weight:700;margin-top:4px}@media(min-width:1200px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.image-box{height:170px}}@media(max-width:992px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.image-box{height:140px}}@media(max-width:768px){.search-container{padding:12px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{height:auto}.image-box{height:130px}.product-name{font-size:13px}.product-price{font-size:14px}}@media(max-width:480px){.search-container{padding:10px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-box{height:110px}.product-name{font-size:12px}.product-price{font-size:13px}}.purchase-wrapper{max-width:1050px;margin:40px auto;padding:15px}.purchase-heading{text-align:center;margin-bottom:30px;font-size:28px;font-weight:700;color:#222}.purchase-loader{text-align:center;margin-top:100px;font-size:22px}.empty-purchase{text-align:center;color:#777;margin-top:40px}.payment-alert{position:fixed;top:20px;right:20px;background:#111827;color:#fff;padding:12px 18px;border-radius:8px;z-index:999;font-size:14px}.purchase-card{background:#fff;border-radius:18px;padding:22px;margin-bottom:24px;border:1px solid #ececec;box-shadow:0 3px 10px #0000000d;transition:.25s ease}.purchase-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000014}.purchase-top{display:flex;justify-content:space-between;gap:20px}.purchase-label{font-size:12px;color:#888}.purchase-number{margin-top:5px;color:#222}.delivery-text{margin-top:8px;font-size:13px;color:#777}.purchase-summary{text-align:right}.amount-label{font-size:13px;color:#888}.amount-price{margin-top:6px;color:#2563eb;font-size:24px}.delivery-badge{display:inline-block;margin-top:10px;padding:5px 12px;border-radius:30px;font-size:12px;font-weight:600}.delivery-badge.pending,.delivery-badge.processing{background:#dbeafe;color:#1d4ed8}.delivery-badge.shipping{background:#fef3c7;color:#92400e}.delivery-badge.delivered{background:#dcfce7;color:#15803d}.purchase-content{margin-top:20px}.purchase-products{display:flex;flex-direction:column;gap:14px}.single-product{display:flex;align-items:center;gap:14px}.product-thumb{width:65px;height:65px;object-fit:contain;border-radius:10px;border:1px solid #eee;padding:4px}.product-title{font-size:15px;font-weight:500;color:#222}.product-qty{color:#777}.details-button{margin-top:12px;width:100%;border:none;outline:none;background:#2563eb;color:#fff;padding:11px;border-radius:10px;cursor:pointer;font-size:15px;transition:.2s}.details-button:hover{background:#1d4ed8}@media(max-width:768px){.purchase-top{flex-direction:column}.purchase-summary{text-align:left}.product-thumb{width:55px;height:55px}}@media(max-width:480px){.purchase-wrapper{margin:10px;padding:5px}.purchase-card{padding:16px}.purchase-heading{font-size:24px}.product-thumb{width:48px;height:48px}.details-button{font-size:14px}}.profile-container{max-width:1100px;margin:auto;padding:20px}.profile-title{font-size:32px;margin-bottom:20px}.profile-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 15px #0000001a;margin-bottom:25px}.profile-left,.profile-info{display:flex;align-items:center;gap:20px}.edit-btn{margin-left:auto;padding:8px 16px;border-radius:20px;border:1px solid #ccc;cursor:pointer;white-space:nowrap}.avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#36d1dc,#5b86e5);color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center}.email{color:gray}.badge{background:#e0f0ff;padding:4px 10px;border-radius:12px;font-size:12px}.label{color:gray;font-size:14px}.address-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 15px #0000001a}.address-header{display:flex;justify-content:space-between;align-items:center}.add-btn{background:#5b4bff;color:#fff;padding:10px 18px;border-radius:10px;border:none;cursor:pointer}.address-box{border:1px solid #eee;padding:15px;border-radius:10px;margin-top:15px}.address-actions{margin-top:10px;display:flex;gap:10px}.edit{background:#eee;padding:6px 12px;border-radius:6px}.delete{color:red;background:none;border:none}@media(max-width:1024px){.profile-container{padding:15px}.profile-card,.address-card{padding:20px}.profile-title{font-size:26px}}@media(max-width:768px){.profile-container{padding:10px}.profile-title{font-size:22px;text-align:center}.profile-left{flex-direction:column;align-items:center;text-align:center}.profile-info{flex-direction:column}.edit-btn{margin-left:0;margin-top:10px}.avatar{width:70px;height:70px;font-size:24px}.address-header{flex-direction:column;align-items:flex-start;gap:10px}.add-btn{width:100%;text-align:center}.address-actions{justify-content:space-between}}@media(max-width:480px){.profile-title{font-size:20px}.avatar{width:60px;height:60px;font-size:20px}.profile-card,.address-card{padding:15px;border-radius:12px}.add-btn{padding:8px;font-size:14px}.edit-btn{padding:6px 12px;font-size:13px}.label{font-size:12px}}.admin-orders-wrapper{padding:25px;min-height:100vh;background:#f8fafc;font-family:Inter,sans-serif}.admin-orders-heading{font-size:30px;font-weight:700;color:#0f172a;margin-bottom:25px}.admin-orders-empty{text-align:center;font-size:16px;color:#64748b;margin-top:20px}.admin-orders-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #00000014}.admin-orders-table thead{background:linear-gradient(to right,#2563eb,#1d4ed8)}.admin-orders-table th{padding:18px;text-align:center;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px}.admin-orders-table td{padding:18px;text-align:center;border-bottom:1px solid #e2e8f0;font-size:14px;color:#334155;font-weight:500}.admin-orders-table tbody tr{transition:all .25s ease}.admin-orders-table tbody tr:hover{background:#f1f5f9;transform:scale(1.005)}.admin-status-badge{padding:7px 16px;border-radius:999px;font-size:12px;font-weight:700;display:inline-block}.admin-status-badge.Pending{background:#fef9c3;color:#ca8a04}.admin-status-badge.Processing{background:#dbeafe;color:#2563eb}.admin-status-badge.Shipping{background:#ede9fe;color:#7c3aed}.admin-status-badge.Delivered{background:#dcfce7;color:#16a34a}.admin-status-dropdown{padding:8px 14px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:14px;font-weight:500;cursor:pointer;outline:none;transition:all .2s ease}.admin-status-dropdown:hover{border-color:#2563eb}.admin-status-dropdown:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.admin-orders-wrapper{overflow-x:auto}.admin-orders-table th,.admin-orders-table td{min-width:130px}.admin-orders-wrapper::-webkit-scrollbar{height:7px}.admin-orders-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.admin-orders-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.admin-orders-wrapper{padding:15px}.admin-orders-heading{font-size:22px;margin-bottom:18px;text-align:center}.admin-orders-table{border-radius:12px}.admin-orders-table th,.admin-orders-table td{padding:12px;font-size:12px}.admin-status-badge{padding:5px 10px;font-size:11px}.admin-status-dropdown{padding:6px 10px;font-size:12px}}@media(max-width:480px){.admin-orders-heading{font-size:20px}.admin-orders-table th,.admin-orders-table td{min-width:100px;font-size:11px}.admin-status-dropdown{width:100%}}.manage-users-wrapper{padding:25px;min-height:100vh;background:#f8fafc;font-family:Inter,sans-serif;overflow-x:auto}.manage-users-title{font-size:30px;font-weight:700;color:#0f172a;margin-bottom:25px}.manage-users-text{text-align:center;color:#64748b;font-size:16px;margin-top:20px}.manage-users-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #00000014}.manage-users-table thead{background:linear-gradient(to right,#2563eb,#1d4ed8)}.manage-users-table th{padding:18px;text-align:center;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px}.manage-users-table td{padding:18px;text-align:center;border-bottom:1px solid #e2e8f0;color:#334155;font-size:14px;font-weight:500}.manage-users-table tbody tr{transition:all .25s ease}.manage-users-table tbody tr:hover{background:#f1f5f9;transform:scale(1.005)}.manage-users-table th,.manage-users-table td{min-width:140px}.manage-users-wrapper::-webkit-scrollbar{height:7px}.manage-users-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.manage-users-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.manage-users-wrapper{padding:15px}.manage-users-title{font-size:24px;text-align:center}.manage-users-table th,.manage-users-table td{padding:12px;font-size:12px}}@media(max-width:480px){.manage-users-title{font-size:20px}.manage-users-table th,.manage-users-table td{min-width:110px;font-size:11px}}.order-details{padding:16px;background:#f1f3f6;min-height:100vh}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.back-btn{background:#2874f0;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.details-card{background:#fff;padding:12px;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:12px}.label{font-size:12px;color:#777}.date{font-size:12px;color:#999}.delivery-date{font-size:12px;color:green}.status{padding:4px 10px;border-radius:20px;font-size:12px}.status.pending,.status.processing{background:#e3f2fd;color:#2874f0}.status.shipping{background:#fff3cd;color:#856404}.status.delivered{background:#d4edda;color:#28a745}.order-status-bar{position:relative;display:flex;justify-content:space-between;margin:15px 0;padding:0 20px}.progress-track{position:absolute;top:16px;left:20px;right:20px;height:4px;background:#ddd}.progress-fill{position:absolute;top:16px;left:20px;height:4px;background:#2874f0}.step{text-align:center;z-index:2}.circle{width:26px;height:26px;border-radius:50%;background:#ccc;color:#fff;line-height:26px;font-size:12px}.circle.active{background:#2874f0}.details-products{background:#fff;padding:12px;border-radius:6px;margin-bottom:12px}.detail-item{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #eee}.detail-item img{width:70px;height:70px;object-fit:contain}.details-summary{margin-top:25px;padding:18px;background:#fff;border-radius:14px;box-shadow:0 4px 14px #0000000f;margin-bottom:10px}.details-summary h3{margin-bottom:12px;font-weight:600;font-size:18px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;color:#333}.summary-row span:first-child{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-row span:last-child{font-weight:500;color:#222}.details-summary hr{margin:12px 0;border:none;border-top:1px solid #eee}.summary-total{display:flex;justify-content:space-between;font-size:16px;margin-top:10px}.summary-total span{color:#444}.summary-total b{color:#000;font-size:18px}.details-status{background:#fff;padding:12px;border-radius:6px;margin-bottom:12px}.status-text{font-weight:700}.details-payment{background:#fff;padding:12px;border-radius:6px;margin-bottom:12px}.payment-status{color:#2874f0}.details-address{background:#fff;padding:12px;border-radius:6px}.address-box{font-size:13px}.addr-container{width:100%;max-width:600px;margin:auto}.addr-list{margin-top:10px}.addr-card{border:1px solid #e0e0e0;border-radius:12px;padding:14px 16px;margin-bottom:12px;cursor:pointer;background:#fff;transition:all .25s ease;position:relative}.addr-card:hover{border-color:#1976d2;background:#f5faff;transform:translateY(-1px)}.addr-card.active{border:2px solid #1976d2;background:#eef6ff;box-shadow:0 3px 10px #1976d226}.addr-top{display:flex;justify-content:space-between;align-items:center;font-size:15px;margin-bottom:4px}.addr-body{font-size:13px;color:#555;line-height:1.4}.addr-footer{font-size:13px;color:#444;margin-top:3px}.edit-btn{border:none;background:transparent;color:#1976d2;font-size:13px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:all .2s ease}.edit-btn:hover{background:#e3f2fd}.add-btn{margin-top:10px;padding:10px 14px;border:none;background:#1976d2;color:#fff;border-radius:8px;cursor:pointer;font-weight:500;width:100%;transition:background .2s ease}.add-btn:hover{background:#125aa0}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999}.modal-box{background:#fff;padding:20px;border-radius:12px;width:90%;max-width:380px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 25px #00000026}.modal-box input{padding:10px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border .2s ease}.modal-box input:focus{border-color:#1976d2}.modal-actions{display:flex;gap:10px}.modal-actions button:first-child{flex:1;background:#28a745;color:#fff}.modal-actions button:last-child{flex:1;background:#ccc}@media(max-width:480px){.addr-card{padding:12px;border-radius:10px}.addr-top{font-size:14px}.addr-body,.addr-footer{font-size:12px}.modal-box{width:95%;padding:15px}.addr-list{margin:10px}.add-btn{margin:10px;width:93%}}