/* General Theme */
body {
    background-color: #0b0c2a;
    color: #fff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.space-navbar {
    background: linear-gradient(90deg, #0b0c2a 0%, #1b1d3b 100%);
    padding: 1rem 0;
    border-bottom: 1px solid #282b4d;
}

.navbar-brand-text {
    font-size: 1.3rem;
    font-weight: 600;
    color: #fff;
}

.navbar-brand small {
    font-size: 0.75rem;
    color: #adb5bd;
}

.navbar-logo {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-right: 1rem;
    transition: transform 0.3s ease;
}

.navbar-nav .nav-link {
    color: #dcdcdc;
    font-weight: 500;
    padding: 0.5rem 2rem;
 
    transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #ffd700;
}

.dropdown-menu {
    background-color: #1b1d3b;
    border: 1px solid #343657;
}

.dropdown-item {
    color: #dcdcdc;
    transition: background 0.3s ease, color 0.3s ease;
}

.dropdown-item:hover {
    background-color: #2c2f5a;
    color: #ffd700;
}

.btn-outline-light {
    border-color: #ffd700;
    color: #ffd700;
    font-weight: 500;
}

.btn-outline-light:hover {
    background-color: #ffd700;
    color: #0b0c2a;
}