:root {
    --vydurya-cyan: #00bcd4;
    --vydurya-dark: #212529;
    --vydurya-light: #f8f9fa;
}

body {
    background-color: #f4f6f9;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.navbar-brand {
    font-weight: 700;
    color: var(--vydurya-cyan) !important;
    letter-spacing: 1px;
}

.card {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    margin-bottom: 20px;
}

.badge-self {
    background-color: var(--vydurya-cyan);
    color: #fff;
}

.badge-external {
    background-color: #6c757d;
    color: #fff;
}

/* DataTables Customization */
table.dataTable thead th {
    background-color: var(--vydurya-dark);
    color: #fff;
    border-bottom: none;
}

table.dataTable tbody tr:hover {
    background-color: rgba(0, 188, 212, 0.05) !important;
}

.text-success { color: #198754 !important; font-weight: 600; }
.text-danger { color: #dc3545 !important; font-weight: 600; }