.monitor-page{max-width:1200px;margin:auto;padding:24px}.monitor-summary{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}.monitor-summary article{background:#e8f1e9;border-left:5px solid #2d6658;padding:20px 28px;display:grid;gap:4px}.monitor-summary strong{font-size:2.2rem}.monitor-chart{width:100%;height:auto;min-height:190px;background:#fffdf7;border:1px solid #d8d7ca;border-radius:12px;margin:12px 0}.monitor-chart text{font:14px sans-serif;fill:#203d46}.monitor-grid{stroke:#e0e5df;stroke-width:1}.monitor-line{fill:none;stroke:#2d6658;stroke-width:3}.monitor-chart circle{fill:#2d6658}.monitor-chart circle:focus{stroke:#bb914c;stroke-width:5;outline:none}.monitor-table-wrap{overflow-x:auto;margin:18px 0}.monitor-page table{border-collapse:collapse;width:100%;text-align:left}.monitor-page caption{text-align:left;font-weight:600;margin-bottom:10px}.monitor-page th,.monitor-page td{border-bottom:1px solid #ddd;padding:12px;vertical-align:top}.monitor-page th small{display:block;font-weight:400}.monitor-page select{max-width:100%;padding:12px;border-radius:8px;border:1px solid #80968f;background:#fff;font:inherit}.monitor-page details{padding:16px;border:1px solid #ddd;border-radius:8px}.monitor-page summary{cursor:pointer}.monitor-page .field{max-width:440px}.monitor-page .welcome{flex-wrap:wrap;gap:12px}@media(max-width:600px){.monitor-page{padding:12px}.monitor-summary{gap:10px}.monitor-summary article{padding:14px}.monitor-page th,.monitor-page td{padding:8px}.monitor-chart text{font-size:16px}}