@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.icon--dashboard{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 10.1C16 5.7 12.4 2 8 2s-8 3.7-8 8.1c0 1.4.3 2.9.9 3.9h4.9c.5.6 1.3 1 2.2 1s1.7-.4 2.2-1h4.9c.6-1 .9-2.5.9-3.9M14 7v1l-4.1 3.5c0 .1.1.3.1.5 0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2c.3 0 .6.1.8.2L13 7zm-4-3h1v1h-1zM5 4h1v1H5zm-3 8H1v-1h1zm1-4H2V7h1zm12 4h-1v-1h1z'/%3E%3Cpath d='M9 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E")}.icon--chart-bar-line,.icon--dashboard{background-color:currentColor;display:inline-block;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;width:1em}.icon--chart-bar-line{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 15v4m8-10v10m10 3H2m18-9v6M5.6 8.8a2 2 0 1 0-3.2 2.4 2 2 0 0 0 3.2-2.4m0 0 4.8-3.6m0 0a2 2 0 0 0 3.39-.305M10.4 5.2a2 2 0 1 1 3.39-.305m0 0 4.42 2.21m0 0a2 2 0 1 0 3.578 1.79 2 2 0 0 0-3.577-1.79' color='%23000'/%3E%3C/svg%3E")}.icon--pie-chart-fill{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 2.05V13h10.95c-.501 5.053-4.765 9-9.95 9-5.523 0-10-4.477-10-10 0-5.185 3.947-9.449 9-9.95m2 0A10 10 0 0 1 21.95 11H13z'/%3E%3C/svg%3E")}.icon--pie-chart-fill,.icon--table-16{background-color:currentColor;display:inline-block;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;width:1em}.icon--table-16{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25ZM6.5 6.5v8h7.75a.25.25 0 0 0 .25-.25V6.5Zm8-1.5V1.75a.25.25 0 0 0-.25-.25H6.5V5Zm-13 1.5v7.75c0 .138.112.25.25.25H5v-8ZM5 5V1.5H1.75a.25.25 0 0 0-.25.25V5Z'/%3E%3C/svg%3E")}.icon--logout{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 13v-2H8V8l-5 4 5 4v-3h8zm3-10h-8v2h8v14h-8v2h8a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E")}.icon--data-extract,.icon--logout{background-color:currentColor;display:inline-block;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;width:1em}.icon--data-extract{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C7.03 2 3 3.34 3 5v5c0 1.66 4.03 3 9 3s9-1.34 9-3V5c0-1.66-4.03-3-9-3zm7 5c0 .71-3.22 2-7 2S5 7.71 5 7V5c0-.71 3.22-2 7-2s7 1.29 7 2v2zm-5.88 5.88-1.41 1.42L16 17h-5v2h5l-3.29 3.29 1.41 1.42L20 18l-6.88-6.88zM3 10v2c0 1.66 4.03 3 9 3 .62 0 1.23-.03 1.83-.08-.63-.51-1.2-1.09-1.71-1.74-.04.01-.08.01-.12.01-3.78 0-7-1.29-7-2v-2H3zm0 4v2c0 1.66 4.03 3 9 3 .16 0 .31 0 .47-.01-.28-.5-.51-1.04-.68-1.59-.2.01-.41.02-.64.02-3.78 0-7-1.29-7-2v-2H3z'/%3E%3C/svg%3E")}.react-style .sidebar{background:#fff;display:flex;flex-direction:column;height:100%;left:0;padding:20px 0;position:fixed;top:0;width:220px}.react-style .sidebar ul{list-style:none;margin:0;padding:0}.react-style .sidebar ul li.nav-item-cust{border-right:4px solid transparent;list-style:none;transition:.2s}.react-style .sidebar ul li.nav-item-cust .link-item{align-items:center;color:#344d58;display:flex;font-size:14px;font-weight:500;gap:10px;min-height:50px;outline:none;padding:3px 10px;text-decoration:none;transition:.1s}.react-style .sidebar ul li.nav-item-cust .link-item .wrp-icon{align-items:center;background:#ebf3f9;border-radius:5px;color:#344d58;display:flex;height:30px;justify-content:center;transition:.1s;width:30px}.react-style .sidebar ul li.nav-item-cust .link-item .wrp-icon .icon{font-size:18px}.react-style .sidebar ul li.nav-item-cust:hover{background:#f7fcff;border-right:4px solid #00a2ff}.react-style .sidebar ul li.nav-item-cust:hover .link-item{color:#00a2ff;font-weight:600}.react-style .sidebar ul li.nav-item-cust:hover .link-item .wrp-icon{background:#00a2ff;color:#fff}.react-style .sidebar ul li.nav-item-cust.active-nav{background:#f7fcff;border-right:4px solid #00a2ff}.react-style .sidebar ul li.nav-item-cust.active-nav .link-item{color:#00a2ff;font-weight:600}.react-style .sidebar ul li.nav-item-cust.active-nav .link-item .wrp-icon{background:#00a2ff;color:#fff}.main-title-nav{font-size:12px;font-weight:400;padding:0 10px;text-transform:uppercase}.wrap-avatar{align-items:center;display:flex;gap:10px;margin:auto auto 0 0;padding:0 10px}.wrap-avatar .avatar{border-radius:60px;height:42px;overflow:hidden;width:42px}.wrap-avatar .avatar .img-avatar{height:100%;object-fit:cover;width:100%}.wrap-avatar .wrp-info-user{display:grid}.wrap-avatar .wrp-info-user .name{color:#000;font-size:14px;font-weight:500}.wrap-avatar .wrp-info-user .role{color:#757575;font-size:12px;font-weight:400}.logout-container{align-items:center;display:flex;font-size:14px;font-weight:500;gap:10px;margin:10px 0 0;min-height:50px;padding:3px 10px}.logout-container .wrp-logout-icon{align-items:center;background:#ebf3f9;border-radius:5px;color:#344d58;display:flex;height:42px;justify-content:center;transition:.1s;width:42px}.logout-container .wrp-logout-icon .icon{font-size:18px}.link-logout,.link-logout:hover{color:#344d58;text-decoration:none}.link-logout:hover{background:#f7fcff}*{font-family:Poppins,sans-serif}.react-style{background:#eef5fa}.react-style .main-container{min-height:100vh}.react-style .wrp-content{padding:25px 25px 25px 245px}.react-style g{outline:none}.wrp-big-title{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:1rem}.big-title{color:#0d1116;font-size:22px;font-weight:600;margin-bottom:0}.btn-cust{font-size:14px}.card-bg-shadow{background:#fff;border-radius:15px;box-shadow:0 2px 5px 1px rgba(64,60,67,.16);padding:15px}.card-bg-shadow .title-card{color:#292d32;font-size:16px;margin:0;padding-bottom:1rem}.card-bg-shadow .chart-container{min-height:430px}.scroller{scrollbar-width:thin}.scroller::-webkit-scrollbar-track{background-color:#f5f5f5;-webkit-box-shadow:inset 0 0 6px transparent}.scroller::-webkit-scrollbar{background-color:#f5f5f5;width:6px}.scroller::-webkit-scrollbar-thumb{background-color:#c1c1c1}.d-chart-container,.h-recap-tabel{height:465.19px;min-height:375px}.wrp-table{height:calc(100% - 35.19px);overflow:auto}.table-cust table{width:100%}.table-cust table thead tr{background:#fff}.table-cust table thead tr th{border:none;color:#9eabbd;font-size:12px;font-weight:600;padding:10px 5px;white-space:nowrap}.table-cust table tbody tr td{border:none;color:#292d32;font-size:12px;font-weight:600;padding:10px 5px}.table-cust table tbody tr:nth-child(2n){background-color:#f9fbff}.card{border:none}.card-content,.loader-container{align-items:center;display:flex;justify-content:center}.loader-container{height:100%;width:100%}.d-pie-chart-container,.tab-top-tag,.visit-chart{min-height:400px}.pub-stat,.visit-chart{height:100%}.pub-stat{min-height:150px}.pub-tab{height:100%;min-height:400px}.c-pie-container{height:100%;min-height:465px}.wrapper-title-and-filter{align-items:start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:1rem}.role{overflow:hidden}.wrapper-container-login{min-height:100vh}.wrapper-container-login,.wrapper-login{align-items:center;display:flex;justify-content:center}.wrapper-login{flex-direction:column;min-width:100vh;width:100%}.wrapper-login .wrp-title{align-items:center;display:flex;justify-content:center}.wrapper-login .title-login{color:#264150;font-size:20px;font-weight:600;margin-bottom:1.5rem}.wrp-logo{margin-bottom:1.5rem}.wrp-logo .logo{height:40px;margin:auto;width:fit-content}.wrp-logo .logo img{height:100%;object-fit:cover;width:auto}.wrp-logo .title-project{color:#1379b4;font-size:14px;font-weight:600;letter-spacing:8px;margin-top:8px;text-align:center}.form-login{min-width:70vh}.button-login{border:1px solid #00a2ff}.scroll-overflow{overflow:auto}.container-list-history-log{display:flex;flex-direction:column;gap:3px;list-style:none;margin-bottom:0;min-width:800px;padding:0;width:100%}.container-list-history-log li .header-list{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex;gap:10px;height:fit-content!important;margin-bottom:0!important;padding:5px 20px}.container-list-history-log li .header-title{color:#3c657b;font-size:12px;font-weight:400;margin-bottom:5px;text-transform:uppercase;width:100%}.container-list-history-log li .wrp-log{align-items:center;background:#fff;border:1px solid #e5eaf6;border-radius:10px;box-shadow:0 0 5px 0 #eee;display:flex;gap:10px;height:60px;padding:5px 20px}.container-list-history-log li .item-log{word-wrap:break-word;color:#264150;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:break-all}.menu-tabs-container{display:flex;justify-content:space-between}.wrap-links{display:flex}.wrap-links .menu-link{border-bottom:2px solid rgba(0,0,0,.09);border-radius:0;color:#5e5e5e;cursor:pointer;font-size:14px;font-weight:600;padding:6px 10px;text-decoration:none;transition:.3s}.wrap-links .menu-link:hover{color:#264150}.wrap-links .menu-link.active{border-bottom:2px solid #00a2ff;color:#00a2ff}.error-status{background:rgba(255,100,43,.09);color:#ed600e}.error-status,.success-status{border-radius:5px;font-size:14px;font-weight:600;padding:5px 10px;white-space:nowrap}.success-status{background:rgba(0,128,0,.071);color:#13ab13}