/* assets/css/styles.css */
.nav-item { display:block; padding:0.5rem 0.75rem; border-radius:0.5rem; color:#cbd5e1; }
.nav-item:hover { background-color: rgba(255,255,255,0.06); color: #fff; }
.card { background-color: rgba(26,31,58,0.8); border: 1px solid rgba(255,255,255,0.08); border-radius: 1rem; padding: 1rem; }
.kpi { display:flex; align-items:center; gap:0.75rem; }
.kpi .value { font-size: 1.25rem; font-weight: 700; }
.kpi .label { font-size: 0.75rem; color: #94a3b8; }
.btn-primary { background:#3b82f6; border:1px solid rgba(255,255,255,.12); padding:.5rem .75rem; border-radius:.5rem; }
.btn-secondary { background:#1f2937; border:1px solid rgba(255,255,255,.12); padding:.5rem .75rem; border-radius:.5rem; }
.tab { padding:.5rem .75rem; border-radius:.5rem; cursor:pointer; }
.tab.active { background: rgba(167,139,250,.2); border:1px solid rgba(167,139,250,.4); }
.table-dark { width:100%; border-collapse: collapse; font-size: .875rem; }
.table-dark th, .table-dark td { padding:.5rem .75rem; border-bottom: 1px solid rgba(255,255,255,.08); }
.table-dark thead th { text-transform: uppercase; letter-spacing:.04em; font-size:.75rem; color:#9ca3af; }
.badge { font-size:.7rem; padding:.15rem .45rem; border-radius:.4rem; }
.badge.success { background: rgba(52,211,153,.15); color:#34d399; border: 1px solid rgba(52,211,153,.35); }
.badge.warning { background: rgba(245,158,11,.15); color:#f59e0b; border: 1px solid rgba(245,158,11,.35); }
.badge.danger { background: rgba(239,68,68,.15); color:#ef4444; border: 1px solid rgba(239,68,68,.35); }
.badge.info { background: rgba(99,102,241,.15); color:#60a5fa; border: 1px solid rgba(99,102,241,.35); }