.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;width:100%;padding:1rem 0;background-color:inherit;border:none;outline:none}.dashboard .bar>svg{font-size:1.2rem;opacity:.7}.dashboard .bar>img{width:2rem;height:2rem;border-radius:50%}.dashboard .widgetContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:2rem;padding:2rem 2rem 2rem 0}.dashboard .widgetContainer .widget{min-width:20rem;background-color:#fff;box-shadow:0 0 10px #0002;padding:2rem;border-radius:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:0}.dashboard .widgetContainer .widget .widgetInfo>p{opacity:.7;font-size:.8rem}.dashboard .widgetContainer .widget .widgetInfo>h4{font-size:1.5rem}.dashboard .widgetContainer .widget .widgetInfo>span{display:flex;flex-direction:row;justify-content:unset;align-items:center;gap:.2rem}.dashboard .widgetContainer .widget .widgetCircle{position:relative;width:5rem;height:5rem;border-radius:50%;display:grid;place-items:center;background-color:#7fffd4;flex:none}.dashboard .widgetContainer .widget .widgetCircle:before{content:"";position:absolute;width:4rem;height:4rem;background-color:#fff;border-radius:100%}.dashboard .widgetContainer .widget .widgetCircle span{position:relative}.dashboard .graphContainer{display:flex;flex-direction:row;justify-content:unset;align-items:unset;gap:2rem;padding:0 2rem 2rem 0}.dashboard .graphContainer>div{background-color:#fff;border-radius:10px}.dashboard .graphContainer .revenueChart{width:100%;padding:1rem 3rem}.dashboard .graphContainer .revenueChart>h2{letter-spacing:3px;font-weight:300;text-transform:uppercase;margin:1rem 0 2rem .25rem;text-align:center}.dashboard .graphContainer .dashboardCategories{width:100%;max-width:16rem;display:flex;flex-direction:column;justify-content:center;align-items:unset;gap:0;padding-bottom:2rem}.dashboard .graphContainer .dashboardCategories>h2{letter-spacing:3px;font-weight:300;text-transform:uppercase;margin:1.5rem 0 2rem;text-align:center}.dashboard .graphContainer .dashboardCategories>div{overflow-y:auto;padding-left:.5rem}.dashboard .graphContainer .dashboardCategories .categoryItem{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:1rem}.dashboard .graphContainer .dashboardCategories .categoryItem>h5{letter-spacing:1px;font-weight:300}.dashboard .graphContainer .dashboardCategories .categoryItem>div{margin-left:auto;width:6rem;background-color:#d9d9d9;border-radius:20px;height:.5rem;flex:none}.dashboard .graphContainer .dashboardCategories .categoryItem>div>div{height:100%}.dashboard .graphContainer .dashboardCategories .categoryItem>span{font-size:.8rem;font-weight:700}.dashboard .transactionContainer{display:flex;gap:2rem;padding:0 2rem 2rem 0;height:30rem}.dashboard .transactionContainer>div{background-color:#fff;box-shadow:0 10px 10px #0002;border-radius:10px}.dashboard .transactionContainer .genderChart{width:100%;max-width:20rem;padding:1rem;position:relative}.dashboard .transactionContainer .genderChart>h2{text-align:center;margin:1.5rem 0 2rem;letter-spacing:3px;font-weight:300;text-transform:uppercase}.dashboard .transactionContainer .genderChart>p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#000000a2}.dashboard .transactionContainer .transactionBox{width:100%;padding:1rem;overflow-x:auto}.dashboard .transactionContainer .transactionBox>h2{margin:1.5rem 0 0;letter-spacing:3px;font-weight:300;text-transform:uppercase}.dashboardProductBox{background-color:#fff;padding:2rem;overflow:auto;width:100%;height:100%}.createProductBtn{position:fixed;right:2rem;top:2rem;width:2.5rem;height:2.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;border-radius:50%;background-color:#c90909;color:#fff}.createProductBtn:hover{opacity:.8}.productManagement{display:flex;flex-direction:row;justify-content:center;align-items:unset;gap:1rem;padding:4rem}.productManagement>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}.productManagement>section>h2{letter-spacing:2px;font-weight:300;text-transform:uppercase;text-align:center}.productManagement>section>img{width:100%;height:100%;object-fit:cover}.productManagement>section>strong{font-weight:300}.productManagement>section>span{position:absolute;right:2rem;top:2rem}.productManagement>section>p{text-align:center;letter-spacing:2px;text-transform:uppercase}.productManagement>section>h3{text-align:center;font-weight:2rem}.productManagement>article{height:85vh;padding:2rem;width:100%;max-width:400px;background-color:#fff;border-radius:5px;box-shadow:5px 5px 10px #00000037}.productManagement>article>form{display:flex;flex-direction:column;justify-content:unset;align-items:center;gap:2rem}.productManagement>article>form>h2{text-transform:uppercase;letter-spacing:2px}.productManagement>article>form>img{width:10rem;height:10rem;object-fit:cover;border-radius:5px}.productManagement>article>form>div{width:100%;position:relative}.productManagement>article>form>div>label{position:absolute;top:-1.5rem;left:0}.productManagement>article>form>div>input{width:100%;padding:1rem;background-color:unset;border:1px solid rgba(13,13,13,.196);outline:none;border-radius:5px}.productManagement>article>form>button{padding:1rem;border:none;background-color:#056be0;color:#fff;width:100%;border-radius:5px;font-size:1.1rem;cursor:pointer}.productManagement .shippingInfoCard>h1{text-align:center;letter-spacing:2px;font-weight:300;text-transform:uppercase}.productManagement .shippingInfoCard>h5{margin:2rem 0 0 .5rem;font-size:1.1rem;font-weight:700}.productManagement .shippingInfoCard>p{margin:.5rem}.productManagement .shippingInfoCard>button{margin:2rem 0;padding:1rem;border:none;background-color:#056be0;color:#fff;width:100%;border-radius:5px;font-size:1.1rem;cursor:pointer}.productManagement .shippingInfoCard>button:hover{opacity:.8}.transactionProductCard{display:flex;flex-direction:row;justify-content:unset;align-items:center;gap:1rem}.transactionProductCard>img{width:4rem;height:4rem;object-fit:cover;border-radius:5px}.transactionProductCard>span{margin-left:auto}.chartContainer{background-color:#fff;padding:4rem;overflow-y:auto}.chartContainer>h1{margin:0 0 5rem 2rem}.chartContainer>section{width:80%;margin:4rem auto}.chartContainer>section>h2{margin:2rem 0;text-align:center;letter-spacing:2px;font-weight:300;text-transform:uppercase}.chartContainer>section>div{max-width:25rem;margin:auto;margin-top:6rem;margin-bottom:-1rem}.dashboardAppContainer{background-color:#fff;padding:4rem}.dashboardAppContainer>section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100%}.dashboardAppContainer>section .stopwatch>h2{font-size:2rem;font-weight:300;text-align:center}.dashboardAppContainer>section .stopwatch>button{padding:1rem 2rem;border:none;cursor:pointer;color:#fff;margin:2rem;font-weight:700;border-radius:10px}.dashboardAppContainer>section .stopwatch>button:first-of-type{background-color:#0062ff}.dashboardAppContainer>section .stopwatch>button:last-of-type{background-color:red}.dashboardAppContainer>section .tossCoin{margin:2rem;width:15rem;height:15rem;position:relative;cursor:pointer;transform-style:preserve-3d;transition:all .5s}.dashboardAppContainer>section .tossCoin>div{border-radius:50%;width:100%;height:100%;position:absolute;display:grid;place-items:center;background-repeat:no-repeat;background-size:contain;backface-visibility:hidden;filter:drop-shadow(0 10px 10px rgba(0,0,0,.521))}.dashboardAppContainer>section .tossCoin>div:first-of-type{background-image:url(/assets/heads-RlRZHGoD.png)}.dashboardAppContainer>section .tossCoin>div:last-of-type{background-image:url(/assets/tails-Dup6weBq.png);transform:rotateY(180deg)}.dashboardAppContainer>section .couponForm{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:unset;gap:2rem;max-width:30rem;width:100%}.dashboardAppContainer>section .couponForm>input{padding:1rem;border:1px solid rgba(0,0,0,.359);outline:none;border-radius:5px}.dashboardAppContainer>section .couponForm>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}.dashboardAppContainer>section .couponForm>fieldset label{font-size:.8rem;font-weight:300;margin-inline-start:.25rem;margin-inline-end:1rem}.dashboardAppContainer>section .couponForm>button{font-weight:700;font-size:1.1rem;width:100%;padding:1rem;border:none;color:#fff;cursor:pointer;margin:2rem 0;border-radius:10px;background-color:#0062ff;grid-column:1/3}.dashboardAppContainer>section>code{position:relative;font-size:1.2rem;letter-spacing:2px;cursor:pointer}.dashboardAppContainer>section>code:hover>span{opacity:1}.dashboardAppContainer>section>code>span{opacity:0;width:100%;height: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){.adminContainer{overflow:auto}.dashboard .widgetContainer,.dashboard .graphContainer,.dashboard .transactionContainer{justify-content:center;flex-wrap:wrap}.dashboard .graphContainer{padding:2rem}.dashboard .transactionContainer{padding:2rem;height:unset}.productManagement{padding:2rem}}@media screen and (width <= 1100px){.adminContainer{grid-template-columns:1fr!important}}@media screen and (width <= 600px){.productManagement{flex-direction:column;align-items:center;padding:0}.productManagement>section{max-width:400px}.chartContainer{padding:0}.chartContainer>h1{margin:0;text-align:center}.chartContainer>section{margin:8rem auto}.dashboardAppContainer>section .couponForm{display:flex;flex-direction:column}.dashboardAppContainer>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}.adminContainer{display:grid;grid-template-columns:1fr 4fr;grid-template-rows:unset;gap:2rem;height:100vh;background-color:#f7f7f7}.adminContainer>aside{width:100%;background-color:#fff;padding:1rem;z-index:10;overflow-y:auto}.adminContainer>aside::-webkit-scrollbar{display:none}.adminContainer>aside>div{margin:2rem 1rem}.adminContainer>aside>div>h5{letter-spacing:2px;font-weight:300;text-transform:uppercase;opacity:.8;margin:1rem 0}.adminContainer>aside>div>ul{display:flex;flex-direction:column;justify-content:unset;align-items:unset;gap:.5rem;list-style:none}.adminContainer>aside>div>ul>li{padding:.5rem 1rem;border-radius:10px}.adminContainer>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}.tablePagination{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;padding:2rem}.tablePagination>button{padding:.5rem 1rem;border:none;outline:none;border-radius:10px;cursor:pointer;background-color:#0073ff;color:#fff}.tablePagination>button:disabled{background-color:#0073ff1a;cursor:not-allowed}.hamburger{display:grid;place-items:center;width:3rem;height: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}.closeSidebar{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{width:10rem;height:10rem;border-radius:50%;border-top:1rem solid rgb(43,43,43);border-left:1rem solid rgb(43,43,43);border-bottom:1rem solid #fff;animation:loadingAnimation .5s linear infinite}@keyframes loadingAnimation{to{transform:rotate(360deg)}}