:root {
    --db-blue: #1E3C72;
    --db-light-blue: #2A5298;
    --db-accent: #00A3E0;
    --db-gold: #FFD100;
    --success: #27AE60;
    --warning: #F39C12;
    --danger: #E74C3C;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', Arial, sans-serif; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); }
.navbar { background: linear-gradient(90deg, var(--db-blue) 0%, var(--db-light-blue) 100%); padding: 15px 20px; display: flex; justify-content: space-between; color: white; box-shadow: 0 10px 30px rgba(0,0,0,0.15); position: sticky; top: 0; z-index: 1000; }
.logo { font-size: 1.3em; font-weight: bold; }
.nav-links { display: flex; gap: 20px; flex: 1; margin-left: 40px; }
.nav-link { color: rgba(255,255,255,0.8); text-decoration: none; padding: 10px 15px; }
.lang-btn.active { background: var(--db-gold); color: var(--db-blue); }
.sidebar { width: 250px; background: white; border-radius: 8px; padding: 20px 0; }
.menu-item { display: flex; align-items: center; gap: 12px; padding: 12px 20px; color: #666; text-decoration: none; }
.menu-item.active { color: var(--db-blue); font-weight: 500; }
.card { background: white; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-top: 3px solid var(--db-blue); }
.btn-primary { background: linear-gradient(90deg, var(--db-blue) 0%, var(--db-light-blue) 100%); color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; }
.badge-success { background: rgba(39, 174, 96, 0.1); color: var(--success); }
.badge-warning { background: rgba(243, 156, 18, 0.1); color: var(--warning); }