body { 
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif; 
    background-color: #f4f7f6; /* Lighter background */
    color: #333;
}

/* Typography & General */
h1, h2, h3, h4, h5, h6 {
    color: #1a1d20;
}

/* Floating Navigation */
.floating-nav {
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    border-bottom: 1px solid rgba(0,0,0,0.02);
}
.navbar-brand {
    letter-spacing: 0.5px;
}
.nav-link {
    color: #555 !important;
    transition: color 0.2s ease;
}
.nav-link:hover, .nav-link.active {
    color: #198754 !important; /* Success color */
}

/* Main Content Padding */
.main-wrapper {
    padding-top: 20px;
}

/* Cards & Interactivity */
.card { 
    border: none; 
    border-radius: 12px; 
    background-color: #ffffff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02); 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Interactive Dashboard Tiles */
.stat-card {
    border-left: 4px solid #28a745; 
}
.stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.06);
    cursor: default;
}
.stat-card h3 { 
    font-size: 2.2rem; 
    font-weight: 800; 
    margin-top: 12px;
    color: #212529;
}

/* Buttons and UI Elements */
.btn {
    transition: all 0.2s ease;
}
.btn:hover {
    transform: translateY(-1px);
}
.table {
    color: #444;
}
.table-light th {
    background-color: #f8f9fa;
    color: #555;
    font-weight: 600;
    border-bottom: 2px solid #edf2f0;
}
.modal-content {
    border-radius: 16px;
}