:root {
    --abrar-primary: #003A57;
    --abrar-secondary: #183642;
    --abrar-accent: #FBBD97;
    --abrar-bg: #FFF5E4;
    --abrar-card: #F0F5F8;
    --abrar-success: #198754;
    --abrar-danger: #DC3545;
    --abrar-warning: #FFC107;
    --abrar-info: #0DCAF0;
}
body { background-color: var(--abrar-bg); font-family: 'Segoe UI', system-ui, sans-serif; color: var(--abrar-secondary); }
.sidebar { background-color: var(--abrar-primary); min-height: 100vh; color: white; padding-top: 20px;}
.sidebar .brand { font-size: 1.5rem; font-weight: bold; color: var(--abrar-accent); text-align: center; margin-bottom: 30px; letter-spacing: 2px;}
.sidebar .nav-link { color: rgba(255,255,255,0.8); border-radius: 8px; margin: 4px 15px; transition: 0.3s; padding: 10px 15px;}
.sidebar .nav-link:hover, .sidebar .nav-link.active { background-color: var(--abrar-accent); color: var(--abrar-primary); }
.card { background-color: var(--abrar-card); border: none; border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 58, 87, 0.05); transition: 0.3s; }
.card:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0, 58, 87, 0.1); }
.btn { border-radius: 50px; padding: 8px 24px; font-weight: 500; transition: 0.3s; }
.btn-primary { background-color: var(--abrar-primary); border-color: var(--abrar-primary); }
.btn-primary:hover { background-color: var(--abrar-secondary); border-color: var(--abrar-secondary); }
.btn-accent { background-color: var(--abrar-accent); color: var(--abrar-primary); border: none; }
.table-abrar thead th { background-color: var(--abrar-primary); color: white; border: none; }