@font-face{font-family:DM Sans;src:url(/assets/styles/fonts/dm-sans/DMSans-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:DM Sans;src:url(/assets/styles/fonts/dm-sans/DMSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:DM Sans;src:url(/assets/styles/fonts/dm-sans/DMSans-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:DM Sans;src:url(/assets/styles/fonts/dm-sans/DMSans-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:DM Sans;src:url(/assets/styles/fonts/dm-sans/DMSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/styles/fonts/poppins/Poppins-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/styles/fonts/poppins/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/styles/fonts/poppins/Poppins-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/styles/fonts/poppins/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/styles/fonts/poppins/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Sofia Pro;src:url("/assets/styles/fonts/sofia-pro/Sofia Pro Light Az.otf") format("opentype");font-weight:300;font-style:normal}@font-face{font-family:Sofia Pro;src:url("/assets/styles/fonts/sofia-pro/Sofia Pro Regular Az.otf") format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Sofia Pro;src:url("/assets/styles/fonts/sofia-pro/Sofia Pro Medium Az.otf") format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Sofia Pro;src:url("/assets/styles/fonts/sofia-pro/Sofia Pro Semi Bold Az.otf") format("opentype");font-weight:600;font-style:normal}@font-face{font-family:Sofia Pro;src:url("/assets/styles/fonts/sofia-pro/Sofia Pro Bold Az.otf") format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Sofia Pro;src:url("/assets/styles/fonts/sofia-pro/Sofia Pro Black Az.otf") format("opentype");font-weight:900;font-style:normal}.btn{border-radius:1rem;background:#00c843;color:#fff;font-size:1.8rem;font-style:normal;font-weight:700;line-height:normal;height:5rem;padding:1.4rem 3rem;cursor:pointer;transition:background .2s,color .2s}.btn.view{color:#fff;font-weight:600;height:5rem;background:transparent;border:1.5px solid rgba(255,255,255,.25)}.btn.view:hover{background-color:#fff;color:#15161b}.btn:hover,.btn.active{background-color:#01a638;color:#fff}.status-bill{width:14.25rem;padding-block:.55rem;color:#fff;text-align:center;font-size:1.6rem;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;margin-inline:auto;border-radius:.5rem}.status-bill.active{background-color:#00c843}.status-bill.suspended{background-color:#c3c9c5}.main-card{padding-inline-start:3.7rem;padding-inline-end:4.8rem;padding-block-start:2rem;padding-block-end:4rem;width:100%;margin-block-end:3rem;background-color:#97ccef14;border-radius:2rem}.main-card .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.main-card .accent-header{display:flex;justify-content:space-between;font-family:Sofia Pro,sans-serif;margin-top:3rem}.main-card .accent-header .start{width:49.5vw;font-size:2.4rem;font-style:normal;font-weight:500;line-height:3.4rem;text-transform:capitalize}.main-card .accent-header .end{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-card .accent-header .end.horizontal{flex-direction:row;gap:1rem}.main-card .accent-header .end .primary{color:#00e5ff;text-align:center;font-size:3.8rem;font-style:normal;font-weight:400;line-height:4.6rem}.main-card .accent-header .end .accent{font-size:3rem;font-style:normal;font-weight:600;line-height:4.6rem}.main-card-title{font-size:3rem;color:#fff}.dropdowns-container{display:flex;justify-content:end;gap:2rem}.accent-card{width:100%;min-height:26rem;background:linear-gradient(90deg,#b559c2,#842192);border-radius:1.5rem;padding-block-start:4rem;padding-inline:3rem;position:relative}.accent-card.primary{background:linear-gradient(90deg,#1ce3ea,#0078b5)}.accent-card.dark{background:#00000080;box-shadow:0 10px 25px #00000040}.accent-card .accent-title{max-width:41.2rem;font-size:2.6rem;line-height:3rem;font-weight:600}.accent-card .accent-title.with-icon{width:100%;max-width:100%;display:flex;align-items:center;gap:1rem}.accent-card .title-icon{margin-inline-end:2rem}.accent-icon{position:absolute;width:14rem;height:14rem;inset-block-start:6rem;inset-inline-end:3rem}.accent-number{font-size:8rem;font-weight:600;font-family:Poppins,sans-serif}.card-statistics{display:flex;align-items:center;justify-content:space-between}.accent-date{width:max-content;position:relative;border-radius:.5rem;background-color:#fff6;height:4.4rem}.accent-date overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff6;mix-blend-mode:overlay;z-index:1}.accent-date .date{position:relative;font-size:1.6rem;line-height:2.8rem;padding:1.2rem;color:#fff;z-index:2}.inner-card{filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25));border-radius:1.5rem;border:2px solid rgba(151,204,239,.25);padding-inline:1.5rem;padding-block:3.5rem 1.5rem;margin-top:1.5rem;min-height:max-content}.inner-title{width:100%;font-size:2.2rem;margin-bottom:2rem;line-height:2rem;font-weight:600;text-align:center}.inner-title.brand{color:#00e5ff}.graph-keys{display:flex;justify-content:center;gap:2rem}.graph-keys.vertical{flex-direction:column;gap:1rem}.graph-keys .keys-header{font-weight:600;font-size:1.6rem;line-height:2.8rem}.graph-keys .key-container{display:flex;justify-content:center;align-items:center;width:max-content;gap:1rem}.graph-keys .key-container .key-cap{height:1.4rem;width:1.4rem;background:#00e5ff;border-radius:.4rem}.graph-keys .key-container .key-cap.secondary{background:#b559c2}.graph-keys .key-container .key-cap.tertiary{background:#842192}.graph-keys .key-container .key-text{font-size:1.4rem;line-height:2.8rem}.accent-card{padding-block-end:3rem}.graph-container{display:flex;gap:3rem;padding-block-start:3rem}.graph-container.more-gap{gap:12rem}.graph-container .graph{flex-grow:1;display:flex;flex-direction:column}.graph-container .graph-desc{height:26.5rem;border-radius:1.5rem;overflow:hidden;object-fit:contain;background:#97ccef1a;font-size:1.4rem;display:flex;justify-content:center;align-items:center;padding:2rem;text-align:center}.graph-container .graph-desc.horizontal{margin-top:2rem;width:100%!important;height:max-content!important}.graph{flex-grow:1;display:flex;flex-direction:column}.graph>*:first-child{flex-grow:1;flex-shrink:1;flex-basis:auto}.graph>*:not(:first-child){flex-grow:0;flex-shrink:0;flex-basis:auto}table .status{width:2rem;height:2rem;border-radius:2rem}.footer{color:#fff!important}.insights-container{width:100%;padding:2rem}.insights-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;margin:0 auto}.insight-card{flex:1 1 calc(33.333% - 3rem);overflow:hidden;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column}.insight-card:only-child,.insight-card:nth-last-child(2):nth-child(odd){flex:0 1 70rem;max-width:70rem}.card-header{display:flex;align-items:center;padding:1.5rem;border-radius:1.5rem;background:linear-gradient(270deg,#00e5ff,#003c61);color:#fff;margin-bottom:1.5rem;flex-shrink:0}.card-number{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;background-color:#fff9;border-radius:50%;margin-right:1rem;font-weight:700;font-size:2rem}.card-title{margin:0;font-size:2rem}.card-body{padding:1.5rem;background:linear-gradient(270deg,#00e5ff,#003c6199);border-radius:1.5rem;flex-grow:1;display:flex;flex-direction:column}.card-body p{margin:0;line-height:1.6;font-size:1.6rem;flex-grow:1}@media (max-width: 900px){.insight-card{flex:1 1 calc(50% - 2rem)}}@media (max-width: 600px){.insight-card{flex:1 1 100%}}.g-40-60{margin-top:3rem;display:grid;gap:3rem;grid-template-columns:40% 60%}.branded-list{flex-grow:1;margin:0;padding-inline-start:1.5rem}.branded-list li{position:relative;margin-bottom:2rem;font-size:1.4rem}.branded-list li:before{content:"";position:absolute;inset-inline-start:-1.5rem;top:.35rem;width:8px;height:8px;background-color:#00e5ff;border-radius:50%}.flex,.time,.user-status,.btn{display:flex}.flex.col,.col.time,.col.user-status,.col.btn{flex-direction:column}.flex.center,.time,.user-status,.btn{justify-content:center;align-items:center}.flex.space-between,.space-between.time,.space-between.user-status,.space-between.btn{justify-content:space-between;align-items:center}.user-status{padding:1rem 2rem;min-width:12rem;border-radius:5rem;background:#eaffe8}.user-status .status-color{width:2.1rem;height:2.1rem;padding:.4rem;border-radius:50%;background-color:#00e645;box-shadow:0 .4rem .4rem #00ff1e inset}.user-status .status-name{color:#5e6066;font-size:1.4rem;font-style:normal;font-weight:500;line-height:normal}.time{min-width:21rem;border-radius:5rem;background:#e4e4e4;color:#5e6066;font-size:1.4rem;font-style:normal;font-weight:500;line-height:normal;padding:1rem 2rem}.time svg{width:2rem;height:2rem}.header-container,.page-container{margin-block:.5rem;padding-inline:1rem}.page-container{flex:1 1 auto}.tab-content{padding-block:3rem}.g-1,.user-status,.time{gap:1rem}.g-1-5{gap:1.5rem}.g-2{gap:2rem}.g-2-5{gap:2.5rem}.g-3{gap:3rem}.mi-auto{margin-inline:auto}.mb-auto{margin-block:auto}.action-container .main{display:flex;align-items:center;gap:3rem;margin-block-start:3rem}.action-container .main .action-avatar{width:4rem;height:4rem;border-radius:50%;aspect-ratio:1/1;background-color:#eee;background-repeat:no-repeat;background-size:cover;background-position:center}.action-container .main .action-title{color:15161B;text-align:center;font-size:1.8rem;font-style:normal;font-weight:600;line-height:normal}.action-container .main .action-title-accent{font-weight:400}.action-container .details{color:#5e6066;font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal;text-indent:7rem;margin-block-start:1.5rem}.divider{margin-block-start:3rem;background:#e4e4e4;width:100%;height:1.5px}.search-add-user{display:flex;justify-content:space-between;align-items:center;margin-block:2rem}.search-add-user .search-container{display:flex;align-items:center;width:360px;height:50px;flex-shrink:0;border-radius:8px;border:1.5px solid var(--Color-2, #E4E4E4)}.search-add-user .search-container input{flex:1;border:none;outline:none;background:transparent;color:var(--new, #5F6D70);font-size:20px;font-style:normal;font-weight:400;line-height:150%;padding-inline-start:2rem}.search-add-user .search-container input::placeholder{color:var(--new, #5F6D70)}.search-add-user .search-container input:focus{color:var(--new, #5F6D70)}.search-add-user .search-container .search-icon{margin-inline:1rem}.search-add-user .search-container .search-icon svg{max-width:unset}.search-add-user .search-container:focus-within{border-color:#fff}.search-add-user .add-user{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:var(--Color-12, #00C843);color:#fff;font-family:Inter;font-size:18px;font-style:normal;font-weight:700;line-height:normal;width:200px;height:50px;cursor:pointer}html{font-size:62.5%;box-sizing:border-box;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul,figure,hr{margin:0;padding:0}ol,ul{list-style:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Sofia Pro,sans-serif,sans-serif;margin:0;padding:0;width:100vw;color:#fff;background:#000;overflow:hidden;display:flex;flex-direction:column}img,svg,iframe{max-width:100%;height:auto;border:0}a{font-family:Sofia Pro,sans-serif}button,input,select,textarea{font:inherit;margin:0;padding:0;border:0;background:transparent;color:inherit}table{border-collapse:collapse;border-spacing:0;width:100%}[hidden]{display:none!important}.cursor-pointer{cursor:pointer}html{font-size:62.5%}body{margin:0;padding:0;background:#fff}@media (min-width: 2560px){html{font-size:83.3333333333%}}@media (max-width: 1919px){html{font-size:62.4674479167%}}@media (max-width: 1600px){html{font-size:52.0833333333%}}@media (max-width: 1440px){html{font-size:46.875%}}@media (max-width: 1366px){html{font-size:44.4661458333%}}@media (max-width: 1200px){html{font-size:39.0625%}}@media (max-width: 992px){html{font-size:32.2916666667%}}