:root { 
    --is-primary: #08C5D1; 
    --is-sidebar: #2c3e50;
    --is-light-bg: #f8f9fa;
}
body { font-family: 'Inter', sans-serif; font-size: 0.88rem; color: #334155; }

/* Sidebar moderne */
.sidebar { width: 260px; background: var(--is-sidebar); transition: all 0.3s; z-index: 1000; border-right: 1px solid rgba(255,255,255,0.1); }
.sidebar .nav-link { color: rgba(255,255,255,0.7); font-weight: 500; border-radius: 8px; margin-bottom: 5px; }
.sidebar .nav-link:hover, .sidebar .nav-link.active-main { background: rgba(255,255,255,0.1); color: #fff; }
.sidebar .nav-link i { font-size: 1.1rem; margin-right: 12px; }

/* Header épuré */
.header { height: 60px; background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,0.05); }

/* Utilitaires de cartes */
.card { border: none; border-radius: 12px; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.04); }

/* Transition douce pour AJAX */
.transition { transition: all 0.3s ease; }

@media (min-width: 1200px) {
  body.toggle-sidebar .sidebar { left: -260px; }
  body.toggle-sidebar .main, body.toggle-sidebar #header { margin-left: 0; }
}

.cursor-pointer { cursor: pointer; }
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.02); }