:root{ --va-red:#E30613; --va-navy:#0E1A2B; }
body { font-family: 'Poppins', sans-serif; }
.nav-link{ color:#0E1A2B; } .dark .nav-link{ color:#fff; }
.card{background:white;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 12px 28px rgba(0,0,0,0.08);} 
.dark .card{ background:#0f172a; border-color: rgba(255,255,255,.1); }
.legend-badge{display:inline-flex;align-items:center;gap:6px;padding:.25rem .6rem;border-radius:999px;font-weight:600;border:1px solid #e5e7eb;background:#fff}
.legend-badge.platinum{border-color:#cfdcff;background:#eef3ff;color:#283b6a}
.legend-badge.gold{border-color:#f3d24a;background:#fff7d6;color:#7a5a00}
.legend-badge.silver{border-color:#c7d0dc;background:#eef2f7;color:#49566a}
.legend-badge.bronze{border-color:#f5b797;background:#ffeede;color:#8b4b2b}
.legend-badge.improved{border-color:#8ad1ff;background:#ebf6ff;color:#0c4a6e}
.legend-badge.starter{border-color:#9fe0b9;background:#e8fff2;color:#236b3b}
.th{ text-align:left; font-weight:600; padding:1rem 1rem; }
.fab{ background:#E30613; color:#fff; border-radius:999px; padding:.8rem 1.1rem; box-shadow:0 12px 34px rgba(227,6,19,.35); font-weight:700; }
.badge{display:inline-flex;align-items:center;gap:6px;padding:.25rem .6rem;border-radius:999px;font-weight:600;font-size:12px;border:1px solid #e5e7eb;background:#fff}
.dark .badge{ border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.06); }
.tag{font-size:.75rem;border:1px solid #e5e7eb;border-radius:999px;padding:.15rem .5rem}
.dark .tag{ border-color: rgba(255,255,255,.2); }
.filter-pill{border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:999px;font-size:.9rem;background:white} .filter-pill.active{border-color:#E30613;color:#E30613}
.dark .filter-pill{ background: transparent; border-color: rgba(255,255,255,.2); color:#fff; }
.zebra tr:nth-child(even){ background:#fafafb; } .dark .zebra tr:nth-child(even){ background: rgba(255,255,255,.04); }
.modal{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,.5); }
.modal.open{ display:flex; }
.modal-card{ background:white; color:#0E1A2B; border-radius:1rem; padding:1rem 1.25rem; max-width:640px; width:calc(100% - 2rem); }
.dark .modal-card{ background:#0f172a; color:#fff; }