:root {
    --sbta-green: #228b22;
    --sbta-red: #dc143c;
    --sbta-green-light: rgba(34, 139, 34, 0.1);
    --sbta-green-hover: #1a6b1a;
    --sidebar-bg-color: #f8fafc;
    --sidebar-border-color: #e2e8f0;
}

.dark {
    --sidebar-bg-color: #1a202c;
    --sidebar-border-color: #2d3748;
}

.fi-btn-primary,
.fi-btn,
.fi-ac-btn-action,
.fi-modal-actions .fi-btn {
    background-color: var(--sbta-green) !important;
    color: #fff !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.fi-btn-primary:hover,
.fi-btn:hover,
.fi-ac-btn-action:hover {
    background-color: var(--sbta-green-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(34, 139, 34, 0.3) !important;
}

.fi-btn-danger {
    background-color: var(--sbta-red) !important;
}

.fi-sidebar {
    background-color: var(--sidebar-bg-color) !important;
    border-right: 1px solid var(--sidebar-border-color) !important;
}

.fi-sidebar-item-button:hover {
    background-color: var(--sbta-green-light) !important;
}

.fi-active > .fi-sidebar-item-button {
    background-color: var(--sbta-green-light) !important;
    border-left: 4px solid var(--sbta-green) !important;
}

.fi-active .fi-sidebar-item-label {
    color: var(--sbta-green) !important;
    font-weight: 700 !important;
}

.fi-active .fi-sidebar-item-icon {
    color: var(--sbta-green) !important;
}

.fi-input:focus,
.fi-select:focus,
textarea:focus,
input:focus {
    border-color: var(--sbta-green) !important;
    --tw-ring-color: var(--sbta-green) !important;
}

.fi-ta-header-cell-label {
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}

.fi-badge-color-success {
    background-color: var(--sbta-green-light) !important;
    color: var(--sbta-green) !important;
}

.fi-badge-color-danger {
    background-color: rgba(220, 20, 60, 0.1) !important;
    color: var(--sbta-red) !important;
}

.fi-logo img {
    object-fit: contain !important;
    max-height: 3rem !important;
}

.fi-simple-layout {
    background: linear-gradient(120deg, #b8874d 0%, #4b8da6 100%) !important;
}

.fi-simple-main {
    background: #ef7f00 !important;
    border-radius: 1rem !important;
    border: none !important;
    box-shadow: 0 22px 45px rgba(0, 0, 0, 0.2) !important;
    padding-top: 2rem !important;
    padding-bottom: 1.75rem !important;
}

.fi-simple-page {
    gap: 1rem !important;
}

.fi-simple-page .fi-logo {
    margin-inline: auto !important;
}

.fi-simple-page .fi-simple-header-heading {
    color: #111827 !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
}

.fi-simple-page .fi-simple-header-subheading {
    color: rgba(17, 24, 39, 0.8) !important;
    text-align: center !important;
    font-weight: 600 !important;
}

.fi-simple-page .fi-fo-field-wrp-label span {
    color: #111827 !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
}

.fi-simple-page .fi-input-wrp {
    background: #f3f4f6 !important;
    border-radius: 0.6rem !important;
    border: 1px solid rgba(17, 24, 39, 0.12) !important;
}

.fi-simple-page .fi-input-wrp-input {
    color: #111827 !important;
    font-size: 0.85rem !important;
}

.fi-simple-page .fi-input-wrp:focus-within {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.45) !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
}

.fi-simple-page .fi-ac-btn-action,
.fi-simple-page .fi-btn {
    background: #0b87c8 !important;
    border-radius: 0.65rem !important;
    min-height: 2.45rem !important;
    font-weight: 700 !important;
}

.fi-simple-page .fi-ac-btn-action:hover,
.fi-simple-page .fi-btn:hover {
    background: #096ea3 !important;
    transform: none !important;
    box-shadow: none !important;
}

.fi-simple-page .fi-fo-checkbox-list,
.fi-simple-page .fi-fo-checkbox {
    color: #111827 !important;
}