@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.vue-echarts-container,x-vue-echarts{display:block;height:100%;min-width:0;width:100%}*{box-sizing:border-box}html{scroll-behavior:smooth}.sidebar-left{height:100vh;z-index:99}.sidebar-left__wrap{box-sizing:border-box;padding:15px;transition:.3s}.sidebar-left .logo{color:#000;display:block;font-size:25px;padding:25px;text-decoration:none}.sidebar-left .n-menu-item-content:hover .n-menu-item-content-header,.sidebar-left .n-menu-item-content:hover a,.sidebar-left .n-menu-item-content:hover svg{color:#fff!important}.sidebar-left .n-menu-item-content.n-menu-item-content--selected:before,.sidebar-left .n-menu-item-content:not(.n-menu-item-content--disabled):hover:before{background-color:#697d82}.sidebar-left .n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header a,.sidebar-left .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header,.sidebar-left .n-menu-item-content.n-menu-item-content--selected svg{color:#fff}.sidebar-left .n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover:before{background-color:#697d8282}.n-layout-sider--collapsed{padding:0}.n-layout-sider--collapsed .plan-upgrade{display:none}.input{background:#fff;border:1px solid #cfd8dc;border-radius:8px;box-sizing:border-box;color:#21343f;font-size:1rem;padding:12px;transition:border .2s}.main{width:calc(100% - 85px)}.main-content{max-height:100vh}.main-content>.n-layout-scroll-container{display:flex}body,html{font-family:Inter,sans-serif;font-optical-sizing:auto;font-size:14px;font-style:normal;font-variation-settings:"slnt" 0;height:100%;margin:0;padding:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}button{transition:.3s}.btn,button{cursor:pointer}.btn{background:#18a058;border:none;border-radius:3px;color:#fff;font-size:16px;padding:10px 35px;text-decoration:none}.btn_def{background:#697d82;border-radius:8px}.btn_destroy{background:red}.btn_icon{align-items:center;display:flex;gap:5px}.page-title{font-size:clamp(20px,5vw,40px);line-height:0}.page-info{align-items:center;display:flex;justify-content:space-between;margin:0 50px 30px}.row{display:flex;gap:25px;margin-bottom:20px}.row__item_25{width:calc(33.33333% - 8px)}.row__item_50{width:calc(50% - 8px)}.row__item_75{width:calc(66.66667% - 8px)}.row-form{display:flex;gap:10px;width:100%}.row-form>div{flex:1}.dashboard{box-sizing:border-box;display:flex;gap:20px;justify-content:space-between;padding:0 50px;width:100%}.dashboard__left{width:calc(75% - 20px)}.dashboard__right{width:calc(25% - 20px)}.revenue{margin-bottom:40px;margin-top:40px}.switch-wrapper{display:flex;gap:10px}.switch-wrapper,.vertical-center{align-items:center}.n-tag{border-radius:100px;font-size:11px;height:25px;padding:0 15px}.justify-between{justify-content:space-between}.card{background:#fff;border-radius:12px;box-shadow:0 10px 15px #969ea633;box-sizing:border-box;padding:20px;position:relative}.card_tabel{margin:20px 50px}.card__title{align-items:center;display:flex;font-size:1.3rem;font-weight:600;justify-content:space-between;margin-bottom:15px}.card__title .plus{color:#37b900;font-size:clamp(14px,5vw,18px)}.card__title .minus{color:#ff5353;font-size:clamp(14px,5vw,18px)}.card__row{align-items:center;display:flex;justify-content:space-between}.card__row-left{flex-shrink:0;width:30%}.card__row-left-val{align-items:center;display:flex;font-size:clamp(14px,5vw,32px);font-weight:600;gap:10px}.card__row-right{width:70%}.link-btn{background:#21343f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:clamp(14px,5vw,16px);font-weight:500;padding:15px 40px;text-decoration:none;transition:.3s}.link-btn:hover{background:#697d82}.n-button--default-type{background:#697d82;color:#fff;padding:10px 25px;transition:.3s}.n-button--default-type:hover{background:#21343f}.n-input-wrapper .n-button--default-type{border-radius:5px;height:30px;margin-right:5px;padding:5px 10px;width:30px}.n-input-wrapper .n-button--default-type:last-child{margin-right:0}.n-data-table .n-data-table-th{background:#f7f7f7}.n-data-table .n-data-table-th:first-child{border-radius:10px 0 0 10px}.n-data-table .n-data-table-th:last-child{border-radius:0 10px 10px 0}.table__name-wrap{align-items:center;display:flex;gap:10px}.table__avatar{border-radius:50%;height:45px;overflow:hidden;width:45px}.table__name{font-size:clamp(14px,5vw,16px);font-weight:600}.table__email{font-size:clamp(12px,5vw,13px)}.active{background:#2ca87f;border-radius:5px;color:#fff;display:inline-block;padding:5px 20px}.n-card__item{width:calc(33.33333% - 8px)}.n-card__title{font-size:clamp(14px,5vw,32px)}.info{margin-bottom:40px}.charts{height:420px;overflow:hidden;width:calc(66.66667% - 8px)}.form{display:flex;flex-direction:column;gap:20px;height:100%;position:relative}.form .n-base-selection-input__content,.form .n-input__input-el{font-size:14px}.form .n-form-item-feedback-wrapper{font-size:12px;position:absolute;right:0}.form-btn-box{bottom:0;display:flex;flex-wrap:wrap;gap:10px;left:0;position:absolute;right:0;width:100%}.form-btn-box .btn{flex:1 1 45%;width:100%}.n-form-item-label__text{color:#697d82;font-size:13px}.n-base-selection__border{border:1px solid #e8e8e9!important;border-radius:5px!important}.n-base-selection .n-base-selection-placeholder{color:#697d82;font-family:Inter,sans-serif;font-size:14px}.welcome{display:flex}.welcome__item{height:100vh;width:50%}.welcome-image{border:10px solid #fff;border-radius:20px;box-sizing:border-box;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.animate{animation:fadeInUp .5s ease forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--active{border:1px solid #1d2630;color:#1d2630}@media screen and (max-width:1920px){.dashboard__left{width:calc(70% - 20px)}.dashboard__right{width:calc(30% - 20px)}}@media screen and (max-width:1600px){.dashboard__left{width:calc(60% - 20px)}.dashboard__right{width:calc(40% - 20px)}.row{flex-wrap:wrap}.row__item_25{width:calc(50% - 13px)}.add-course{display:none}}@media screen and (max-width:1366px){.dashboard{padding:0 20px}.n-layout-header{padding:10px 20px!important}.header__left{display:none!important}.header__right{justify-content:space-between!important;width:100%!important}.dashboard__left{width:calc(60% - 10px)}.dashboard__right{width:calc(40% - 10px)}.earnings__bottom-summary{font-size:26px!important}}@media screen and (max-width:1000px){.dashboard{flex-wrap:wrap}.course-stat .row__item_25,.dashboard__left,.dashboard__right{width:100%}}