body {
    background-color: #0e1117;
    color: #ffffff;
}

.navbar {
    background-color: #161b22 !important;
}

.navbar .nav-link,
.navbar .navbar-brand {
    color: #c9d1d9 !important;
}

.container h1, h2, h3, h4, h5 {
    color: #58a6ff;
}

hr {
    border-top: 1px solid #30363d;
}

.btn {
    background-color: #238636;
    color: white;
    border: none;
}

.btn:hover {
    background-color: #2ea043;
}

.dash-input, .form-control {
    border-radius: 12px !important;
    background: rgba(20,24,34,0.94) !important;
    color: #f3f5fa !important;
    border: 1.2px solid #22263b !important;
    font-size: 1.07rem !important;
    box-shadow: 0 2px 18px 1px rgba(88,166,255,0.06);
}
.dash-glass-box {
    background: rgba(20,24,34,0.85);
    border-radius: 22px;
    box-shadow: 0 4px 24px 2px rgba(40,40,80,0.15);
    border: 1px solid rgba(88,166,255,0.12);
}
::-webkit-input-placeholder { color: #a6aecb !important; }
::-moz-placeholder { color: #a6aecb !important; }
:-ms-input-placeholder { color: #a6aecb !important; }
::placeholder { color: #a6aecb !important; }