:root { --mv:#7c3aed; --mv2:#a855f7; }
body { background:#f4f5fa; }
.bg-mv { background: linear-gradient(90deg,#4c1d95,#7c3aed); }
.text-mv { color:#a855f7; }
.btn-mv { background:linear-gradient(90deg,#7c3aed,#a855f7); color:#fff; border:none; padding:.45rem 1.1rem; border-radius:.4rem; }
.btn-mv:hover { color:#fff; filter:brightness(1.1); }
.navbar-brand span { color:#e9d5ff; }
.stat-card { border-left:4px solid var(--mv); }
.stat-card .stat-num { font-size:2rem; font-weight:800; line-height:1.1; }
.stat-card .stat-label { color:#6b7280; }
.stat-icon { float:right; font-size:1.6rem; opacity:.85; }
.login-box { width:380px; margin:10vh auto; border-radius:1rem; }
.badge.type-mikrotik { background:#1e3a8a; } .badge.type-olt { background:#7c2d12; }
.badge.type-proxmox { background:#065f46; } .badge.type-hestia { background:#4c1d95; }
.badge.type-traefik { background:#0e7490; }
pre.output-pre, pre.tpl-pre { background:#0f172a; color:#a5f3fc; padding:1rem; border-radius:.5rem; font-size:.8rem; max-height:420px; overflow:auto; white-space:pre-wrap; }
pre.tpl-pre { max-height:150px; }