nav{padding:15px;background:#eee;font-family:sans-serif}a{margin:10px;color:#00f;text-decoration:none}.router-link-active{font-weight:700;color:green}body{font-family:sans-serif}table{width:100%;border-collapse:collapse}th,td{border:1px solid #ddd;padding:12px;text-align:left}thead{background-color:#4caf50;color:#fff}tr:nth-child(2n){background-color:#f2f2f2}.status-normal{background-color:#d4edda;color:#155724;font-weight:700}.status-warning{background-color:#fff3cd;color:#856404;font-weight:700}.status-alert{background-color:#f8d7da;color:#721c24;font-weight:700}