.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}.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:16rem;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;padding-left:.5rem}.dashboard .graph-container .dashboard-categories .category-item{width:100%;display:flex;flex-direction:row;justify-content:space-between;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:6rem;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:2rem;top:2rem;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-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:cover}.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}.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>button{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>button: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-33214751.png)}.dashboard-app-container>section .tosscoin>div:last-of-type{background-image:url(/assets/tails-91e4a6ee.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}@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 <= 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}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:#000}.red{color:red}.purple{color:#2f00ff}.green{color:#00c300}.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)}}