@import "https://fonts.googleapis.com/css2?family=Urbanist:wght@100;300;400;500;700;900&display=swap";
.dashboard-layout{transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1);display:grid}.dashboard-layout.sidebar-open{grid-template-columns:1fr 32.4rem}.dashboard-layout.sidebar-closed{grid-template-columns:1fr 7.6rem}.dashboard-main{flex-direction:column;height:100vh;padding:1.2rem 1.7rem 0 2rem;display:flex;overflow-y:auto}.dashboard-main::-webkit-scrollbar{width:4px}.dashboard-main::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.dashboard-content{flex-direction:column;flex:1;gap:1.6rem;padding-bottom:1.6rem;display:flex}.dashboard-header{align-items:center;gap:1.6rem;width:100%;margin-bottom:2.2rem;display:flex}.dashboard-header .dropdown-container{flex:1;min-width:24.1rem;max-width:32.9rem;transition:all .3s}.dashboard-header .api-status{flex:1;justify-content:space-between;min-width:58.4rem;padding:0 2rem;transition:all .3s;display:flex}.stats-panel{background-color:#0000;background-image:linear-gradient(#0f120f,#0f120f),linear-gradient(225deg,#ffffff14 0%,#fff0 80%),linear-gradient(45deg,#ffffff14 0%,#fff0 20%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:scroll,scroll,scroll;background-origin:border-box;background-clip:padding-box,border-box,border-box;border:1px solid #0000;border-radius:2.4rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:2.4rem;transition:all .3s;display:flex}@media (max-width:1200px){.dashboard-layout.sidebar-open{grid-template-columns:1fr 24rem}.dashboard-layout.sidebar-closed{grid-template-columns:1fr 6rem}.dashboard-main{padding:1rem 1rem 0}.api-status{min-width:40rem;padding:0 1rem}}@media (max-width:992px){.dashboard-layout.sidebar-open{grid-template-columns:1fr 18rem}.dashboard-layout.sidebar-closed{grid-template-columns:1fr 5rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.api-status{flex-direction:column;align-items:flex-start;gap:.8rem;min-width:28rem}.stats-panel{flex-direction:column;gap:1.2rem;padding:1.2rem}}@media (max-width:768px){.dashboard-layout.sidebar-open,.dashboard-layout.sidebar-closed{grid-template-columns:1fr}.dashboard-main{padding:.5rem .5rem 0}.dashboard-header{margin-bottom:1rem}.api-status{width:100%;min-width:0;padding:0 .5rem}.stats-panel{padding:.8rem}}@media (max-width:576px){.dashboard-main{padding:.2rem .2rem 0}.dashboard-header{gap:.5rem}.api-status{flex-direction:column;align-items:stretch;gap:.5rem;padding:0 .2rem}.stats-panel{gap:.5rem;padding:.4rem}}
.dropdown-container{cursor:pointer;width:fit-content}.dropdown-container .dropdown-flag{object-fit:cover;border-radius:2px;flex-shrink:0;width:2.4rem;height:1.8rem}.dropdown-container .dropdown-label{cursor:pointer;align-items:center;display:flex}.dropdown-container .dropdown-label__icon{align-items:center;margin-right:1.2rem;display:flex}.dropdown-container .dropdown-label__prefix{color:#ffffff8f;margin-right:.5rem}.dropdown-container .dropdown-label__value,.dropdown-container .dropdown-label__option-text{color:#fff}.dropdown-container .dropdown-label--option{justify-content:space-between;width:100%}.dropdown-container .dropdown-option-check{color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;margin-left:auto;display:flex}.dropdown-container .dropdown-option-check:has(svg){box-sizing:border-box;background:#fff;border:1px solid #fff6;border-radius:50%}.dropdown-container .dropdown-option-check:has(svg) svg{color:#131413}.dropdown-container .dropdown-option-check__circle{box-sizing:border-box;border:1px solid #fff6;border-radius:50%;width:1.6rem;height:1.6rem}.dropdown-container .dropdown-option-check svg{width:1.2rem;height:1.2rem}.dropdown-container .dropdown-indicator-btn{color:#fff;cursor:pointer;background-color:#0c0e0c;border-radius:100%;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.react-select__control{min-width:2.4rem;height:4.8rem;min-height:4.8rem;box-shadow:none!important;cursor:pointer!important;background-color:#111214!important;border:none!important;border-radius:100rem!important;align-items:center!important;padding-left:1.2rem!important;padding-right:.4rem!important;display:flex!important}.react-select__control:hover{cursor:pointer!important;border:none!important}.react-select__value-container{cursor:pointer!important;padding:0!important;display:flex!important}.react-select__single-value{color:inherit!important;cursor:pointer!important;align-items:center!important;margin:0!important;display:flex!important}.react-select__input-container{color:#fff;cursor:pointer!important;margin:0!important;padding:0!important}.react-select__indicator-separator{display:none}.react-select__dropdown-indicator{color:inherit!important;cursor:pointer!important;padding:0!important}.react-select__dropdown-indicator:hover{color:inherit!important}.react-select__menu{transform-origin:top;animation:.2s ease-in-out menuFadeIn;z-index:100!important;background-color:#111214!important;border:1px solid #ffffff1a!important;border-radius:1.6rem!important;margin-top:8px!important;padding:.8rem!important;overflow:hidden!important;box-shadow:0 4px 20px #00000080!important}.react-select__menu-list{padding:0!important}.react-select__menu-list::-webkit-scrollbar{width:4px}.react-select__menu-list::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.react-select__option{background-color:#0000;transition:background .2s;cursor:pointer!important;border-radius:1.2rem!important;padding:1rem 1.2rem!important}.react-select__option--is-focused{background-color:#ffffff1a!important}.react-select__option--is-selected,.react-select__option:active{background-color:#ffffff0a!important}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}
.stat-card{flex-direction:column;flex-shrink:0;display:flex}.stat-card__header{align-items:center;gap:.4rem;margin-bottom:.4rem;display:flex}.stat-card__label{color:#ffffffa3;font-size:1.6rem;font-weight:500}.stat-card__value{color:#fff;letter-spacing:-.02em;margin-bottom:.8rem;font-size:2.2rem;font-weight:500}.stat-card__footer{align-items:center;gap:.4rem;font-size:1.4rem;display:flex}.stat-card__period{color:#ffffffa3}.stat-card__change.up{color:#00c74c}.stat-card__change.down{color:#d91538}
.dashboard-card{background-color:#0000;background-image:linear-gradient(#0f120f,#0f120f),linear-gradient(225deg,#ffffff14 0%,#fff0 80%),linear-gradient(45deg,#ffffff14 0%,#fff0 20%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:scroll,scroll,scroll;background-origin:border-box;background-clip:padding-box,border-box,border-box;border:1px solid #0000;border-radius:2.4rem;width:100%;transition:all .3s;position:relative;overflow:hidden}.dashboard-card__header{background-color:#111d2b70;justify-content:space-between;align-items:flex-start;padding:1.6rem;display:flex}.dashboard-card__title{color:#fff;font-size:1.6rem;font-weight:500}.dashboard-card__subtitle{color:#ffffffa3;margin-top:.4rem;font-size:1.4rem;font-weight:400}
.filter-tabs{background-color:#ffffff0a;border-radius:5.8rem;width:fit-content;padding:.4rem;display:inline-flex}.filter-tabs__btn{appearance:none;cursor:pointer;color:#fff;white-space:nowrap;background:0 0;border:none;border-radius:4.8rem;width:6.4rem;height:3.2rem;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:500;transition:all .3s}.filter-tabs__btn:hover{color:#ffffffe0}.filter-tabs__btn.active{position:relative;overflow:hidden}.filter-tabs__btn.active.active:before{content:"";pointer-events:none;background:linear-gradient(#fff0 0%,#fff3 100%);position:absolute;inset:0}.filter-tabs__btn.active.active{border:1px solid #ffffff1a}.filter-tabs__btn.active:focus-visible{outline-offset:2px;outline:2px solid #111214}@media (max-width:768px){.filter-tabs{flex-wrap:wrap;gap:.5rem}.filter-tabs button{padding:.4rem .8rem;font-size:1.2rem}}@media (max-width:576px){.filter-tabs{flex-direction:column;gap:.2rem}.filter-tabs button{padding:.2rem .4rem;font-size:1rem}}
.asins-table-wrapper{width:100%;overflow-x:auto}.asins-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%}.asins-table th{color:#ffffff8f;vertical-align:bottom;border-bottom:1px solid #ffffff14;padding:1.4rem 1.6rem;font-size:1.4rem;font-weight:400}.asins-table td{vertical-align:middle;padding:1.6rem}.asins-table td:not(:first-child){font-size:1.5rem;font-weight:400}.asins-table td:not(:first-child):not(:last-child){color:#ffffffe0}.asins-table th,.asins-table td{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.asins-table th:not(:first-child),.asins-table td:not(:first-child){width:auto}.asins-table th:first-child,.asins-table td:first-child{width:35%}.asins-table__name{color:#ffffffe0;font-size:1.6rem;font-weight:700;line-height:1.4}.asins-table__trend{align-items:center;gap:.8rem;display:flex}.asins-table__trend.up{color:#00c74c}.asins-table__trend.down{color:#d91538}.trend-icon{align-items:center;display:flex}
.campaigns-table-wrapper{width:100%;overflow-x:auto}.campaigns-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%}.campaigns-table th{color:#ffffff8f;vertical-align:bottom;border-bottom:1px solid #ffffff14;padding:1.4rem 1.6rem;font-size:1.4rem;font-weight:400}.campaigns-table td{vertical-align:middle;padding:1.6rem}.campaigns-table th,.campaigns-table td{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.campaigns-table th:not(:first-child),.campaigns-table td:not(:first-child){width:auto}.campaigns-table th:first-child,.campaigns-table td:first-child{width:45%}.campaigns-table__name{color:#ffffffe0;font-size:1.6rem;font-weight:700;line-height:1.4}.campaigns-table__spend,.campaigns-table__acos{color:#ffffffe0;font-size:1.5rem;font-weight:400}.campaigns-table__sales{flex-direction:column;display:flex}.campaigns-table__sales-value{color:#fff;font-size:1.6rem;font-weight:500}.campaigns-table__sales-percent-wrapper{align-items:center;display:flex}.campaigns-table__sales-percent{margin-right:.2rem;font-size:1.4rem;font-weight:400}.campaigns-table__sales-percent.up{color:#50ff2d8f}.campaigns-table__sales-percent.down{color:#d91538}