:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{-webkit-user-select:none;user-select:none}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:#000}.red{color:red}.purple{color:#2f00ff}.green{color:#00c300}.dashboard{overflow-y:auto}.dashboard .bar{height:4rem;display:flex;flex-direction:row;justify-content:unset;align-items:center;gap:1rem;padding:0 1rem;border-bottom:1px solid rgba(0,0,0,.37)}.dashboard .bar>input{margin-right:auto;padding:1rem 0;border:none;background-color:inherit;width:100%;outline:none}.dashboard .bar>svg{font-size:1.2rem;opacity:.7}.dashboard .bar>img{height:2rem;width:2rem;border-radius:50%}.dashboard .widget-container{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:2rem;padding:2rem 2rem 2rem 0}.dashboard .widget-container .widget{width:16rem;background-color:#fff;box-shadow:0 0 10px #0002;padding:2rem;border-radius:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:0}.dashboard .widget-container .widget .widget-info>p{opacity:.7;font-size:.8rem}.dashboard .widget-container .widget .widget-info>h4{font-size:1.5rem}.dashboard .widget-container .widget .widget-info>span{display:flex;flex-direction:row;justify-content:unset;align-items:center;gap:.2rem}.dashboard .widget-container .widget .widget-circle{position:relative;height:5rem;width:5rem;border-radius:50%;flex:none;display:grid;place-items:center;background-color:#7fffd4}.dashboard .widget-container .widget .widget-circle:before{content:"";position:absolute;height:4rem;width:4rem;background-color:#fff;border-radius:100%}.dashboard .widget-container .widget .widget-circle span{position:relative}.dashboard .graph-container{display:flex;flex-direction:row;justify-content:unset;align-items:unset;gap:2rem;padding:0 2rem 2rem 0}.dashboard .graph-container>div{background-color:#fff;border-radius:10px}.dashboard .graph-container .revenue-chart{width:100%;padding:1rem 3rem;max-width:50rem}.dashboard .graph-container .revenue-chart>h2{letter-spacing:3px;font-weight:300;text-transform:uppercase;margin:1rem 0 2rem .25rem;text-align:center}.dashboard .graph-container .dashboard-categories{width:100%;max-width:25rem;display:flex;flex-direction:column;justify-content:center;align-items:unset;gap:0;padding-bottom:2rem}.dashboard .graph-container .dashboard-categories>h2{letter-spacing:3px;font-weight:300;text-transform:uppercase;margin:1.5rem 0 2rem;text-align:center}.dashboard .graph-container .dashboard-categories>div{overflow-y:auto;height:30rem;padding-left:.5rem}.dashboard .graph-container .dashboard-categories>div::-webkit-scrollbar{display:none}.dashboard .graph-container .dashboard-categories .category-item{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;padding:1rem}.dashboard .graph-container .dashboard-categories .category-item>h5{letter-spacing:1px;font-weight:300}.dashboard .graph-container .dashboard-categories .category-item>div{margin-left:auto;width:8rem;background-color:#d9d9d9;border-radius:20px;height:.5rem;flex:none}.dashboard .graph-container .dashboard-categories .category-item>div>div{border-radius:20px;height:100%}.dashboard .graph-container .dashboard-categories .category-item>span{font-size:.8rem;font-weight:700}.dashboard .transaction-container{display:flex;gap:2rem;padding:0 2rem 2rem 0;height:30rem}.dashboard .transaction-container>div{background-color:#fff;box-shadow:0 10px 10px #0002;border-radius:10px}.dashboard .transaction-container .gender-chart{width:100%;max-width:20rem;padding:1rem;position:relative}.dashboard .transaction-container .gender-chart>h2{text-align:center;margin:1.5rem 0 2rem;letter-spacing:3px;font-weight:300;text-transform:uppercase}.dashboard .transaction-container .gender-chart>p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#000000a2}.dashboard .transaction-container .transaction-box{width:100%;padding:1rem;overflow-x:auto}.dashboard .transaction-container .transaction-box>h2{margin:1.5rem 0 0;letter-spacing:3px;font-weight:300;text-transform:uppercase}.dashboard-product-box{background-color:#fff;padding:2rem;overflow:auto;height:100%;width:100%}.create-product-btn{position:fixed;right:7rem;top:5rem;height:2.5rem;width:2.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;border-radius:50%;background-color:#c90909;color:#fff}.create-product-btn:hover{opacity:.8}.product-delete-btn{background-color:#383838;color:#fff;font-size:1.2rem;height:2.5rem;width:2.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;border-radius:50%;cursor:pointer;border:none;position:absolute;top:-1.2rem;right:-1.2rem}.product-management{display:flex;flex-direction:row;justify-content:center;align-items:unset;gap:1rem;padding:4rem}.product-management>section{overflow-y:auto;width:100%;height:85vh;max-width:500px;box-shadow:0 5px 5px #00000037;background-color:#fff;padding:5rem;display:flex;flex-direction:column;justify-content:unset;align-items:unset;gap:1rem;position:relative;border-radius:5px}.product-management>section>h2{letter-spacing:2px;font-weight:300;text-transform:uppercase;text-align:center}.product-management>section>img{height:100%;width:100%;object-fit:contain}.product-management>section>strong{font-weight:300}.product-management>section>span{position:absolute;right:2rem;top:2rem}.product-management>section>p{text-align:center;letter-spacing:2px;text-transform:uppercase}.product-management>section>h3{text-align:center;font-size:2rem}.product-management>article{height:85vh;padding:2rem;width:100%;max-width:400px;background-color:#fff;border-radius:5px;box-shadow:5px 5px 10px #00000037;position:relative}.product-management>article>form{display:flex;flex-direction:column;justify-content:unset;align-items:center;gap:2rem}.product-management>article>form>h2{text-transform:uppercase;letter-spacing:2px}.product-management>article>form>img{height:5rem;width:5rem;object-fit:cover;border-radius:5px}.product-management>article>form>div{width:100%;position:relative}.product-management>article>form>div>label{position:absolute;left:0;top:-1.5rem}.product-management>article>form>div>input{padding:1rem;border:1px solid rgba(13,13,13,.196);background-color:unset;width:100%;outline:none;border-radius:5px}.product-management>article>form>button{padding:1rem;border:none;background-color:#056be0;color:#fff;width:100%;border-radius:5px;font-size:1.1rem;cursor:pointer}.product-management .shipping-info-card>h1{text-align:center;letter-spacing:2px;font-weight:300;text-transform:uppercase}.product-management .shipping-info-card>h5{margin:2rem 0 0 .5rem;font-size:1.1rem;font-weight:700}.product-management .shipping-info-card>p{margin:.5rem}.product-management .shipping-info-card>.shipping-btn{margin:2rem 0;padding:1rem;border:none;background-color:#056be0;color:#fff;width:100%;border-radius:5px;font-size:1.1rem;cursor:pointer}.product-management .shipping-info-card>.shipping-btn:hover{opacity:.8}.transaction-product-card{display:flex;flex-direction:row;justify-content:unset;align-items:center;gap:1rem}.transaction-product-card>img{height:4rem;width:4rem;object-fit:cover;border-radius:5px}.transaction-product-card>span{margin-left:auto}.chart-container{background-color:#fff;padding:4rem;overflow-y:auto}.chart-container>h1{margin:0 0 5rem 2rem}.chart-container>section{width:80%;margin:4rem auto}.chart-container>section>div{max-width:25rem;margin:auto;margin-top:6rem;margin-bottom:-1rem}.chart-container>section>h2{margin:2rem 0;text-align:center;letter-spacing:2px;font-weight:300;text-transform:uppercase}.dashboard-app-container{background-color:#fff;padding:4rem}.dashboard-app-container>section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100%}.dashboard-app-container>section .stopwatch>h2{font-size:2rem;font-weight:300;text-align:center}.dashboard-app-container>section .stopwatch>button{padding:1rem 2rem;border:none;cursor:pointer;color:#fff;margin:2rem;font-weight:700;border-radius:10px}.dashboard-app-container>section .stopwatch>button:first-of-type{background-color:#0062ff}.dashboard-app-container>section .stopwatch>button:last-of-type{background-color:red}.dashboard-app-container>section .tosscoin{margin:2rem;height:15rem;width:15rem;position:relative;cursor:pointer;transform-style:preserve-3d;transition:all .5s}.dashboard-app-container>section .tosscoin>div{border-radius:50%;height:100%;width:100%;position:absolute;display:grid;place-items:center;background-repeat:no-repeat;background-size:contain;backface-visibility:hidden;filter:drop-shadow(0px 10px 10px rgba(0,0,0,.521))}.dashboard-app-container>section .tosscoin>div:first-of-type{background-image:url(/assets/heads-RlRZHGoD.png)}.dashboard-app-container>section .tosscoin>div:last-of-type{background-image:url(/assets/tails-Dup6weBq.png);transform:rotateY(-180deg)}.dashboard-app-container>section .coupon-form{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:unset;gap:2rem;max-width:30rem;width:100%}.dashboard-app-container>section .coupon-form>input{padding:1rem;border:1px solid rgba(0,0,0,.359);outline:none;border-radius:5px}.dashboard-app-container>section .coupon-form>fieldset{padding:1rem;border:1px solid rgba(0,0,0,.359);border-radius:5px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:wrap;grid-column:1/3}.dashboard-app-container>section .coupon-form>fieldset span{font-size:.8rem;font-weight:300;margin-inline-start:.25rem;margin-inline-end:1rem}.dashboard-app-container>section .coupon-form>button{font-weight:700;font-size:1.1rem;width:100%;padding:1rem;border:none;color:#fff;cursor:pointer;margin:2rem 0;border-radius:10px;grid-column:1/3;background-color:#0062ff}.dashboard-app-container>section>code{position:relative;font-size:1.2rem;letter-spacing:2px;cursor:pointer}.dashboard-app-container>section>code:hover>span{opacity:1}.dashboard-app-container>section>code>span{opacity:0;height:100%;width:100%;top:0;left:0;position:absolute;border-radius:5px;background-color:#0f0f0f;color:#fff;font-size:.8rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.header{display:flex;gap:1.2rem;justify-content:flex-end;align-items:stretch;padding:1rem;font-size:larger;opacity:.85;cursor:pointer}.header div{letter-spacing:2px}.header div:hover{color:#099}.header svg:hover{color:#099}.header button{border:none;background-color:#fff;font-size:19px}.header button:hover{color:#099}.header dialog{border:1px solid gray;border-radius:5px;padding:.8rem;position:absolute;top:3rem;left:92%}.header dialog button{margin-left:1.5rem}.home{padding:2rem 4%;width:100%}.home section{width:100%;height:22.75rem;margin:auto;background-image:url(/assets/cover-DGJpYdQY.png);background-size:100% 100%;background-repeat:no-repeat}.home .latestAndMore{margin-top:4rem;display:flex;justify-content:space-between;align-items:baseline;font-weight:200;letter-spacing:1px}.home .latestAndMore h1{font-weight:200}.home .product-list{margin-top:2rem;display:flex;gap:1rem;overflow-x:auto}.home .product-list::-webkit-scrollbar{display:none}.home .product-list .product-item-box{padding:2rem;position:relative;text-align:center}.home .product-list .product-item-box img{height:250px;width:250px;margin-bottom:1rem}.home .product-list .product-item-box>div{opacity:0;height:100%;width:100%;position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;background-color:#0000006b}.home .product-list .product-item-box>div:hover{opacity:1}.home .product-list .product-item-box>div>button{height:50px;width:50px;border-radius:50%;border:none;padding:1rem;cursor:pointer}.home .product-list .product-item-box>div>button>svg{font-size:large}.home .product-list .product-item-box>div>button:hover{transform:rotate(15deg)}.cart-box{padding:3rem 5rem;display:flex;gap:2rem;justify-content:space-between;align-items:stretch;height:92vh}.cart-box main{max-width:70%}.cart-box main .cart-list{margin-bottom:2rem;display:flex;align-items:center;gap:4rem}.cart-box main .cart-list img{max-height:10rem;max-width:10rem}.cart-box main .cart-list article p{font-size:larger}.cart-box main .cart-list article p:hover{color:#006888}.cart-box main .cart-list button{border:none;padding:.4rem .8rem;border-radius:5px;font-size:large}.cart-box main .cart-list .cart-buttons{display:flex;gap:1rem;align-items:center}.cart-box main .cart-list .cart-buttons #quantity-buttons:hover{background-color:#000;color:#fff}.cart-box main .cart-list .cart-buttons .trash{background-color:#fff;margin-left:1rem}.cart-box main .cart-list .cart-buttons .trash:hover{color:red}.cart-box aside{max-width:30%;padding-top:4rem;padding-left:4rem}.cart-box aside>P{margin-bottom:1.5rem;font-size:17.5px}.cart-box aside>input{padding:1rem;border:1px solid #cccccc;border-radius:5px;margin-top:3.5rem;outline:none}.cart-box aside #checkout-cart{margin-top:1.5rem;width:78%;padding:1rem;border-radius:5px;border:none;background-color:#006888;color:#fff;cursor:pointer;font-size:15px;letter-spacing:1.5px}.cart-box aside #checkout-cart:hover{opacity:.8}#noCartitem{letter-spacing:2px;font-weight:200;text-align:center}.shipping-box form{max-width:20rem;margin:auto;display:flex;flex-direction:column}.shipping-box form>h2{font-weight:200;letter-spacing:2px;text-align:center;margin-bottom:1rem}.shipping-box form>input,.shipping-box form select{outline:none;padding:1rem;border-radius:5px;border:1px solid #cccccc;margin-top:1rem}.shipping-box form>input[type=submit]{background-color:#006888;color:#fff;cursor:pointer}.shipping-box .shipping-back{position:absolute;left:1rem;top:1rem;border:none;background-color:#000;color:#fff;height:1rem;width:1rem;border-radius:50%;padding:1.5rem;display:grid;place-content:center;font-size:large;cursor:pointer;transition:all .3s}.shipping-box .shipping-back:hover svg{translate:-5px}.login-box{display:flex;justify-content:center;height:80vh;align-items:center}.login-box>section{width:25rem;padding:1rem 2rem;box-shadow:0 0 20px #ccc}.login-box>section>h1{text-align:center;font-weight:200;letter-spacing:2px;margin-bottom:2rem}.login-box>section>input,.login-box>section select{width:100%;padding:1rem;border-radius:5px;border:1px solid #cccccc;outline:none}.login-box>section>p{margin-top:1rem}.login-box>section #Alredy-signin{margin-top:3rem;text-align:center;margin-bottom:2rem}.login-box>section button{margin-left:3rem}.login-box>section div{cursor:pointer;width:15rem;margin:auto;outline:none;background-color:#3e7df2;color:#fff;display:flex;align-items:center;gap:2rem}.search-product-box{padding:2rem;display:flex;gap:4rem}.search-product-box>aside{width:25%;box-shadow:0 0 8px #ccc;padding:2rem}.search-product-box>aside>h2{font-weight:200;letter-spacing:3px}.search-product-box>aside>input,.search-product-box>aside>select{padding:1rem;width:100%;outline:none;border-radius:10px;border:1px solid #cccccc;margin-top:.5rem;margin-left:.5rem}.search-product-box>aside>h4{margin-top:.5rem}.search-product-box>aside #maxpricefilter{margin-top:1rem}.search-product-box>main{width:75%}.search-product-box>main h1{font-weight:200;letter-spacing:3px}.search-product-box>main>input{outline:none;border:none;padding:2rem;font-size:larger}.search-product-box>main .search-products{display:flex;flex-wrap:wrap}.search-product-box>main .search-products .product-item-box{padding:2rem;width:280px;position:relative;text-align:center}.search-product-box>main .search-products .product-item-box img{height:250px;width:250px;margin-bottom:1rem}.search-product-box>main .search-products .product-item-box>div{opacity:0;height:100%;width:100%;position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;background-color:#0000006b}.search-product-box>main .search-products .product-item-box>div:hover{opacity:1}.search-product-box>main .search-products .product-item-box>div>button{height:50px;width:50px;border-radius:50%;border:none;padding:1rem;cursor:pointer}.search-product-box>main .search-products .product-item-box>div>button>svg{font-size:large}.search-product-box>main .search-products .product-item-box>div>button:hover{transform:rotate(15deg)}.search-product-box>main article{width:15rem;margin:auto;display:flex;gap:1rem;align-items:center}.search-product-box>main article>button{padding:.5rem 1rem;border-radius:10px;border:none;background-color:#006888;color:#fff;cursor:pointer}.orders-box{padding:1rem}.orders-box>h1{letter-spacing:3px;font-weight:200}.orders-box .order-table-class{max-width:80%;margin:auto;overflow-x:auto}.orders-box .order-table-class>h2{margin-top:2rem;text-align:center;letter-spacing:2px;font-weight:200}.loader-box{height:80vh;display:flex;justify-content:center;align-items:center}.loader-box .loader{height:150px;width:150px;border-top:20px solid black;border-right:20px solid black;border-left:20px solid white;border-bottom:20px solid white;border-radius:50%;animation:name .5s infinite}@keyframes name{to{transform:rotate(360deg)}}.skeleton-box{display:flex;flex-direction:column}.skeleton-box .skeleton-shape{height:50px;width:100%;background-color:#ddd;margin-top:20px;border-radius:4px;animation:skeletonChange 1s infinite}@keyframes skeletonChange{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.notFound-box{display:grid;place-items:center;margin-top:7rem}.notFound-box svg{font-size:4rem}.notFound-box>div{margin-top:2rem;display:flex;align-items:stretch;justify-content:center;gap:2rem}.notFound-box>div>h1{font-size:2.5rem}.checkout-box{display:flex;justify-content:center}.checkout-box>form{width:25rem}.checkout-box>form>button{margin-top:3rem;width:100%;padding:1rem;border:none;border-radius:5px;font-size:large;letter-spacing:2px;background-color:#006888;color:#fff;cursor:pointer}@media screen and (width <= 1200px){.admin-container{overflow:auto}.dashboard .widget-container,.dashboard .graph-container,.dashboard .transaction-container{justify-content:center;flex-wrap:wrap}.dashboard .graph-container{padding:2rem}.dashboard .transaction-container{padding:2rem;height:unset}.product-management{padding:2rem}}@media screen and (width <= 1100px){.admin-container{grid-template-columns:1fr!important}}@media screen and (width <= 768px){.cart{display:block;padding:2rem}.cart>main{width:100%}.cart>aside{width:100%}.cartitem{width:100%}.cartitem>img{width:3rem;height:3rem}.cartitem>div{flex-direction:column;gap:0}.product-search-page{display:block;padding:0}.product-search-page>aside{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;box-shadow:none}.product-search-page>aside>h2{letter-spacing:3px;font-weight:300;text-transform:uppercase;font-size:1.2rem}.product-search-page>main>input{width:100%;border:1px solid rgba(212,212,212,.379)}}@media screen and (width <= 600px){.product-management{flex-direction:column;align-items:center;padding:0}.product-management>section{max-width:400px}.chart-container{padding:0}.chart-container>h1{margin:0;text-align:center}.chart-container>section{margin:8rem auto}.dashboard-app-container>section .coupon-form,.dashboard-app-container>section .stopwatch{display:flex;flex-direction:column}.dashboard-app-container>section .stopwatch{align-items:center}}@media screen and (width <= 1020px){.cart-box{flex-wrap:wrap!important;padding-left:1rem}.cart-box>aside{max-width:100%}}@media screen and (width <= 880px){.search-product-box{flex-wrap:wrap}.search-product-box aside{width:60%;margin:auto}.search-product-box main{margin:auto}}@media screen and (width <= 840px){.order-table-class{max-width:100%!important}}.admin-container{display:grid;grid-template-columns:1fr 4fr;grid-template-rows:unset;gap:2rem;height:100vh;background-color:#f7f7f7}.admin-container>aside{width:100%;background-color:#fff;padding:1rem;z-index:10;overflow-y:auto}.admin-container>aside::-webkit-scrollbar{display:none}.admin-container>aside>div{margin:2rem 1rem}.admin-container>aside>div>h5{letter-spacing:2px;font-weight:300;text-transform:uppercase;opacity:.8;margin:1rem 0}.admin-container>aside>div>ul{display:flex;flex-direction:column;justify-content:unset;align-items:unset;gap:.5rem;list-style:none}.admin-container>aside>div>ul>li{padding:.5rem 1rem;border-radius:10px}.admin-container>aside>div>ul>li a{color:#000000d2;display:flex;flex-direction:row;justify-content:unset;align-items:center;gap:1rem}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:8px;text-align:left;vertical-align:middle}.table th{font-weight:700;color:#0000009e;font-size:1.1rem;font-weight:400;padding:2rem 1rem}.table tbody tr{box-shadow:0 1px 1px #00000018}.table tbody td{padding:1rem}.table tbody td img{width:4rem;height:4rem;object-fit:contain;border-radius:10px}.table tbody td a{text-decoration:none;background-color:#2c68ff74;color:#2c68ff;padding:.25rem .5rem;border-radius:10px}.table tbody td button{width:2rem;height:2rem;font-size:1.1rem;border:none;outline:none;background-color:transparent;cursor:pointer;color:#ff2c2c}.table tbody td button:hover{opacity:.6}.table tbody td:first-child{border-left:none}.table tbody td:last-child{border-right:none}.table-pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;padding:2rem}.table-pagination>button{padding:.5rem 1rem;border:none;outline:none;border-radius:10px;cursor:pointer;background-color:#0073ff;color:#fff}.table-pagination>button:disabled{background-color:#0073ff1a;cursor:not-allowed}#hamburger{display:grid;place-items:center;height:3rem;width:3rem;border:none;outline:none;cursor:pointer;color:#2c68ff;position:fixed;top:1rem;left:1rem;font-size:2rem;background-color:#fff;border-radius:50%;z-index:9}#close-sidebar{width:80%;margin:1rem auto;display:block;padding:.75rem;border:none;outline:none;cursor:pointer;background-color:#a80202;color:#fff;border-radius:10px}.loader{width:100%;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.loader>div{height:10rem;width:10rem;border-radius:50%;border-top:1rem solid rgb(43,43,43);border-left:1rem solid rgb(43,43,43);border-right:1rem solid #fff;border-bottom:1rem solid #fff;animation:loading-animation .5s linear infinite}@keyframes loading-animation{to{transform:rotate(360deg)}}@keyframes up-and-down{to{transform:translate(-50%,-20%)}}