/* LIGHT PREMIUM SAAS THEME */
body, .body-bg {
    background: #f4f7fe !important; /* Very soft light blue/gray background */
    color: #334155 !important;
    font-family: 'Inter', 'Segoe UI', sans-serif !important;
}

/* Typography and headings */
h1, h2, h3, h4, h5, h6, .card-title, .header-title {
    color: #1e293b !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em;
}

p, span, td, th, label {
    color: #475569 !important;
}

/* Sidebar Styling */
.sidebar-menu, .sidebar-header {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: 4px 0 24px rgba(0,0,0,0.02) !important;
}
.sidebar-menu .menu-inner > nav > ul > li > a {
    color: #64748b !important;
    font-weight: 500;
    transition: all 0.3s ease;
}
.sidebar-menu .menu-inner > nav > ul > li.active > a, 
.sidebar-menu .menu-inner > nav > ul > li > a:hover {
    color: #4f46e5 !important;
    background: rgba(79, 70, 229, 0.08) !important;
    border-radius: 8px;
    margin: 0 10px;
}
.sidebar-menu .menu-inner > nav > ul > li > a i {
    color: inherit !important;
}

/* Header and Topnav */
.header-area, .page-title-area {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: none !important;
}

/* Cards - Clean White with soft shadow */
.card, .single-report {
    background: #ffffff !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 25px;
    transition: box-shadow 0.2s ease;
}
.card:hover, .single-report:hover {
    box-shadow: 0 18px 35px -5px rgba(79, 70, 229, 0.1) !important;
}

/* Data Tables */
.data-tables table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
.data-tables table thead tr th {
    border-bottom: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
    color: #64748b !important;
    padding: 15px !important;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.data-tables table tbody tr {
    transition: all 0.2s ease;
}
.data-tables table tbody tr:hover {
    background: #f1f5f9 !important;
}
.data-tables table tbody tr td {
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 15px !important;
    color: #334155 !important;
    vertical-align: middle;
}
.data-tables table tbody tr:last-child td {
    border-bottom: none !important;
}

/* Forms and Inputs */
.form-control, .custom-select {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    transition: all 0.3s ease;
}
.form-control:focus, .custom-select:focus {
    background: #ffffff !important;
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15) !important;
}

/* Pagination */
.pagination .page-item .page-link {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
}
.pagination .page-item.active .page-link {
    background: #4f46e5 !important;
    border-color: #4f46e5 !important;
    color: #ffffff !important;
}

/* Modals */
.modal-content {
    background: #ffffff !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    color: #1e293b !important;
}
.modal-header {
    border-bottom: 1px solid #f1f5f9 !important;
}
.modal-footer {
    border-top: 1px solid #f1f5f9 !important;
}

/* Buttons */
.btn-primary {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(79, 70, 229, 0.3) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 600;
    transition: all 0.3s ease;
}
.btn-primary:hover {
    box-shadow: 0 6px 15px rgba(79, 70, 229, 0.4) !important;
}
.btn-danger {
    background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%) !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(225, 29, 72, 0.3) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 600;
}

/* Breadcrumbs area */
.breadcrumbs-area h4 { color: #1e293b !important; }
.breadcrumbs-area ul li a { color: #64748b !important; }
.breadcrumbs-area ul li span { color: #94a3b8 !important; }

/* Dashboard icons */
.icon-box i {
    color: #4f46e5 !important;
    background: rgba(79, 70, 229, 0.1) !important;
    border-radius: 50% !important;
    padding: 15px;
}