.monitor-page{--m-bg:#0b0c0f;--m-panel:#111217;--m-panel2:#181b1f;--m-border:#2b2e36;--m-text:#d8d9da;--m-muted:#8e95a3;--m-green:#73bf69;--m-blue:#5794f2;--m-yellow:#f2cc0c;--m-orange:#ff9830;--m-red:#f2495c;margin:-62px calc(50% - 50vw) -92px;padding:46px max(24px,calc((100vw - 1180px)/2 + 30px)) 90px;background:linear-gradient(180deg,#0b0c0f,#111217 68%,#0d0e11);color:var(--m-text);min-height:900px}.monitor-page *{box-sizing:border-box}.monitor-page h1,.monitor-page h2,.monitor-page h3,.monitor-page p,.monitor-page span,.monitor-page small,.monitor-page strong,.monitor-page label{color:inherit}.monitor-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:26px;align-items:end;margin-bottom:28px}.monitor-eyebrow{display:inline-flex;margin-bottom:14px;padding:6px 9px;border:1px solid #343842;border-radius:4px;background:#181b1f;color:#ff9830!important;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.monitor-hero h1{max-width:880px;margin:0 0 16px;font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.01;letter-spacing:-.045em;color:#f4f5f6}.monitor-hero p{max-width:820px;margin:0;color:#a9adb5;font-size:1rem}.monitor-status-card{padding:18px;border:1px solid var(--m-border);border-radius:5px;background:var(--m-panel);box-shadow:0 16px 50px rgba(0,0,0,.25)}.monitor-status-card>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #24272d;font-size:.82rem}.monitor-status-card>div:last-child{border-bottom:0}.monitor-status-card span{color:var(--m-muted)}.monitor-status-card strong{font-size:.82rem}.monitor-status-line{justify-content:flex-start!important;align-items:center}.monitor-live-dot{width:9px;height:9px;border-radius:50%;background:var(--m-green);box-shadow:0 0 0 5px rgba(115,191,105,.12)}.monitor-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px;padding:10px;border:1px solid var(--m-border);border-radius:4px;background:#111217}.monitor-toolbar label{display:flex;flex-direction:column;gap:4px;color:var(--m-muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.monitor-toolbar select,.monitor-toolbar button,.monitor-rules input{min-height:36px;border:1px solid #3b3f48;border-radius:3px;background:#1c1f24;color:#e5e7eb;font:inherit}.monitor-toolbar select{padding:0 30px 0 10px}.monitor-toolbar button{padding:0 14px;cursor:pointer;font-size:.8rem;font-weight:700}.monitor-toolbar button:hover{border-color:#6c7380;background:#242830}.monitor-button--alert{border-color:#753843!important;background:#3c2026!important;color:#ffb6bf!important}.monitor-toolbar__status{margin-left:auto;padding:7px 10px;color:#9ea4ae!important;font-size:.76rem}.monitor-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.monitor-kpis article{min-width:0;padding:15px 16px;border:1px solid var(--m-border);border-radius:4px;background:var(--m-panel)}.monitor-kpis span{display:block;color:#9ca1aa;font-size:.73rem;font-weight:700}.monitor-kpis strong{display:block;margin:4px 0 2px;color:#f4f5f7;font-size:1.55rem;line-height:1.1}.monitor-kpis small{display:block;overflow:hidden;color:#6f7682;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.monitor-panel{min-width:0;border:1px solid var(--m-border);border-radius:4px;background:var(--m-panel);overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.13)}.monitor-panel--wide{grid-column:1/-1}.monitor-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border-bottom:1px solid #262930;background:linear-gradient(180deg,#17191e,#131519)}.monitor-panel>header span{display:block;color:#747b87;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.monitor-panel>header h2{margin:2px 0 0;color:#e8e9ea;font-size:.96rem;letter-spacing:0}.monitor-panel__live{padding:4px 6px;border:1px solid rgba(115,191,105,.26);border-radius:3px;background:rgba(115,191,105,.08);color:var(--m-green)!important}.monitor-panel canvas{display:block;width:100%;height:270px;background:#111217}.monitor-panel:not(.monitor-panel--wide) canvas{height:220px}.monitor-legend{display:flex;flex-wrap:wrap;gap:16px;padding:9px 14px;border-top:1px solid #24272d;color:#a3a8b0;font-size:.72rem}.monitor-legend i{display:inline-block;width:16px;height:3px;margin-right:6px;vertical-align:middle}.series-cold{background:var(--m-green)}.series-incubator{background:var(--m-blue)}.series-freezer{background:var(--m-yellow)}.monitor-threshold{padding:9px 14px;border-top:1px solid #24272d;color:#8c929c;font-size:.72rem}.monitor-threshold strong{color:var(--m-orange)}.monitor-rules{padding:8px 14px 14px}.monitor-rules label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #25282e;color:#b5b8be;font-size:.82rem}.monitor-rules label:last-child{border-bottom:0}.monitor-rules input{width:72px;min-height:31px;padding:4px 7px;text-align:right}.mqtt-flow{display:flex;align-items:center;gap:9px;padding:18px 14px;overflow-x:auto}.mqtt-node{min-width:145px;padding:14px;border:1px solid #343840;border-radius:4px;background:#17191e}.mqtt-node>span{display:block;color:#68707b;font-size:.62rem;font-weight:800}.mqtt-node strong{display:block;margin:3px 0;color:#e2e4e7;font-size:.9rem}.mqtt-node small{display:block;color:#818894;font-size:.7rem}.mqtt-node--broker{border-color:#6d5b21;background:#201d13}.mqtt-node--alert{border-color:#71343e;background:#211417}.mqtt-link{min-width:62px;text-align:center;color:#6e7580}.mqtt-link span{display:block;color:#f2cc0c;font-family:ui-monospace,monospace;font-weight:800;letter-spacing:.1em}.mqtt-link small{display:block;color:#6d737d;font-size:.6rem}.topic-table{padding:0 14px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem}.topic-table>div{display:grid;grid-template-columns:1.8fr 1.2fr 1fr .6fr;gap:8px;padding:8px 10px;border-bottom:1px solid #272a31;color:#a8adb5}.topic-table>div:first-child{background:#181b1f;color:#737b86;font-family:inherit;font-weight:800;text-transform:uppercase}.topic-alert{color:#ff6678!important;font-weight:800}.topic-ok{color:#73bf69!important}.alert-feed{padding:10px 14px 14px}.alert-empty{padding:26px 10px;text-align:center;color:#6d737d;font-size:.78rem}.alert-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #272a31}.alert-item__dot{width:8px;height:8px;border-radius:50%;background:var(--m-red)}.alert-item strong{display:block;color:#e8e9eb;font-size:.77rem}.alert-item small{display:block;color:#747b86;font-size:.64rem}.alert-item>span:last-child{color:#f2495c;font-size:.64rem;text-transform:uppercase}.route-list{padding:8px 14px 14px}.route-list>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #272a31}.route-list>div:last-child{border-bottom:0}.route-icon{display:grid;place-items:center;width:34px;height:30px;border:1px solid #3b3f48;border-radius:3px;background:#1b1e23;color:#a9afb9!important;font-size:.65rem;font-weight:800}.route-list strong{display:block;color:#e2e4e7;font-size:.78rem}.route-list small{display:block;color:#747b86;font-size:.66rem}.route-list>div>span:last-child{color:#73bf69;font-size:.64rem;text-transform:uppercase}.monitor-explainer{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;margin-top:18px;padding:24px;border:1px solid #30343c;border-radius:4px;background:#14161a}.monitor-explainer>div>span{color:#ff9830;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.monitor-explainer h2{margin:5px 0 0;color:#f0f1f2;font-size:clamp(1.4rem,3vw,2rem)}.monitor-explainer p{margin:0;color:#9ca2ab;font-size:.9rem}.monitor-page select:focus,.monitor-page button:focus,.monitor-page input:focus{outline:2px solid #5794f2;outline-offset:2px}@media(max-width:820px){.monitor-page{margin-top:-42px;margin-bottom:-66px;padding:34px 20px 70px}.monitor-hero{grid-template-columns:1fr}.monitor-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-grid{grid-template-columns:1fr}.monitor-panel--wide{grid-column:auto}.monitor-explainer{grid-template-columns:1fr}.mqtt-flow{align-items:stretch}.mqtt-node{min-width:130px}.topic-table{overflow-x:auto}.topic-table>div{min-width:650px}.monitor-toolbar__status{width:100%;margin-left:0;padding-left:0}.monitor-panel canvas,.monitor-panel:not(.monitor-panel--wide) canvas{height:220px}}@media(max-width:480px){.monitor-kpis{grid-template-columns:1fr}.monitor-hero h1{font-size:2.15rem}.monitor-toolbar>*{width:100%}.monitor-toolbar select,.monitor-toolbar button{width:100%}.monitor-rules label{align-items:flex-start}.monitor-panel canvas,.monitor-panel:not(.monitor-panel--wide) canvas{height:190px}}@media(prefers-reduced-motion:reduce){.monitor-live-dot{box-shadow:none}}