:root {
  --color-primary: #2980b9;
  --color-primary-dark: #1a6fa0;
  --color-secondary: #2c3e50;
  --shadow: 0 4px 20px rgba(0,0,0,0.08);
}
body { background-color: #f0f2f5; font-family: 'Segoe UI', system-ui, sans-serif; }

/* NAVBAR */
.bg-primary-sg { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%) !important; }
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,0.85) !important; transition: color .2s; }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active { color: #fff !important; }

/* BUTTONS */
.btn-primary-sg { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }
.btn-primary-sg:hover { background: var(--color-primary-dark); border-color: var(--color-primary-dark); color: #fff; }

/* STAT CARDS */
.stat-card { border-radius: 16px; padding: 20px; position: relative; overflow: hidden; box-shadow: var(--shadow); transition: transform .2s; }
.stat-card:hover { transform: translateY(-3px); }
.stat-card .stat-icon { font-size: 2.5rem; opacity: .2; position: absolute; right: 16px; top: 12px; }
.stat-card .stat-number { font-size: 2.2rem; font-weight: 800; line-height: 1.1; }
.stat-card .stat-label { font-size: .82rem; opacity: .85; margin-top: 4px; }

/* CARDS */
.card { transition: box-shadow .2s; }
.card:hover { box-shadow: 0 6px 28px rgba(0,0,0,0.1) !important; }
.rounded-4 { border-radius: 16px !important; }
.rounded-top-4 { border-radius: 16px 16px 0 0 !important; }

/* LOGIN */
.login-page { background: linear-gradient(135deg, #2980b9 0%, #2c3e50 100%); }
.card-header-login { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%); }
.logo-circle { width:80px;height:80px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;backdrop-filter:blur(4px);border:3px solid rgba(255,255,255,0.3); }
.logo-circle i { color: white; }

/* SITIO ICON */
.sitio-icon { width:36px;height:36px;background:#dbeeff;color:var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.sitio-badge { width:44px;height:44px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:white;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem; }

/* TABLE */
.table-primary thead th { background: var(--color-primary) !important; color: white; border-color: var(--color-primary-dark); }

/* PAGE HEADER */
.page-header { border-bottom: 2px solid #f0f0f0; padding-bottom: 12px; }

/* FOOTER */
.footer { background: white !important; }

@media (max-width: 576px) {
  .stat-card .stat-number { font-size: 1.6rem; }
  .container-fluid { padding-left: 12px !important; padding-right: 12px !important; }
}
@media print { body { background: white; } .navbar, .footer, .no-print { display: none !important; } }