.monitor-shell,.monitor-shell *{box-sizing:border-box}body:has(.monitor-shell){background:#101312;margin:0}#root:has(.monitor-shell){min-height:100dvh}.monitor-shell{color:#f4efe4;background:radial-gradient(circle at 12% 0,#4b4c3f6b,#0000 34%),#101312;width:100%;max-width:1100px;min-height:100dvh;margin:0 auto;padding:20px 16px 40px;font-family:Segoe UI,Aptos,sans-serif}.monitor-header,.monitor-brand,.monitor-section-head,.monitor-health-row,.monitor-action-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.monitor-brand{letter-spacing:.03em;justify-content:flex-start;min-width:0;font-size:1rem}.monitor-brand>span{color:#d8b55e;border:1px solid #c9a34a;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font:1.35rem Georgia,serif;display:grid}.monitor-refresh,.monitor-range button,.monitor-onboarding button,.monitor-action-row button,.monitor-text-button{color:#f6e6bd;background:#24231d;border:1px solid #846c38;border-radius:10px;padding:9px 12px;font-weight:750}.monitor-refresh:disabled,.monitor-action-row button:disabled{opacity:.58}.monitor-hero,.monitor-card{background:linear-gradient(145deg,#363a33e6,#1b1e1ce6);border:1px solid #3c403a;border-radius:18px;box-shadow:0 14px 32px #0003}.monitor-hero{background:radial-gradient(circle at 88% 0,#69a46f40,#0000 45%),linear-gradient(145deg,#242b26,#171b19);gap:14px;margin:24px 0 12px;padding:22px;display:grid;overflow:hidden}.monitor-hero.warning{background:radial-gradient(circle at 88% 0,#d8b55e47,#0000 45%),linear-gradient(145deg,#2b2920,#191a17);border-color:#806e3e}.monitor-hero.critical{background:radial-gradient(circle at 88% 0,#a93e3a47,#0000 45%),linear-gradient(145deg,#2c2220,#1b1716);border-color:#7d3d3b}.monitor-hero p,.monitor-card>span,.monitor-section-head span,.monitor-health-row p{color:#b5b9ab;letter-spacing:.08em;margin:0;font-size:.7rem;font-weight:800}.monitor-health-row strong{color:#f2e2ad;margin-top:4px;font:clamp(2rem,8vw,3.2rem)/1 Georgia,serif;display:block}.monitor-health-dot{background:#8bc991;border:5px solid #99d69e26;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 6px #8bc99112}.monitor-hero.warning .monitor-health-dot{background:#e0b84f;border-color:#e6c26229;box-shadow:0 0 0 6px #e0b84f12}.monitor-hero.critical .monitor-health-dot{background:#df6d65;border-color:#ea786f29;box-shadow:0 0 0 6px #df6d6512}.monitor-hero-metrics{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:8px;display:grid}.monitor-hero-metrics>span{background:#080c0938;border:1px solid #bec8bb24;border-radius:11px;gap:4px;min-width:0;padding:10px 12px;display:grid}.monitor-hero-metrics small,.monitor-card small,.monitor-hero>small{color:#afb4aa;line-height:1.4}.monitor-hero-metrics small{letter-spacing:.08em;font-size:.63rem;font-weight:800}.monitor-hero-metrics b{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;overflow:hidden}.monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.monitor-card{gap:8px;min-width:0;padding:16px;display:grid}.monitor-card>strong{font-variant-numeric:tabular-nums;font-size:1.55rem}.monitor-section-head strong{margin-top:4px;font-size:1.1rem;display:block}.monitor-section-head>div{min-width:0}.monitor-section-head b{color:#eed997;font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:45%;font-size:1.35rem;overflow:hidden}.monitor-range{gap:7px;margin-top:12px;display:flex}.monitor-range button{color:#c9cdbf;border-color:#4d5149;flex:1;padding:7px}.monitor-range button.active{color:#17150f;background:#d8b55e;border-color:#d8b55e}.monitor-status-row{color:#b5b9ab;flex-wrap:wrap;gap:8px;margin:12px 0;font-size:.78rem;display:flex}.monitor-status-row span{background:#1c211d;border:1px solid #3e453e;border-radius:999px;padding:7px 9px}.monitor-status-row .healthy{color:#a9d9a8;border-color:#416545}.monitor-status-row .alert{color:#ffd0c8;border-color:#7d3d3b}.monitor-action-row{justify-content:flex-start;min-height:40px;margin:4px 0 12px}.monitor-action-row span{color:#bfc7b9;font-size:.78rem}.monitor-charts{gap:12px;margin-top:12px;display:grid}.monitor-chart-card{min-height:264px;overflow:hidden}.monitor-uplot{touch-action:manipulation;width:100%;height:190px;margin-top:8px}.monitor-uplot .u-wrap{font-family:Segoe UI,Aptos,sans-serif}.monitor-uplot .u-legend{display:none}.monitor-chart-card small{min-height:18px;font-size:.73rem}.monitor-empty{color:#a8aea4;margin:20px 0;font-size:.86rem}.monitor-alerts,.monitor-kpi-section,.monitor-activity{margin-top:12px}.monitor-alerts article{background:#2a281f;border:1px solid #61583a;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.monitor-alerts article.critical{background:#2c211f;border-color:#72403d}.monitor-alerts article>span{grid-template-columns:auto 1fr;gap:2px 8px;min-width:0;display:grid}.monitor-alerts article i{background:#dfba52;border-radius:50%;grid-row:1/3;align-self:center;width:8px;height:8px}.monitor-alerts article.critical i{background:#df6d65}.monitor-alerts article small{grid-column:2;font-size:.72rem}.monitor-alerts article>b{white-space:nowrap;font-variant-numeric:tabular-nums}.monitor-kpi-grid{background:#3b423b;border:1px solid #3b423b;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.monitor-kpi-grid>div{background:#20251f;gap:4px;min-width:0;padding:12px;display:grid}.monitor-kpi-grid>div.attention{background:#2a271e}.monitor-pulse-attention{border-color:#7d6732}.monitor-pulse-note{color:#adb5a9;margin:12px 0 0;font-size:.8rem;line-height:1.45}.monitor-kpi-grid span{color:#adb5a9;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.monitor-kpi-grid strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:1.05rem}.monitor-trend{color:#aeb5a8;margin:0;font-size:.76rem}.monitor-trend.up{color:#e6c987}.monitor-trend.down{color:#9ed0a2}.monitor-activity article{border-top:1px solid #3d443d;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.monitor-activity article div{gap:3px;min-width:0;display:grid}.monitor-activity article strong{font-size:.88rem}.monitor-activity article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.monitor-activity article small,.monitor-activity time{color:#aeb4a9;font-size:.73rem}.monitor-activity time{text-align:right;white-space:nowrap;flex:none}.monitor-text-button{color:#d9c784;background:0 0;border:0;justify-self:start;margin-top:2px;padding:7px 0}.monitor-disconnect{color:#b5b9ab;background:0 0;border:0;margin:24px auto 0;font-size:.8rem;display:block}.monitor-error{color:#ffd2ca;background:#582a29;border-radius:10px;padding:10px}.monitor-onboarding{align-content:center;gap:28px;display:grid}.monitor-onboarding .monitor-card{gap:16px}.monitor-onboarding h1{margin:0;font:2.2rem Georgia,serif}.monitor-onboarding input{color:#f4efe4;background:#161916;border:1px solid #51584e;border-radius:10px;min-width:0;padding:12px}@media (width>=620px){.monitor-shell{padding:28px 24px 48px}.monitor-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.monitor-charts{grid-template-columns:repeat(3,minmax(0,1fr))}.monitor-chart-card{min-height:264px}.monitor-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.monitor-kpi-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=420px){.monitor-shell{padding-inline:12px}.monitor-header{align-items:stretch}.monitor-brand strong{font-size:.9rem}.monitor-health-row strong{font-size:1.95rem}.monitor-hero-metrics{grid-template-columns:1fr}.monitor-activity article{align-items:flex-start}.monitor-activity time{white-space:normal;max-width:74px}}