.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hero-actions{display:flex;align-items:center;gap:14px}.live-updated{font-size:11px;color:var(--muted)}.live-updated b{color:var(--ink)}.live-eyebrow{display:inline-flex;align-items:center;gap:7px}.live-eyebrow i,.auto-refresh i{width:8px;height:8px;border-radius:50%;background:#20b66d;box-shadow:0 0 0 5px rgba(32,182,109,.12);animation:livePulse 1.8s infinite}.accent-metric{background:linear-gradient(145deg,#0d356d,#174fc9)!important;color:white}.accent-metric span,.accent-metric small{color:#cfe0ff!important}.auto-refresh{display:flex;align-items:center;gap:9px;color:var(--green);font-size:11px;font-weight:800}.activity-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.activity-card{border:1px solid var(--line);border-radius:15px;padding:14px;background:#f8fafd}.activity-card.is-active{background:linear-gradient(145deg,#fff,#f0f7ff);border-color:#b8d0f7;box-shadow:0 10px 24px rgba(37,99,235,.08)}.activity-top{display:flex;align-items:center;gap:10px}.activity-top>div{min-width:0}.activity-top strong,.activity-top small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-top small{font-size:10px;color:var(--muted);margin-top:3px}.activity-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#e7effe;color:var(--blue);display:grid;place-items:center;font-weight:900}.activity-signal{width:8px;height:8px;border-radius:50%;background:#b7c1cf;margin-left:auto}.is-active .activity-signal{background:#20b66d;box-shadow:0 0 0 5px rgba(32,182,109,.12);animation:livePulse 1.8s infinite}.activity-values{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px}.activity-values span{background:white;border:1px solid #e6edf7;border-radius:10px;padding:8px}.activity-values b,.activity-values small{display:block}.activity-values b{font-size:15px}.activity-values small{font-size:9px;color:var(--muted);margin-top:2px}.flow-grid{grid-template-columns:1.55fr 1fr}.live-flow{display:grid;max-height:390px;overflow:auto}.flow-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto 68px;gap:11px;align-items:center;padding:11px 3px;border-bottom:1px solid var(--line)}.flow-item:last-child{border-bottom:0}.flow-dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}.flow-dot.warning{background:var(--amber)}.flow-dot.error,.flow-dot.critical{background:var(--red)}.flow-item strong,.flow-item span{display:block}.flow-item>div span{font-size:11px;color:var(--muted);margin-top:2px}.flow-item>div span b{color:#3d4c63}.flow-item time{font-size:10px;color:var(--muted);text-align:right}.flow-performance{font-weight:800;font-size:11px;color:var(--green)}.flow-performance.slow{color:var(--amber)}.popular-routes{display:grid}.route-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.route-item:last-child{border-bottom:0}.route-rank{width:26px;height:26px;border-radius:9px;background:#eef4ff;color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:11px}.route-item strong,.route-item small{display:block}.route-item small{font-size:9px;color:var(--muted);margin-top:3px}.route-item>span:last-child{text-align:right;font-size:10px;color:var(--muted)}.route-item>span:last-child b{font-size:14px;color:var(--ink)}.live-empty{padding:34px 12px;text-align:center;color:var(--muted);font-size:12px}@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.4}}
@media(max-width:1300px){.activity-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(3,1fr)}.flow-grid{grid-template-columns:1fr}}
@media(max-width:780px){.activity-cards{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column}.auto-refresh{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.flow-item{grid-template-columns:10px minmax(0,1fr) auto}.flow-item time{display:none}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr}}