*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#182530;font:16px/1.6 system-ui,-apple-system,sans-serif}main{max-width:1120px;margin:36px auto;padding:0 24px}header,.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}header{justify-content:space-between}a{color:#146b68}h1{font-size:32px;margin-bottom:4px}h2{font-size:22px}.muted,footer,header span{color:#586872}section{background:white;padding:24px;border:1px solid #dce4e7;border-radius:14px;margin:20px 0}input,select,button{font:inherit;border:1px solid #b5c6cc;border-radius:7px;padding:9px 12px}select{max-width:100%}button{cursor:pointer;background:#146b68;color:white}button:disabled{opacity:.45;cursor:default}#pause,#refresh{background:white;color:#285054}#connection{padding:12px 16px;background:#e4efeb;border-radius:8px}#connection.offline,.warning{background:#fff0d6;color:#754e0c;padding:12px;border-radius:8px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:20px 0}.metric{background:#f4f7f8;padding:14px;border-radius:10px}.metric strong{display:block;font-size:28px}.metric span{font-size:14px;color:#52636d}progress{width:100%;height:18px;accent-color:#188778}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e1e7ea;overflow-wrap:anywhere}td small{display:block;color:#65737c}.table-wrap{overflow-x:auto}footer{font-size:13px;margin:28px 0}[hidden]{display:none!important}@media(max-width:700px){main{padding:0 14px}.metrics{grid-template-columns:repeat(2,1fr)}section{padding:18px}header{gap:8px}h1{font-size:27px}}