/* style.css */
:root {
    --brand-blue: #0052cc;
    --brand-light: #f0f7ff;
    --brand-dark: #003d99;
    --gray-bg: #f9fafb;
}

body {
    background-color: var(--gray-bg);
    font-family: 'Inter', sans-serif;
}

.active-link { 
    background-color: var(--brand-light); 
    border-right: 4px solid var(--brand-blue); 
    color: var(--brand-blue) !important; 
    font-weight: 800; 
}

.tab-content { display: none; }
.tab-content.active { display: block; }

.form-label { 
    font-size: 10px; 
    font-weight: 700; 
    color: #9ca3af; 
    text-transform: uppercase; 
    margin-bottom: 4px; 
    display: block; 
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--brand-blue); }

/* Tabel styling */
tr:hover { background-color: rgba(240, 247, 255, 0.5); transition: background 0.2s; }