@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%}html{scroll-behavior:smooth}.sidebar-left{height:100vh;z-index:99}.sidebar-left__wrap{box-sizing:border-box;padding:15px}.sidebar-left .logo{color:#000;display:block;font-size:25px;padding:35px 25px;text-decoration:none}.sidebar-left .n-menu-item-content{height:auto;padding:12px 25px!important}.sidebar-left .n-menu-item-content:hover .n-menu-item-content-header,.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-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}.n-layout-content{padding:20px 40px}.main{padding-top:100px}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 20px 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)}.vertical-center{align-items:center}.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}.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:#e9e9e6;color:#3f3f44;padding:10px 25px;transition:.3s}.n-button--default-type:hover{background:#21343f}.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:10px}.form__input{height:49px;padding:5px}.n-base-selection,.n-base-selection-label,.n-input,.n-input__input-el{height:49px!important}.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)}}
