.dashboard{overflow-y:auto}.dashboard::-webkit-scrollbar{display:none}.dashboard .bar{height:4rem;display:flex;align-items:center;justify-content:unset;flex-direction:row;gap:1rem;padding:0 1rem;border-bottom:1px solid rgba(0,0,0,.37)}.dashboard .bar>input{margin-right:auto;width:50%;padding:1rem 0;background-color:inherit;border:none;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;align-items:stretch;justify-content:space-around;flex-direction:row;gap:1rem;padding:2rem 2rem 2rem 0}.dashboard .widget-container .widget{border-radius:10px;min-width:14rem;background-color:#fff;box-shadow:0 0 10px #0002;padding:1rem;display:flex;align-items:stretch;justify-content:space-between;flex-direction:row;gap:1rem}.dashboard .widget-container .widget .widget-isnfo>p{opacity:.7;font-size:.7rem}.dashboard .widget-container .widget .widget-isnfo>h4{font-size:1.3rem}.dashboard .widget-container .widget .widget-isnfo>span{display:flex;align-items:center;justify-content:unset;flex-direction:row;gap:.2rem}.dashboard .widget-container .widget .widget-circle{position:relative;height:5rem;width:5rem;border-radius:50%;flex:none;display:grid;place-items:center}.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;align-items:unset;justify-content:unset;flex-direction:row;gap:2rem;padding:0 2rem 2rem 0;width:100%}.dashboard .graph-container>div{background-color:#fff;border-radius:10px}.dashboard .graph-container .revenue-chart{width:70%;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;opacity:.8}.dashboard .graph-container .dashboard-categories{width:30%;max-width:16rem;display:flex;align-items:unset;justify-content:center;flex-direction:column;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 0rem;text-align:center;opacity:.8}.dashboard .graph-container .dashboard-categories>div{overflow-y:auto;padding-left:.5rem}.dashboard .graph-container .dashboard-categories .category-item{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;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{height:100%;border-radius:20px}.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}.widget-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.dashboard-product-box{background-color:#fff;padding:2rem;overflow:auto;height:100%;width:100%}.create-product-btn{position:fixed;right:2rem;top:9rem;height:2.5rem;width:2.5rem;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:0;border-radius:50%;background-color:#c90909;color:#fff}.create-product-btn:hover{opacity:.8}.products{overflow-y:auto}.products::-webkit-scrollbar{display:none}.product-management{overflow-y:auto;display:flex;align-items:unset;justify-content:center;flex-direction:row;gap:0}.product-management::-webkit-scrollbar{display:none}.product-management>section{overflow-y:auto;width:100%;box-shadow:-2px 0 1px #00000037,inset -2px 0 5px #77727233;background-color:#fff;padding:2rem 1rem;display:flex;align-items:unset;justify-content:unset;flex-direction:column;gap:1rem;position:relative;border-radius:5px 0 0 5px}.product-management>section::-webkit-scrollbar{display:none}.product-management>section>h2{letter-spacing:2px;font-weight:300;text-transform:uppercase;text-align:center}.product-management>section>strong{font-weight:300}.product-management>section>img{height:100%;width:100%;object-fit:cover}.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}.product-management>article{overflow-y:auto;padding:2rem;width:100%;max-width:800px;background-color:#fff;box-shadow:2px 0 1px #00000037,inset 2px 0 5px #77727233;border-radius:0 5px 5px 0}.product-management>article::-webkit-scrollbar{display:none}.product-management>article>form{display:flex;align-items:center;justify-content:unset;flex-direction:column;gap:1.5rem}.product-management>article>form>h2{text-transform:uppercase;letter-spacing:2px}.product-management>article>form>img{height:4rem;width:4rem;object-fit:cover;border-radius:5px}.product-management>article>form>div{width:100%;position:relative}.product-management>article>form>div>label{position:absolute;left:12;top:-.5rem;background-color:#fff}.product-management>article>form>div>input{width:100%;padding:1rem;background-color:unset;border:1px solid rgba(13,13,13,.196);outline:none;border-radius:5px}.product-management>article>form>div>div:first-child{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.product-management>article>form>div>input[type=file]{padding:0;border:none}.product-management>article>form>div>input[type=file]::-webkit-file-upload-button{background-color:#00f;border:none;width:100%;padding:.5rem;font-size:1rem;content:"Choose Photo"}.product-management>article>form>button{padding:1rem;border:none;background-color:#056be0;width:100%;border-radius:5px;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:.5rem 0 0 .5rem;font-size:1.1rem;font-weight:700}.product-management .shipping-info-card>p{margin:.2rem .5rem .2rem 1.5rem}.product-management .shipping-info-card>button{margin:1rem 0;padding:.7rem 1.4rem;border-radius:5px;cursor:pointer;border:none;background-color:#056be0;font-size:1.1rem;color:#fff;width:100%}.transaction-product-card{display:flex;align-items:center;justify-content:start;flex-direction:row;gap:1rem}.transaction-product-card>img{height:4rem;width:4rem;object-fit:cover;border-radius:5px}.transaction-product-card>span{margin-left:auto}.courseButton{display:inline-block;padding:10px 20px;font-size:16px;font-weight:500;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.courseButton:hover{background-color:#0056b3;transform:scale(1.05)}.courseButton:active{background-color:#004494;transform:scale(.95)}.courseButton input[type=file]{display:none}.margin{margin:10px}.removeButton{display:inline-block;padding:10px 20px;font-size:16px;font-weight:500;color:#fff;background-color:red;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.removeButton:hover{background-color:#cf0b0b;transform:scale(1.05)}.removeButton:active{background-color:#cf0b0b;transform:scale(.95)}.action-buttons{display:flex;gap:10px;align-items:center}.update-button,.delete-button{display:inline-flex;justify-content:center;align-items:center}.chart-container{background-color:#fff;padding:4rem;overflow-y:auto}.chart-container>h1{text-align:center;margin:0 0 5rem 2rem}.chart-container>section{width:80%;margin:4rem auto}.chart-container>section>h2{margin:2rem 0;text-align:center;letter-spacing:2px;font-weight:300;text-transform:uppercase}.chart-container>section>div{max-width:25rem;margin:auto;margin-top:6rem;margin-bottom:-1rem}.dashboard-app-container{background-color:#fff;padding:4rem}.dashboard-app-container>h1{text-align:center}.dashboard-app-container>section{display:flex;align-items:center;justify-content:center;flex-direction:column;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;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>button{padding:.7rem 1.7rem;color:#fff;margin:0rem;font-weight:700;border-radius:3px;font-size:1.3rem;background-color:#0062ff}.dashboard-app-container>section .tosscoin{margin:.6rem;height:11rem;width:11rem;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;place-items:center;display:grid;backface-visibility:hidden;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0px 10px rgba(0,0,0,.521))}.dashboard-app-container>section .tosscoin>div:first-of-type{background-image:url(/assets/heads-EZUWRxqA.png)}.dashboard-app-container>section .tosscoin>div:last-of-type{background-image:url(/assets/tails-7qesHgav.png);transform:rotateY(-180deg)}.dashboard-app-container>section .coupon-form{display:grid;grid-template-columns:2fr 1fr;gap:2fr;grid-template-rows:unset;max-width:30rem;width:100%}.dashboard-app-container>section .coupon-form>input{padding:1rem;margin-right:1rem;border:1px solid rgba(0,0,0,.359);outline:none;border-radius:5px}.dashboard-app-container>section .coupon-form>fieldset{padding:.4rem;border:1px solid rgba(0,0,0,.359);border-radius:5px;height:4rem;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:1rem;font-size:1.1rem;flex-wrap:wrap;grid-column:1/3}.dashboard-app-container>section .coupon-form>fieldset>label{font-size:1rem;font-weight:300;margin-inline-start:.25rem;cursor:pointer;margin-inline-end:1rem}.dashboard-app-container>section .coupon-form>button{font-weight:700;font-size:1.1rem;width:100%;padding:.9rem 2rem;color:#fff;margin:1rem 0;background-color:#0062ff;grid-column:1/3}.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%;position:absolute;top:0;left:0;border-radius:5px;background-color:#0f0f0f;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:1rem}@media screen and (width <= 1200px){.dashboard .widget-container,.dashboard .graph-container,.dashboard .transaction-container{justify-content:center;flex-wrap:wrap;padding:2rem}.dashboard .widget-container .widget,.dashboard .graph-container .widget,.dashboard .transaction-container .widget{margin:.2rem 1rem}.dashboard .graph-container{padding:2rem}.dashboard .graph-container>.revenue-chart,.dashboard .graph-container .dashboard-categories{width:100%}.dashboard .graph-container .revenue-chart>h2{font-size:1.5rem}.dashboard .transaction-container{padding:2rem;height:unset}.product-management{padding:2rem}}@media screen and (width <= 1000px){.admin-container{grid-template-columns:1fr!important}}@media screen and (width <= 630px){.product-management{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:2rem;flex-wrap:wrap;padding:2rem 1rem}.product-management>section{overflow:unset;order:1;min-height:40vh!important;padding:2rem .8rem}.product-management>article{overflow:unset;order:2;height:unset;min-height:30vh!important;padding:1.4rem 2rem}.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}button{cursor:pointer;border:none}a{text-decoration:none;color:#000}.red{color:red}.purple{color:#2f00ff}.green{color:#00c300}.admin-container{display:grid;grid-template-columns:1fr 4fr;gap:2rem;grid-template-rows:unset;background-color:#f7f7f7}.admin-container>aside{width:100%;background-color:#fff;padding:1rem;z-index:10}.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;align-items:unset;justify-content:unset;flex-direction:column;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;align-items:center;justify-content:unset;flex-direction:row;gap:1rem}.table{border-collapse:10%;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;-webkit-user-select:none;user-select:none}.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 tbody td>svg{color:red;display:block;text-align:center;cursor:pointer;font-size:1.1rem;width:100%}.table-pagination{display:flex;align-items:center;justify-content:center;flex-direction:row;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:6.3rem;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%;display:flex;align-items:center;justify-content:center;flex-direction:row;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)}}