.dashboard{overflow-y:auto}.dashboard .bar{height:4rem;display:flex;flex-direction:row;padding:0 1rem;align-items:center;border-bottom:1px solid rgba(0,0,0,.37)}.dashboard .bar>input{margin-right:auto;padding:1rem;border:none;width:100%;background-color:0;outline:none}.dashboard .bar>svg{font-size:1.2rem;opacity:.7}.dashboard .bar>img{height:2rem;width:2rem;border-radius:50%;cursor:pointer}.dashboard .widgetContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:2rem;padding:2rem 2rem 2rem 0}.dashboard .widgetContainer .widget{width:16rem;background-color:#fff;box-shadow:0 0 10px #0002;padding:2rem;display:flex;justify-content:space-between;align-items:stretch;gap:0;border-radius:10px}.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;align-items:center;gap:.2rem}.dashboard .widgetContainer .widget .widgetCircle{position:relative;height:5rem;width:5rem;border-radius:50%;display:grid;place-items:center;background:green}.dashboard .widgetContainer .widget .widgetCircle:before{content:"";position:absolute;height:4rem;width:4rem;background-color:#fff;border-radius:100%}.dashboard .widgetContainer .widget .widgetCircle span{position:relative}.dashboard .graphContainer{display:flex;justify-content:unset;align-items:unset;gap:2rem;padding:0 2rem 2rem 0}.dashboard .graphContainer>div{background-color:#fff;border-radius:10px}.dashboard .graphContainer .revenue-chart{width:100%;padding:1rem 3rem}.dashboard .graphContainer .revenue-chart>h2{letter-spacing:3px;font-weight:300;text-transform:uppercase;margin:1rem 2rem .25rem;text-align:center}.dashboard .graphContainer .dashboard-categories{width:100%;max-width:16rem;display:flex;flex-direction:column;justify-content:center;gap:0;padding-bottom:2rem}.dashboard .graphContainer .dashboard-categories>h2{letter-spacing:3px;font-weight:300;text-transform:uppercase;margin:1.5rem 0 2rem;text-align:center}.dashboard .graphContainer .dashboard-categories div{overflow-y:auto;padding-left:.5rem}.dashboard .graphContainer .dashboard-categories .category-item{width:100%;display:flex;justify-content:space-between;gap:.2rem;padding:1rem;align-items:center}.dashboard .graphContainer .dashboard-categories .category-item>h5{letter-spacing:1px;font-weight:300;width:60px}.dashboard .graphContainer .dashboard-categories .category-item>div{margin-right:auto;width:6rem;background-color:#d9d9d9;border-radius:20px;height:1rem}.dashboard .graphContainer .dashboard-categories .category-item>div>div{height:100%;border-radius:20px;margin-left:-10px}.dashboard .graphContainer .dashboard-categories .category-item 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 20px #0002;border-radius:10px}.dashboard .transactionContainer .gender-chart{width:100%;max-width:20rem;padding:1rem;position:relative}.dashboard .transactionContainer .gender-chart>h2{text-align:center;margin:1.5rem 0 2rem;letter-spacing:3px;font-weight:300;text-transform:uppercase}.dashboard .transactionContainer .gender-chart>p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#000000a3}.dashboard .transactionContainer .transactionBox{width:100%;padding:1rem;overflow-x:auto}.dashboard .transactionContainer .transactionBox h2{text-align:center;margin:1.5rem 0 0;letter-spacing:3px;font-weight:300;text-transform:uppercase}.productContainer{overflow-y:auto}.productContainer .dashboard-product-box{background-color:#fff;padding:2rem}.productContainer .create-product-btn{position:fixed;right:2rem;top:2rem;height:2.5rem;width:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#c90909;color:#fff;opacity:.8}.managementContainer{display:flex;align-items:center}.managementContainer section{overflow-y:auto;width:100%;height:85vh;max-width:600px;box-shadow:0 5px 5px #0d0d0d32;background-color:#fff;padding:5rem;margin:auto;position:relative;display:flex;flex-direction:column;gap:1rem;border-radius:10px}.managementContainer section>h2{letter-spacing:2px;font-weight:300;text-transform:uppercase;text-align:center}.managementContainer section>img{height:100%;width:100%;object-fit:cover}.managementContainer section>strong{font-weight:300}.managementContainer section>span{position:absolute;right:2rem;top:2rem}.managementContainer section>p{text-align:center;letter-spacing:2px;text-transform:uppercase}.managementContainer section>h3{text-align:center;font-size:2rem}.managementContainer>article{margin:auto;height:85vh;padding:2rem;width:100%;max-width:500px;background-color:#fff;border-radius:10px;box-shadow:4px 5px 13px #000}.managementContainer>article>form{display:flex;flex-direction:column;align-items:center;gap:2rem}.managementContainer>article>form>h2{text-transform:uppercase;letter-spacing:2px}.managementContainer>article>form>img{height:5rem;width:5rem;object-fit:cover;border-radius:15px}.managementContainer>article>form>div{width:100%;position:relative}.managementContainer>article>form>div>label{position:absolute;left:0;top:-1.5rem}.managementContainer>article>form>div>input{padding:1rem;border:1px solid rgba(13,13,13,.196);width:100%}.managementContainer>article>form>button{padding:1rem;border:none;background-color:#056be0;width:100%;color:#fff;border-radius:10px;cursor:pointer;font-size:1.1rem}.managementContainer .shipping_info_card h1{text-align:center;letter-spacing:2px;font-weight:300;text-transform:uppercase}.managementContainer .shipping_info_card h5{margin:2rem 0 0 .5rem;font-size:1.1rem;font-weight:700}.managementContainer .shipping_info_card p{margin:.5rem}.managementContainer .shipping_info_card button{width:100%;background-color:#00f;color:#fff;padding:.8rem;font-size:1.1rem;border-radius:10px;cursor:pointer}.transaction_product_card{display:flex;flex-direction:row;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}: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}* input[type=number]::-webkit-inner-spin-button,* input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}* input[type=number]{-moz-appearance:textfield}* input[type=file]{color:#fff;padding:10px;border-radius:5px;border:1px solid darkred}.home{background-color:#000;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.home button{padding:10px 30px;font-weight:900}a{text-decoration:none;color:#000}.red{color:red}.purple{color:#2f00ff}.green{color:#00c300}.adminContainer{display:grid;grid-template-columns:1fr 4fr;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{flex-direction:column;display:flex;align-items:unset;justify-content:unset;gap:.5rem;list-style-type: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;gap:.5rem;align-items:center}.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{flex-direction:row;justify-content:center;gap:1rem;display:flex;align-items:center;margin:auto;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}