/* === Jain Software - Corporate Enterprise School Theme === */
/* Inspired by: Google Workspace, Notion, Linear — clean, professional, trustworthy */

/* ===== TYPOGRAPHY ===== */
body, h1, h2, h3, h4, h5, h6, p, a, span, div, td, th, label, input, select, textarea, button {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;

/* ===== SIDEBAR - Professional Slate ===== */
.sidebar, .main_sidebar, #sidebar {
    background: #1e293b !important;
    border-right: 1px solid #334155 !important;
    box-shadow: none !important;

/* Sidebar Logo */
.sidebar-logo, .logo {
    background: transparent !important;
    border-bottom: 1px solid #334155 !important;
.logo img, .sidebar-logo img {
    background: transparent !important;
    border-radius: 8px !important;
    padding: 4px !important;
    max-height: 42px !important;
    box-shadow: none !important;
    margin: 0 !important;

/* Sidebar Menu */
.sidebar .menu-item a, .sidebar .nav-link, #sidebar ul li a {
    color: #94a3b8 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    background: transparent !important;
    transition: all 0.15s ease !important;
    padding: 9px 14px !important;
    margin: 1px 8px !important;
    border-radius: 6px !important;
    border-left: none !important;
    border-image: none !important;
#sidebar ul li a:hover {
    color: #e2e8f0 !important;
    background: #334155 !important;

/* Sidebar Icons */
#sidebar ul li a i, #sidebar ul li a span,
.sidebar .menu-item a i, .sidebar .menu-item a span {
    color: inherit !important;

/* Submenu */
#sidebar ul li ul.list-unstyled,
#sidebar ul li.active > ul.list-unstyled,
.metismenu > li.mm-active > ul,
.metismenu ul {
    background: #162032 !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    border-left: none !important;
    border-radius: 0 !important;
#sidebar ul li ul.list-unstyled li a,
.metismenu ul li a {
    padding-left: 38px !important;
    font-size: 12.5px !important;

/* Active Parent */
#sidebar ul li.active > a,
#sidebar ul li.mm-active > a {
    background: #2563eb !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    margin: 2px 8px !important;
    box-shadow: 0 1px 3px rgba(37,99,235,0.3) !important;
    border-left: none !important;
    border-image: none !important;
/* Active Sub-item */
#sidebar ul li ul.list-unstyled li a.active,
#sidebar ul li ul.list-unstyled li.active > a,
.metismenu ul li.mm-active > a {
    color: #60a5fa !important;
    background: rgba(37,99,235,0.08) !important;
    font-weight: 600 !important;
    border-radius: 4px !important;

/* Sidebar Text Overflow */
.sidebar .menu-item a, #sidebar ul li a {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

/* ===== TOP NAV BAR ===== */
.topbar_area, .topbar-area {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: none !important;

/* Top nav buttons (Website/Dashboard/Reports) */
.fix-gr-bg {
    background: #2563eb !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;

/* Search bar */
.topbar_area input[type="text"],
.topbar_area .search_input {
    color: #64748b !important;
    border-color: #e2e8f0 !important;

/* ===== PAGE BACKGROUND ===== */
body, .main-wrapper, .main_content, .page-wrapper {
    background-color: #f8fafc !important;

/* ===== DASHBOARD CARDS ===== */
.white-box, .small-box, .state-overview .white_box,
.dashboard_stats .white-box, .card,
.chart_box, .chart-area {
    background-color: #ffffff !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06) !important;
    border: 1px solid #e2e8f0 !important;
    transition: box-shadow 0.2s ease !important;
.white-box:hover, .small-box:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.07) !important;
    transform: none !important;

/* Stats Figures */
.white-box h3, .small-box h3,
.dashboard_card_item h3,
.income-expense .white-box h3 {
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 1.75rem !important;
    -webkit-text-fill-color: #0f172a !important;
    background: none !important;
.white-box p {
    color: #64748b !important;
    font-weight: 500 !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;

/* Dashboard Titles */
.dashboard-title, .dashboard_title, .main-title,
.dashboard-title h3, .dashboard_title h3, .main-title h3 {
    background: transparent !important;
    box-shadow: none !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 1.35rem !important;
/* Don't override ALL h3 globally - only dashboard ones */

/* ===== BUTTONS ===== */
.primary-btn, .btn-primary,
button.primary-btn, a.primary-btn,
.submit-btn, .login-btn {
    background: #2563eb !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    border-radius: 6px !important;
    padding: 9px 18px !important;
    transition: all 0.15s ease !important;
.primary-btn:hover, .btn-primary:hover, .login-btn:hover {
    background: #1d4ed8 !important;
    box-shadow: 0 2px 6px rgba(37,99,235,0.25) !important;
    transform: none !important;

.btn-success {
    background: #16a34a !important;
    border: none !important;
    color: #fff !important;
    border-radius: 6px !important;
.btn-success:hover { background: #15803d !important; }

.btn-danger {
    background: #dc2626 !important;
    border: none !important;
    border-radius: 6px !important;

.btn-warning {
    background: #f59e0b !important;
    border: none !important;
    border-radius: 6px !important;

/* ===== TABLES ===== */
.table thead th {
    background: #f1f5f9 !important;
    color: #475569 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.5px !important;
    padding: 12px 14px !important;
    border-bottom: 2px solid #e2e8f0 !important;
    border-top: none !important;
.table thead th:first-child { border-top-left-radius: 8px !important; }
.table thead th:last-child { border-top-right-radius: 8px !important; }

.table tbody tr {
    transition: background 0.1s ease !important;
    border-bottom: 1px solid #f1f5f9 !important;
.table tbody tr:hover {
    background-color: #f8fafc !important;
.table tbody td {
    padding: 11px 14px !important;
    vertical-align: middle !important;
    color: #334155 !important;
    font-size: 13px !important;

/* ===== FORM INPUTS ===== */

/* ===== LOGIN PAGE ===== */
.in_logo img {
    background-color: #ffffff !important;
    border-radius: 10px !important;
    padding: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    max-height: 80px !important;

/* ===== BADGES ===== */
.badge-primary, .badge-info { background: #2563eb !important; border-radius: 4px !important; font-weight: 500 !important; font-size: 11px !important; }
.badge-success { background: #16a34a !important; border-radius: 4px !important; }
.badge-danger { background: #dc2626 !important; border-radius: 4px !important; }

/* ===== DROPDOWN ===== */
.dropdown-menu {
    border-radius: 8px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08), 0 0 1px rgba(0,0,0,0.12) !important;
    border: 1px solid #e2e8f0 !important;
    padding: 4px !important;
.dropdown-menu a {
    border-radius: 4px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
.dropdown-menu a:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;

/* ===== PAGINATION ===== */
.page-item.active .page-link {
    background: #2563eb !important;
    border-color: #2563eb !important;

/* ===== MODALS ===== */
.modal-header {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
.modal-header .modal-title { color: #0f172a !important; font-weight: 600 !important; }
.modal-content { border-radius: 12px !important; border: none !important; box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important; }

/* ===== FOOTER ===== */
.copyright_area p { color: #94a3b8 !important; font-size: 12px !important; }

/* ===== SWEETALERT ===== */
.swal2-popup { border-radius: 12px !important; }
.swal2-confirm { background: #2563eb !important; border-radius: 6px !important; }
.swal2-cancel { border-radius: 6px !important; }

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }



/* Text Brand Logo - Clean Version */
.sidebar-header img { display: none !important; }
.sidebar-header a::after { display: none !important; }
.sidebar-header a:first-child::after {
    content: "Jain Software\ASchoolX ERP" !important;
    white-space: pre-line !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #fff !important;
    font-family: Inter, sans-serif !important;
    text-align: center !important;
    line-height: 1.4 !important;
    display: block !important;
.sidebar-header .update_sidebar { padding: 14px 10px !important; }