html,body,#app{min-height:100%;margin:0}body{font-family:Arial,Microsoft YaHei,sans-serif;background:#eef2f6;color:#1f2933}button{font:inherit}.ops-shell{min-height:100vh}.topbar{min-height:72px;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;background:#17324d;color:#fff}.topbar h1{margin:0;font-size:22px}.topbar p{margin:4px 0 0;color:#c8d4e3;font-size:13px}.health{padding:6px 10px;background:#8a1f11;font-size:13px}.health.ok{background:#17633a}.summary-grid{padding:16px 24px;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px}.metric,.summary-grid button{min-height:64px;padding:10px 12px;border:1px solid #cbd5e1;background:#fff;text-align:left}.metric span{display:block;color:#62748a;font-size:12px}.metric strong{display:block;margin-top:8px;font-size:22px}.summary-grid button{cursor:pointer}.content{padding:0 24px 22px}.content h2{margin:12px 0;font-size:18px}.table-wrap{overflow:auto;border:1px solid #d4dde8;background:#fff}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}th,td{padding:8px 10px;border-bottom:1px solid #e5ebf1;text-align:left}th{background:#f6f8fb;color:#526275;font-weight:600}@media(max-width:760px){.topbar,.summary-grid,.content{padding-left:14px;padding-right:14px}.summary-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}