:root{--rvpn:#073763;--soft:#f2f6fb}body{background:var(--soft);font-family:system-ui,Segoe UI,Arial}.bg-rvpn{background:linear-gradient(90deg,#062b4f,#0b5cad)}.cardx{background:#fff;border:0;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.metric{padding:22px;border-radius:18px;color:white;background:linear-gradient(135deg,#0b5cad,#073763)}.metric h2{font-size:36px;font-weight:800}#map{height:75vh;border-radius:18px}.asset-tower{background:#0d6efd}.asset-gss{background:#198754}.table-card{background:#fff;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.07)}label{font-weight:700;color:#073763}.btn-rvpn{background:#073763;color:#fff}.btn-rvpn:hover{background:#0b5cad;color:#fff}

.map-legend{
    position:absolute;
    right:18px;
    bottom:18px;
    z-index:1000;
    background:#fff;
    padding:10px 12px;
    border-radius:12px;
    box-shadow:0 8px 24px rgba(0,0,0,.18);
    font-size:13px;
    line-height:1.6;
}
.map-legend span{
    display:inline-block;
    width:24px;
    height:5px;
    margin-right:7px;
    vertical-align:middle;
    border-radius:4px;
}
.rvpn-tower-icon,.rvpn-gss-icon{background:transparent;border:0;}