/* Modern UI enhancements for tables and system-wide elements */

/* Table styles */
.modern-table {
    background: rgba(255,255,255,0.97);
    border-radius: 1.2rem;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(78,84,200,0.07);
}
.modern-table thead {
    background: linear-gradient(90deg, #e0e7ff 0%, #f8fafc 100%);
    border: none;
}
.modern-table th, .modern-table td {
    border: none !important;
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
    font-size: 1.05rem;
}
.table-row-effect {
    transition: background 0.2s, box-shadow 0.2s;
}
.table-row-effect:hover {
    background: #f0f4ff !important;
    box-shadow: 0 2px 12px rgba(78,84,200,0.08);
}
.modern-action-btn {
    background: linear-gradient(135deg, #f8fafc 60%, #e0e7ff 100%);
    color: #4e54c8;
    box-shadow: 0 2px 8px rgba(78,84,200,0.10);
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}
.modern-action-btn:hover, .modern-action-btn:focus {
    background: #e0e7ff;
    color: #222;
    box-shadow: 0 4px 16px rgba(78,84,200,0.13);
}
.dropdown-menu {
    min-width: 170px;
    border-radius: 1rem;
    font-size: 1rem;
    box-shadow: 0 4px 24px rgba(78,84,200,0.10);
}

/* Glass effect for main container */
.glass-main-container {
    background: rgba(255,255,255,0.85);
    border-radius: 2.2rem;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.18);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.25);
    margin: 2.5rem auto 2rem auto;
    max-width: 1400px;
    min-height: 80vh;
    overflow: hidden;
}

/* Navbar styles */
.navbar {
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.navbar-light .navbar-nav .nav-link {
    color: #495057;
    transition: color 0.3s ease, background-color 0.3s ease;
    border-radius: 5px;
}
.navbar-light .navbar-nav .nav-link:hover {
    background-color: #f0f4ff;
    color: #0d6efd;
}
.navbar-light .navbar-nav .nav-link.active {
    color: #0d6efd;
    font-weight: 600;
}
.btn-outline-primary {
    border-color: #0d6efd;
    color: #0d6efd;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.btn-outline-primary:hover {
    background-color: #0d6efd;
    color: #ffffff;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .glass-main-container {
        border-radius: 1.2rem;
        margin: 1rem auto;
    }
    .navbar {
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
    }
}

/* Add more modern styles as needed */