:root {
    --primary-color:       #0ea5e9;
    --primary-dark:        #0369a1;
    --secondary-color:     #0369a1;
    --sidebar-start:       #0ea5e9;
    --sidebar-end:         #0369a1;
    --sidebar-active:      rgba(255,255,255,0.18);
    --sidebar-text:        #ffffff;
    --login-start:         #0ea5e9;
    --login-end:           #0369a1;
}

.sidebar {
    background: linear-gradient(180deg, #0ea5e9 0%, #0369a1 100%) !important;
}

.sidebar,
.sidebar a,
.sidebar .sidebar-header h4,
.sidebar .sidebar-header p {
    color: #ffffff !important;
}

.sidebar-menu li a.active,
.sidebar-menu-bottom li a.active {
    background: rgba(255,255,255,0.18) !important;
}

.sidebar-menu li a:hover,
.sidebar-menu-bottom li a:hover {
    background: rgba(255,255,255,0.1) !important;
}

.login-bg-gradient,
body.login-page {
    background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%) !important;
}

.btn-primary,
.btn-login,
.btn-save {
    background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%) !important;
    border-color: #0369a1 !important;
}

.btn-primary:hover,
.btn-login:hover,
.btn-save:hover {
    background: linear-gradient(135deg, #0369a1 0%, #0ea5e9 100%) !important;
}

.table-header {
    background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%) !important;
}

.settings-tabs .nav-link.active {
    color: #fff !important;
    border-left-color: #fff !important;
}

.settings-tabs .nav-link:hover {
    color: #0ea5e9 !important;
}

.nav-pills .nav-link.active {
    background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%) !important;
    border-color: #0369a1 !important;
    color: #fff !important;
}

.badge.bg-primary {
    background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%) !important;
}

.btn-outline-primary {
    color: #0ea5e9 !important;
    border-color: #0ea5e9 !important;
}

.btn-outline-primary:hover {
    background-color: #0ea5e9 !important;
    color: #fff !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 0.2rem #0ea5e9;
}

a.text-primary, .text-primary {
    color: #0ea5e9 !important;
}

.notification-bell .btn-link:hover {
    color: #0ea5e9 !important;
}

.notification-unread-indicator {
    background: #0ea5e9 !important;
}

.page-item.active .page-link {
    background-color: #0ea5e9 !important;
    border-color: #0ea5e9 !important;
}

.page-link {
    color: #0ea5e9;
}