@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--bg-color: #fff;--text-color: #1C1C1C;--border-color: #1C1C1C1A;--active-color: #1C1C1C0D;--header-color: #1C1C1C66;--secondary-color: #1C1C1C33;--cards-secondary: #F7F9FB;--cards-primary: #E3F5FF;--cards-teritary: #E5ECF6;--cyan: #A8C5DA}:root[data-theme=dark]{--bg-color: #1C1C1C;--text-color: #fff;--border-color: #FFFFFF1A;--active-color: #FFFFFF1A;--header-color: #FFFFFF66;--secondary-color: #FFFFFF33;--cards-secondary: #FFFFFF0D;--cards-primary: #E3F5FF;--cards-teritary: #E5ECF6}*{box-sizing:border-box;margin:0;padding:0;font-family:inter}html{font-size:62.5%;font-family:Inter}.icon path{fill:var(--text-color)}body{background-color:var(--bg-color);color:var(--text-color)}span{color:var(--text-color)}.button{background:none;border:none;outline:none;padding:.4rem .8rem;border-radius:.6rem;color:var(--text-color)}.button:not(.disabled):hover{background:var(--active-color)}.button.disabled{cursor:not-allowed}.actionsContainer{padding:.8rem;background:var(--cards-secondary);border-radius:.8rem;margin:2rem 0;display:flex;align-items:center;justify-content:space-between}.searchBar{display:flex;align-items:center;padding:.4rem .8rem;border-radius:.8rem;background:var(--active-color);width:16rem;height:2.8rem}.searchBar input{border:none;outline:none;width:10rem;margin:0 .5rem;background:transparent}.ordersList{padding:2.8rem;width:100%}.ordersList header{font-size:1.6rem;font-weight:600}.tableContainer{width:100%;position:relative}.tableContainer table{width:100%;border-collapse:collapse}.tableContainer table thead{position:sticky;top:0;left:0;background:var(--bg-color)}.tableContainer table thead th{padding:1.5rem 2rem;font-size:1.2rem;font-weight:400;color:var(--header-color);text-align:left}.tableContainer table thead th{border-bottom:.1rem solid var(--secondary-color)}.tableContainer table tbody tr td{padding:1.5rem 2rem;font-size:1.2rem;font-weight:400;border-bottom:.1rem solid var(--active-color)}.tableContainer .pagination{padding:2rem 0;display:flex;align-items:center;justify-content:flex-end;gap:1rem;background:var(--bg-color);position:sticky;bottom:0;right:0}.tableWrapper{height:calc(100vh - 20rem);overflow:scroll}.user,.status,.date{display:flex;align-items:center;gap:.5rem}.user img{border-radius:50%}.status .dot{height:.8rem;width:.8rem;border-radius:50%}.quickAccessContainer header{display:flex;align-items:center;justify-content:space-between}.quickAccessContainer header .switchButton{font-size:1.4rem;color:var(--secondary-color)}.quickAccessContainer header .active{color:var(--header-color)}.quickAccessContainer ul{padding:.8rem 2rem}.quickAccessContainer ul li{font-size:1.4rem;font-weight:400;padding:.4rem 0}.quickAccessContainer ul li::marker{color:var(--secondary-color);height:.6rem;width:.6rem}.navigationsContainer{display:flex;flex-direction:column;gap:1.6rem;margin-top:1.6rem}.dashboardsContainer header{padding:.4rem 1.2rem;color:var(--header-color);font-size:1.4rem;font-weight:400}.dashboardsContainer .navigationContainer{padding:.8rem 0;display:flex;flex-direction:column;gap:.4rem}.dashboardsContainer .navigationContainer .navigation{position:relative;display:flex;align-items:center;gap:.4rem;font-size:1.4rem;font-weight:400;border-radius:.8rem;padding:.4rem 0}.dashboardsContainer .navigationContainer .navigation .icon{padding-left:.5rem}.dashboardsContainer .navigationContainer .navigation .moveRight{padding-left:3rem}.dashboardsContainer .navigationContainer .navigation.active{background:var(--active-color)}.dashboardsContainer .navigationContainer .navigation.active:before{content:"";position:absolute;top:20%;height:60%;width:.3rem;border-radius:.5rem;background:#1c1c1c}.dropdownContainer .header{display:flex;align-items:center;gap:.4rem;font-size:1.4rem;cursor:pointer}.pagesContainer header{padding:.4rem 1.2rem;color:var(--header-color);font-size:1.4rem;font-weight:400}.pagesGroup,.pagesGroup .pages{padding:.8rem 0;display:flex;flex-direction:column;gap:.8rem}.pagesGroup .pages{padding:1rem 0;gap:.4rem}.pagesGroup .groupName{display:flex;align-items:center;gap:.4rem}.pagesGroup .pages .page{font-size:1.4rem;padding:.4rem 0 .4rem 4.5rem;text-align:left}.userInfoContainer{display:flex;align-items:center;gap:.8rem;font-size:1.4rem}.userInfoContainer .avatar{border-radius:50%}.sideBarContainer{width:21.2rem;padding:2rem 1.6rem;border-right:.1rem solid var(--border-color);overflow-y:scroll}.applicationHeader{padding:2rem 2.8rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.applicationHeader .rightPanel,.applicationHeader .leftPanel{display:flex;align-items:center;gap:.8rem;color:var(--header-color)}.applicationHeader .leftPanel .trace{font-size:1.4rem}.applicationHeader .leftPanel .trace span:not(:last-child){color:var(--header-color)}.applicationHeader .leftPanel .trace span:not(:last-child):after{content:" / ";height:2rem;width:2rem}.basePageContainer{height:100vh;width:100vw;display:flex;overflow:hidden}.basePageContainer main{flex:1}.notificationContainer header{padding:.8rem .4rem .8rem 0;font-size:1.4rem;font-weight:400}.notificationContainer .notifications{padding:.8rem 0;display:flex;flex-direction:column;gap:1.6rem}.notificationContainer .notifications .notification{display:flex;align-items:center;gap:.8rem}.notificationContainer .notifications .notification .content{display:flex;flex-direction:column;gap:.2rem}.notificationContainer .notifications .notification .content span{font-size:1.4rem;max-width:20rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.notificationContainer .notifications .notification .content span.time{color:var(--header-color);font-size:1.2rem}.applicationUpdatesContainer{padding:2rem;width:28rem;border-left:.1rem solid var(--border-color);display:flex;flex-direction:column;gap:1.6rem;height:100vh;overflow-y:scroll}.contactsContainer header{padding:.8rem .4rem .8rem 0;font-size:1.4rem;font-weight:400}.contactsContainer .contacts{padding:.8rem 0;display:flex;flex-direction:column;gap:1.6rem}.contactsContainer .contacts .contact{display:flex;align-items:center;gap:.8rem}.contactsContainer .contacts .contact img{border-radius:50%}.contactsContainer .contacts .contact span{font-size:1.4rem;max-width:20rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.activitiesContainer header{padding:.8rem .4rem .8rem 0;font-size:1.4rem;font-weight:400}.activitiesContainer .activities{padding:.8rem 0;display:flex;flex-direction:column;gap:1.6rem}.activitiesContainer .activities .activity{display:flex;align-items:center;gap:.8rem}.activitiesContainer .activities .activity .content{display:flex;flex-direction:column;gap:.2rem}.activitiesContainer .activities .activity .imageContainer{position:relative}.activitiesContainer .activities .activity img{border-radius:50%}.activitiesContainer .activities .activity:not(:last-child) .imageContainer:after{content:"";height:1rem;width:.1rem;background:var(--border-color);position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%)}.activitiesContainer .activities .activity .content span{font-size:1.4rem;max-width:20rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.activitiesContainer .activities .activity .content span.time{color:var(--header-color);font-size:1.2rem}
