* { font-family: 'Inter', sans-serif; }
  body { background:#F0F4FA; }
  /* Cards más prolijas */
  .kpi-card { border-radius:14px !important; }
  /* Sidebar más elegante */
  #sidebar { box-shadow: 4px 0 24px rgba(11,61,145,0.13); }
  /* Header con sombra suave */
  header { box-shadow: 0 2px 12px rgba(0,0,0,0.07); }
  /* Tablas más limpias */
  .table-zebra tbody tr:nth-child(even) { background:#F5F8FF; }
  .table-zebra tbody tr:hover { background:#EBF2FF; }
  /* Botones más redondeados */
  button { border-radius: 10px; }
  /* Badge más elegante */
  .badge { letter-spacing:0.3px; }
  .scroll-hide::-webkit-scrollbar{display:none}
  .scroll-hide{scrollbar-width:none}
  .badge { font-size:11px; font-weight:600; padding:3px 10px; border-radius:999px; }
  .badge-green { background:#D1FAE5; color:#065F46; }
  .badge-red { background:#FEE2E2; color:#991B1B; }
  .badge-yellow { background:#FEF3C7; color:#92400E; }
  .badge-blue { background:#DBEAFE; color:#1E3A8A; }
  .badge-gold { background:#FEF3C7; color:#92400E; }
  .badge-gray { background:#F3F4F6; color:#374151; }
  .toast { animation: slideIn 0.3s ease-out; }
  @keyframes slideIn { from{transform:translateY(-20px);opacity:0;} to{transform:translateY(0);opacity:1;} }
  .modal-overlay { background:rgba(11,61,145,0.35); backdrop-filter:blur(4px); }
  .table-zebra tbody tr:nth-child(even) { background:#F9FAFB; }
  .table-zebra tbody tr:hover { background:#EFF6FF; cursor:pointer; }
  .sidebar-link { transition:all 0.2s; }
  .sidebar-link:hover { background:rgba(255,255,255,0.1); }
  .sidebar-link.active { background:#D4A017; color:white; font-weight:600; }
  .kpi-card { transition:all 0.2s; }
  .kpi-card:hover { transform:translateY(-2px); box-shadow:0 10px 25px rgba(0,0,0,0.1); }
  .icon { width:20px; height:20px; stroke-width:2; }
  .icon-sm { width:16px; height:16px; stroke-width:2; }
  .icon-lg { width:24px; height:24px; stroke-width:2; }
  .progress-bar { height:6px; border-radius:3px; background:#E5E7EB; overflow:hidden; }
  .progress-fill { height:100%; background:linear-gradient(90deg, #0B3D91, #D4A017); }
  .spinner { width:40px; height:40px; border:4px solid #E5E7EB; border-top-color:#0B3D91; border-radius:50%; animation:spin 0.8s linear infinite; }
  @keyframes spin { to { transform: rotate(360deg); } }
  .sync-dot { width:8px; height:8px; border-radius:50%; background:#10B981; display:inline-block; margin-right:6px; }
  .sync-dot.syncing { background:#F59E0B; animation: pulse 1s infinite; }
  .sync-dot.error { background:#EF4444; }
  @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.4} }
  @media (max-width: 768px) {
    .desktop-only { display:none; }
    #sidebar { transform:translateX(-100%); transition:transform 0.3s; }
    #sidebar.open { transform:translateX(0); }
  }
  @media (min-width: 769px) { .mobile-only { display:none; } }