*{box-sizing:border-box}body{color:#eaf2ff;background:#020812;margin:0;font-family:Inter,Arial}.app{gap:18px;min-height:100vh;padding:18px;display:flex}aside,.card{background:#07111f;border:1px solid #1c2b43;border-radius:16px}aside{width:230px;padding:20px}h2 span{color:#2563eb}.item,.active{gap:10px;margin:10px 0;padding:12px;display:flex}.active{color:#4d8cff;background:#14243f;border-radius:10px}main{flex:1}header{justify-content:space-between;display:flex}.search{background:#091626;border:1px solid #1c2b43;border-radius:12px;gap:8px;width:50%;padding:12px;display:flex}button{color:#fff;background:#2563eb;border:0;border-radius:9px;padding:12px 22px}.grid{grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0;display:grid}.card{padding:20px}.value{font-size:32px}.two{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px;display:grid}.bar{background:#13233b;border-radius:20px;height:6px}.bar i{background:#2563eb;border-radius:20px;width:70%;height:100%;display:block}.graph{color:#2563eb;justify-content:center;align-items:center;height:260px;font-size:40px;display:flex}@media (width<=900px){aside{display:none}.grid,.two{grid-template-columns:1fr}}