.tt-console {
    --tt-blue: #1787f7;
    --tt-blue-dark: #0a4c9e;
    background: #f4f8fc;
    min-height: 100vh;
}

.tt-console .sidebar {
    background: linear-gradient(180deg, #0a4c9e 0%, #1787f7 72%);
}

.tt-console .top-row.navbar,
.tt-console .navbar-dark {
    background: #0a4c9e;
}

.tt-console .navbar-brand,
.tt-console .brand-text {
    color: #fff;
}

.tt-console .app-topbar {
    background: #fff;
    border-color: #d6e8fb;
    box-shadow: 0 6px 18px rgba(10, 76, 158, 0.08);
}

.tt-console .user-greeting,
.tt-console .user-greeting i {
    color: #0a4c9e;
}

.tt-console .balance-money {
    color: #0a4c9e;
    background: #e8f3ff;
    border-color: #b9d9fb;
}

.tt-console .balance-money i {
    color: #1787f7;
}

.tt-console .logout-btn {
    border-color: #9ecbf7;
    color: #0a4c9e;
    background: #fff;
}

.tt-console .logout-btn:hover {
    border-color: #1787f7;
    color: #0a4c9e;
}

.tt-console .sidebar .nav-item a,
.tt-console .sidebar .nav-item a:hover,
.tt-console .sidebar .nav-item a.active,
.tt-console .sidebar .nav-item a.active:hover {
    color: #fff;
}

.tt-console .sidebar .nav-item a.active,
.tt-console .sidebar .nav-item a.active:hover {
    background-color: rgba(255, 255, 255, 0.28);
}

.tt-console .page-title {
    color: #0a4c9e;
}

.tt-console .card,
.tt-console .section-box,
.tt-console .welcome-container,
.tt-console .bp-card {
    background: #fff;
    border: 1px solid #e3eef8;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(10, 76, 158, 0.06);
}

.tt-console .card-header {
    background: #f3f9ff;
    color: #0a4c9e;
    border-bottom: 1px solid #d6e8fb;
}

.tt-console .btn-primary,
.tt-console a.btn-primary {
    background-color: #1787f7;
    border-color: #1787f7;
    color: #fff;
}

.tt-console .btn-primary:hover,
.tt-console .btn-primary:focus,
.tt-console a.btn-primary:hover,
.tt-console a.btn-primary:focus {
    background-color: #1276ea;
    border-color: #1276ea;
    color: #fff;
}

.tt-console .btn-secondary {
    background-color: #fff;
    border-color: #1787f7;
    color: #0a4c9e;
}

.tt-console .btn-secondary:hover,
.tt-console .btn-secondary:focus {
    background-color: #e8f3ff;
    border-color: #1787f7;
    color: #0a4c9e;
}

.tt-console .table thead th,
.tt-console .table thead td {
    background: #f3f9ff;
    color: #0a4c9e;
    border-color: #d6e8fb;
}

.tt-console .form-control:focus,
.tt-console .form-select:focus {
    border-color: #1787f7;
    box-shadow: 0 0 0 0.15rem rgba(23, 135, 247, 0.25);
}

.tt-console .nav-tabs .nav-link.active {
    color: #0a4c9e;
    border-color: #d6e8fb #d6e8fb #fff;
}

@media (max-width: 640.98px) {
    .tt-console .nav-scrollable {
        background: #0a4c9e;
    }
}