body{
    background:#07111f!important;
    color:#d7deea!important;
}
.top{
    background:#07111f!important;
    color:#fff!important;
    border-bottom:1px solid #172133!important;
}
.card,.panel{
    background:#0d1828!important;
    border:1px solid #1f2d42!important;
    color:#d7deea!important;
    box-shadow:0 18px 45px rgba(0,0,0,.22)!important;
}
.card h1,.card h2,.card h3,.panel h1,.panel h2,.panel h3{
    color:#fff!important;
}
.row,.stock-row{
    color:#d7deea!important;
    border-bottom:1px solid #1f2d42!important;
}
input,select,textarea{
    background:#101c2e!important;
    color:#fff!important;
    border:1px solid #2b3a55!important;
}
button,.btn{
    background:#2563eb!important;
    color:white!important;
    border-radius:14px!important;
}
.tab{
    background:#0d1828!important;
    color:#d7deea!important;
    border:1px solid #1f2d42!important;
}
.tab.active{
    background:#2563eb!important;
    color:white!important;
}
.green{color:#16c784!important}
.red{color:#ef4444!important}
.muted{color:#94a3b8!important}

@media(max-width:768px){
    html,body{
        width:100%!important;
        max-width:100%!important;
        overflow-x:hidden!important;
    }
    .top{
        padding:16px!important;
        box-sizing:border-box!important;
    }
    .top .nav{
        float:none!important;
        display:flex!important;
        flex-wrap:wrap!important;
        gap:10px 14px!important;
        margin-top:10px!important;
    }
    .top a{
        margin-left:0!important;
        font-size:16px!important;
        white-space:nowrap!important;
    }
    .page,.home-wrap{
        width:100%!important;
        max-width:100%!important;
        padding:16px!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
    }
    .hero,.home-hero{
        margin:0 0 18px 0!important;
        padding:28px 22px!important;
        border-radius:22px!important;
        box-sizing:border-box!important;
    }
    .index-grid,.stock-grid,.quick{
        grid-template-columns:1fr!important;
    }
    .index-card,.stock-card{
        width:100%!important;
        box-sizing:border-box!important;
    }
    .card,.panel{
        width:100%!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
    }
}
