img.navBtn{max-width:1.7rem;height:auto;stroke-width:2;margin-block-start:10px;cursor:pointer}.sideBar{grid-area:sideBar;padding:10px 1rem 1rem;text-align:center;position:fixed;display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:space-between;background-color:var(--color-grayscale-100);border-right:1px solid var(--color-grayscale-300)}.sideBar__topIcons,.sideBar__bottomIcons{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.sideBar__topIcons img{cursor:pointer;display:block}.sideBar__topIcons img[alt=Logo]{max-width:40px;height:auto}.sideBar__topIcons__changeModes{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding-block:12px;padding-inline:5px;margin-block:10px;background:white;border-radius:1.375rem}.sideBar__topIcons__changeModes .backgroundHandler{width:2.4rem;height:2.4rem;padding-bottom:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.sideBar__topIcons__changeModes .backgroundHandler.light,.sideBar__topIcons__changeModes .backgroundHandler.dark{background-color:#34caa5}.header{grid-area:header;background-color:var(--color-white)}.body{grid-area:body;background-color:var(--color-white)}.header{background-color:var(--color-grayscale-50);display:flex;align-items:center;gap:9px;padding-inline:10px;border-bottom:1px solid var(--color-grayscale-300)}.header img{cursor:pointer}.header__searchBar{display:flex;justify-content:flex-start;align-items:center;gap:9px;width:14.75rem;height:48px;border:2px solid var(--color-grayscale-300);padding-inline:17px;border-radius:25px;cursor:pointer;margin-left:auto}.header__searchBar input{border:none;width:100%;height:90%;background-color:transparent}.header__searchBar input:focus{outline:none}.header__date{display:flex;justify-content:center;align-items:center;gap:10px}.header__notification{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-grayscale-300);border-radius:50%;cursor:pointer}.header__userId{display:flex;justify-content:center;align-items:center;border:1px solid var(--color-grayscale-300);padding:5px 6px;border-radius:25px;gap:10px;position:relative}.header__userId img{cursor:pointer}.header__userId div{display:flex;flex-direction:column;text-align:center}.header__userId div span:first-child{font-weight:bolder}.header__userId__open{position:absolute;top:max(110%,4rem);right:1px;min-width:10rem;aspect-ratio:3/2;border-radius:10px;background-color:#fff;box-shadow:1px 1px 8px 1px #000000b8;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.header__userId__open.open{display:flex}.header__userId__open.closed{display:none}@media screen and (max-width: 724px){.header__userId>.details{display:none}.header__date>span{display:none}}:root{--color-primary: #bb372f;--color-secondary: #3a3f51;--color-alert-success: #00ac56;--color-alert-error: #ff1f7d;--color-alert-warning: #f5bf3d;--color-grayscale-50: #fafafa;--color-grayscale-100: #f5f5f5;--color-grayscale-200: #e5e5e5;--color-grayscale-300: #b2abab;--color-grayscale-400: #a3a3a3;--color-grayscale-500: #737373;--color-grayscale-600: #525252;--color-grayscale-700: #404040;--color-grayscale-800: #262626;--color-grayscale-900: #171717;--color-purple: #6160DC;--color-blue: #54C5EB;--color-orange: #FFB74A;--color-red: #FF4A55;--color-text-green: #34CAA5;--color-text-red: #ED544E}*{padding:0;margin:0;box-sizing:border-box;transition:all .4s ease-in-out}body,#root{width:100vw;height:100vh;background-color:#fafafa}h2{font-size:1.125rem;font-style:normal;font-weight:600}th{color:#9ca4ab;font-size:1rem;font-style:normal;font-weight:500}.tableName__icon-container{width:2.8rem;height:auto;aspect-ratio:1/1;border-radius:50%;overflow:hidden}.tableName__icon-container .tableName__icon{width:100%;height:auto;object-fit:cover}.iconView{aspect-ratio:1/1;width:16px;height:auto;cursor:pointer}.lastOrders__name,.lastOrders__icon>div{display:flex;justify-content:flex-start;align-items:center;gap:15px}.body__topPlatform__header,.body__lastOrders__header,.body__salesTrend__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:15px}.body__topPlatform__header>a,.body__lastOrders__header>a,.body__salesTrend__header>a{color:var(--color-text-greencolor-text-green);text-decoration:none}.body{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1.7fr 1fr;background-color:var(--color-grey);gap:10px;padding-inline:10px 12px;padding-block:10px;overflow-y:scroll;align-content:space-between}.body section{width:auto;height:auto}.body__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.body>section:not(.body__stats){border-radius:14px;background-color:#fff}.body__salesTrend{padding:18px 20px}.body__salesTrend__header div{display:flex;gap:10px;align-items:center}.body__salesTrend__header div select{cursor:pointer;background:transparent;font:inherit;border:1px solid var(--color-grayscale-300);min-width:96px;min-height:32px;border-radius:20px;padding:10px}.body__salesTrend__header div select option{cursor:pointer}.body__lastOrders{display:flex;flex-direction:column;padding:18px 20px}.body__lastOrders table{text-align:left}.body__lastOrders table thead>tr>th{padding-block:15px}.body__lastOrders table tbody>tr>td{padding-block:10px;vertical-align:middle}.body__lastOrders table tbody>tr>td h3{font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.body__lastOrders table tbody>tr>td .Paid{color:var(--color-text-green)}.body__lastOrders table tbody>tr>td .Refund{color:var(--color-text-red)}.body__topPlatform{display:flex;flex-direction:column;padding:18px 20px}.platformItem{display:flex;flex-direction:column;gap:10px;padding-block:15px}.platformItem h3{font-size:1.125rem;font-style:normal;font-weight:600;line-height:1.625rem}.platformItem__percentage{width:28.25rem;height:.75rem;flex-shrink:0;border-radius:2.5rem;background:var(--color-grayscale-100)}.platformItem__percentage__percent{height:.75rem;border-radius:2.5rem}.platformItem div{display:flex;align-items:center;justify-content:space-between}.platformItem div span{font-size:1.125rem;font-style:normal;font-weight:400;line-height:1.625rem}.statBox{display:flex;flex-direction:column;gap:.625rem;background-color:#fff;border-radius:14px;padding:16px}.statBox h3{color:#898989;font-size:1.125rem;font-style:normal;font-weight:500}.statBox h4{color:#3a3f51;font-size:1.5rem;font-style:normal;font-weight:600;line-height:2rem}.statBox__iconTop{display:flex;align-items:center;justify-content:space-between}.statBox__iconTop div{aspect-ratio:1/1;width:3rem;flex-shrink:0;border:.714px solid;border-color:#e6e6e6;border-radius:50%;display:flex;align-content:center;justify-content:center}.statBox__iconTop div img{aspect-ratio:1/1;width:1.8rem}.statBox__iconTop>img{width:104px;height:32px}.statBox__insight{display:flex;justify-content:flex-start;align-items:center;gap:10px}.statBox__insight span.pill{display:flex;padding:.25rem .5rem;justify-content:center;align-items:center;gap:.25rem;border-radius:62.5rem}.statBox__insight span.pill.green{background:rgba(52,202,165,.12);color:var(--color-alert-success)}.statBox__insight span.pill.red{background:rgba(237,84,78,.12);color:var(--color-alert-error)}.statBox__insight span.pill img{aspect-ratio:1/1;width:1rem}@media screen and (max-width: 724px){.body{grid-template-columns:1fr}}.app{width:100%;height:100%;display:grid;grid-template-columns:max(3rem,90px) 1fr 1fr;font-family:Plus Jakarta Sans,sans-serif;background-color:var(--color-grayscale-50);grid-template-areas:"sideBar header header" "sideBar body body" "sideBar body body";grid-template-rows:5rem 1fr 1fr}