


<style>
/* Dynamic Theme CSS - Generated from Database Settings */

:root {
    --primary-color: #d21919;
    --secondary-color: #3674d9;
    --primary-rgb: 210, 25, 25;
    --secondary-rgb: 54, 116, 217;
}

/* Primary Color Overrides */
.bg-orange-500,
.hover\:bg-orange-600:hover,
.bg-gradient-to-r.from-orange-500 {
    background-color: var(--primary-color) !important;
}

.text-orange-500,
.text-orange-600,
.hover\:text-orange-500:hover {
    color: var(--primary-color) !important;
}

.border-orange-500,
.focus\:ring-orange-500:focus {
    border-color: var(--primary-color) !important;
}

/* Gradient Overrides */
.bg-gradient-to-r.from-orange-500.to-orange-600,
.from-orange-500.to-orange-600 {
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
}

.hover\:from-orange-600:hover.hover\:to-orange-700:hover {
    background: linear-gradient(to right, var(--secondary-color), var(--primary-color)) !important;
}

/* Button Styles */
button.bg-orange-500,
a.bg-orange-500,
.btn-primary {
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
}

button.bg-orange-500:hover,
a.bg-orange-500:hover,
.btn-primary:hover {
    background: linear-gradient(to right, var(--secondary-color), var(--primary-color)) !important;
}

/* Badge and Tag Colors */
.bg-orange-100 {
    background-color: rgba(var(--primary-rgb), 0.1) !important;
}

.bg-orange-50 {
    background-color: rgba(var(--primary-rgb), 0.05) !important;
}

.text-orange-800,
.text-orange-700 {
    color: var(--secondary-color) !important;
}

/* Sidebar Active State */
.sidebar-header {
    background: linear-gradient(to right, var(--secondary-color), var(--primary-color)) !important;
}

/* Focus Ring Colors */
.focus\:ring-2.focus\:ring-orange-500:focus {
    --tw-ring-color: var(--primary-color) !important;
}

.focus\:border-orange-500:focus {
    border-color: var(--primary-color) !important;
}

/* Hover Background */
.hover\:bg-orange-50:hover {
    background-color: rgba(var(--primary-rgb), 0.05) !important;
}

.hover\:bg-orange-100:hover {
    background-color: rgba(var(--primary-rgb), 0.1) !important;
}

/* Custom Utility Classes */
.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-secondary {
    background-color: var(--secondary-color) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

.border-secondary {
    border-color: var(--secondary-color) !important;
}

/* Gradient Backgrounds */
.bg-gradient-primary {
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
}

.bg-gradient-primary-reverse {
    background: linear-gradient(to right, var(--secondary-color), var(--primary-color)) !important;
}
.th {
    text-align: right !important;
}
.td {
    text-align: right !important;
}
.text-right {
    text-align: right !important;
}
</style>