body {

    background: #0b1020;

    color: white;

    font-family: Inter, sans-serif;

    margin: 0;
}

.sidebar {

    position: fixed;

    width: 240px;

    height: 100vh;

    background: #111827;

    padding: 30px;
}

.logo {

    font-size: 28px;

    font-weight: bold;

    color: #00ff99;

    margin-bottom: 40px;
}

.sidebar ul {

    list-style: none;

    padding: 0;
}

.sidebar li {

    padding: 12px 0;

    color: #9ca3af;
}

.main-content {

    margin-left: 260px;

    padding: 30px;
}

.glass-card {

    background: rgba(
        255,
        255,
        255,
        0.05
    );

    backdrop-filter: blur(
        20px
    );

    border: 1px solid rgba(
        255,
        255,
        255,
        0.08
    );

    border-radius: 20px;

    padding: 20px;

    margin-bottom: 20px;
}

.label {

    color: #9ca3af;

    font-size: 14px;
}

.value {

    font-size: 30px;

    font-weight: bold;
}

.neon {

    color: #00ff99;
}

.chart-card {

    min-height: 400px;
}