@import "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&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;color:#fff;margin:0;padding:0;font-family:Poppins,sans-serif}.logo{align-items:center;gap:10px;margin-top:20px;margin-bottom:7px;margin-left:15px;display:flex}.sidebar{background:#0d1225;width:20vw;min-height:100vh}.main{background:#0c1124;width:80vw;min-height:100vh}.section-container{display:flex}.main-header{margin-top:20px;margin-left:20px}.main-header p{color:#8d95a8;font-size:15px}.main-header h1{font-weight:600}.status-container{flex-wrap:wrap;gap:20px;margin-top:20px;margin-left:20px;display:flex}.status-card{background:#0d1226;border:1px solid #242f47;border-radius:10px;flex-direction:column;justify-content:space-between;width:140px;height:150px;padding:20px;display:flex}.status-card img{width:40px;height:40px}.analytics-container{flex-wrap:wrap;align-items:center;gap:20px;margin-top:10px;display:flex}.analytics-overview{margin-top:20px;margin-left:20px}.analytics-overview>h3{font-weight:400}.analytics-card{background:#0d1226;border:1px solid #242f47;border-radius:10px;flex-direction:column;justify-content:space-between;width:300px;height:425px;padding:20px;display:flex}.analytics-card li{justify-content:space-between;display:flex}.linechart-container{background:#0d1226;border:1px solid #242f47;border-radius:10px;flex-direction:column;justify-content:space-between;width:85%;height:425px;margin-top:20px;margin-left:20px;padding:20px;display:flex}.linechart-container>div{justify-content:space-between;align-items:center;width:100%;display:flex}.linechart-container>div>p{color:#8d95a8;font-size:15px}.linechart-container>div>button{color:#fff;cursor:pointer;background:#0d1226;border:1px solid #242f47;border-radius:10px;padding:10px 20px;font-size:15px}nav>button{cursor:pointer;background-color:#0d1226;border:none;margin-left:20px;font-size:40px}nav{display:none}.navigator{background:#0d1225;width:100vw;min-height:100vh;transition:transform .35s ease-in-out;transform:translate(-100%)}@media (width<=872px){.sidebar{display:none}.main{width:100vw}.linechart-container{width:90%}nav{display:block}}@media (width<=1197px){.analytics-container{justify-content:space-around}.status-container{justify-content:space-around;margin-left:0}}@media (width<=657px){.analytics-card{width:255px}}@media (width<=543px){.analytics-card{align-items:center;width:90%;margin-left:0}.analytics-card>ul{width:90%}}@media (width<=624px){.status-container{gap:10px}}@media (width<=426px){.status-card{width:180px}}@media (width<=590px){.status-card{width:250px}}@media (width<=522px){.status-card{width:200px}}@media (width<=410px){.status-card{width:180px}}@media (width<=370px){.status-card{width:150px}}.card{color:#fff;background:linear-gradient(145deg,#0f172a,#020617);border:1px solid #ffffff1a;border-radius:15px;width:300px;height:425px;padding:20px}h3{margin-bottom:20px}.progress-item{margin-bottom:15px}.label-row{justify-content:space-between;margin-bottom:5px;font-size:14px;display:flex}.progress-bar{background:#1f2937;border-radius:10px;width:100%;height:8px;overflow:hidden}.progress-fill{border-radius:10px;height:100%}.purple{background:linear-gradient(90deg,#a855f7,#6366f1)}.blue{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.green{background:linear-gradient(90deg,#10b981,#22c55e)}.gray{background:#475569}.total{justify-content:space-between;align-items:center;margin-top:20px;display:flex}@media (width<=1197px){.card{width:90%}}.logo{align-items:center;gap:10px;margin-top:20px;margin-bottom:7px;margin-left:15px;display:flex;position:relative}.logo>img{width:40px;height:40px}.logo p{color:#8d95a8;font-size:10px}.logo h2{font-size:20px;font-weight:400}hr{border:1px solid #2e3451}.links-container{flex-direction:column;gap:25px;margin-top:20px;margin-left:15px;display:flex}.links-container>div{cursor:pointer;border-radius:10px;align-items:center;gap:10px;width:calc(100% - 15px);margin-left:5px;padding:10px 5px;transition:all .2s ease-in-out;display:flex}.links-container>div>img{width:25px;height:25px}.first{background-color:#221a4d;border:1px solid #423073}.cross{text-align:right;cursor:pointer;color:#8d95a8;background:0 0;border:none;width:fit-content;margin-right:20px;font-size:40px;position:absolute;top:-5px;right:0}