.monitoring-shell{color:#10194a;min-height:100vh;font-family:var(--font-ui);background:radial-gradient(circle at 50% 35%,#dceeff99,#0000 34%),linear-gradient(145deg,#fff,#f8fbff 58%,#fff);padding:18px clamp(16px,4vw,68px) 60px}.monitoring-topbar{max-width:1540px}.monitoring-nav{grid-area:nav;justify-content:center;align-items:center;gap:clamp(20px,2.5vw,42px);display:flex}.monitoring-nav a{font-size:var(--text-meta);font-weight:var(--font-weight-bold)}.monitoring-nav a.active{color:#174de5}.monitoring-heading{justify-content:space-between;align-items:center;gap:24px;max-width:1320px;margin:46px auto 22px;display:flex}.monitoring-heading small{color:#174de5;font-size:var(--text-meta);font-weight:var(--font-weight-semibold)}.monitoring-heading h1{font-size:var(--text-hero);margin:8px 0}.monitoring-heading p{color:#687598;margin:0;line-height:1.9}.monitoring-ready{color:#16876c;font-size:var(--text-meta);font-weight:var(--font-weight-bold);white-space:nowrap;background:#effaf6;border:1px solid #cce9df;border-radius:99px;align-items:center;gap:8px;padding:11px 15px;display:flex}.monitoring-ready i{background:#18b785;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #18b7851c}.monitoring-wizard{background:#fff;border:1px solid #dbe7fa;border-radius:26px;max-width:1320px;margin:auto;overflow:hidden;box-shadow:0 25px 70px #24477616}.monitoring-steps{background:#fbfdff;border-bottom:1px solid #e3ebf7;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 22px;display:grid}.monitoring-steps button{color:#687598;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:13px;align-items:center;gap:10px;padding:11px;display:flex}.monitoring-steps button span{width:30px;height:30px;font-weight:var(--font-weight-semibold);background:#edf3ff;border-radius:9px;place-items:center;display:grid}.monitoring-steps button.active{color:#174de5;background:#edf4ff}.monitoring-steps button.active span,.monitoring-steps button.done span{color:#fff;background:#174de5}.wizard-pane>header{justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px;display:flex}.wizard-pane>header h2{font-size:var(--text-card);margin:0 0 7px}.wizard-pane>header p{color:#687598;margin:0;line-height:1.8}.wizard-pane>header>b{color:#174de5;font-size:var(--text-meta);white-space:nowrap}.monitor-resource-grid,.monitor-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.monitor-resource-grid>label{cursor:pointer;background:#fff;border:1px solid #dbe7fa;border-radius:15px;align-items:center;gap:12px;padding:14px;display:flex}.monitor-resource-grid>label.selected{background:#f2f6ff;border-color:#174de5}.monitor-resource-grid input,.monitor-alert-grid input,.monitor-charts input,.monitor-profile input,.monitor-notifications input{accent-color:#174de5;width:17px;height:17px}.resource-symbol{color:#174de5;width:40px;height:40px;font-style:normal;font-size:var(--text-card);background:#edf3ff;border-radius:11px;place-items:center;display:grid}.monitor-resource-grid span{flex:1;gap:4px;display:grid}.monitor-resource-grid small{color:#7885a8;font-size:var(--text-meta)}.monitor-resource-grid em{color:#16876c;font-size:var(--text-meta);font-style:normal}.monitor-profile{margin-top:24px}.monitor-profile h3,.monitor-charts h3{font-size:var(--text-section)}.monitor-profile>label{cursor:pointer;border-bottom:1px solid #edf1f7;align-items:center;gap:9px;margin-top:8px;padding:10px;display:flex}.monitor-profile>label small{color:#174de5;font-size:var(--text-meta);background:#edf4ff;border-radius:99px;margin-right:auto;padding:4px 8px}.monitor-alert-grid article{background:#fff;border:1px solid #dbe7fa;border-radius:15px;padding:15px}.monitor-alert-grid article.enabled{background:#f6f9ff;border-color:#9ab7ff}.monitor-alert-grid article>label{cursor:pointer;align-items:start;gap:10px;display:flex}.monitor-alert-grid article>label span{gap:4px;display:grid}.monitor-alert-grid article small{color:#7885a8}.monitor-alert-grid article>div{grid-template-columns:1fr 1fr;gap:8px;margin:12px 27px 0 0;display:grid}.monitor-alert-grid article>div label{color:#687598;font-size:var(--text-meta);gap:5px;display:grid}.monitor-alert-grid select,.monitor-notifications select{color:#10194a;height:36px;font:inherit;background:#fff;border:1px solid #cddbef;border-radius:9px;padding:0 8px}.monitor-charts{margin-top:25px}.monitor-charts>div{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.monitor-charts label{cursor:pointer;border:1px solid #dbe7fa;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:12px;display:grid}.monitor-charts label.selected{background:#f2f6ff;border-color:#174de5}.monitor-charts svg{color:#174de5;grid-column:1/-1;width:100%;height:44px}.monitor-charts polyline{fill:none;stroke:currentColor;stroke-width:2px}.monitor-bale{background:#f2f8ff;border:1px solid #cfe0f7;border-radius:19px;grid-template-columns:1.15fr .85fr;align-items:center;gap:20px;padding:22px;display:grid}.monitor-bale h3{margin-top:0}.monitor-bale ul{color:#687598;padding-right:20px;line-height:2}.monitor-bale aside{background:#fff;border:1px solid #dbe7fa;border-radius:25px;place-items:center;min-height:250px;display:grid}.monitor-bale aside>div{background:#e9f3ff;border-radius:14px 14px 4px;max-width:230px;padding:14px;line-height:1.9}.monitor-primary{color:#fff!important;font-weight:var(--font-weight-bold)!important;background:linear-gradient(110deg,#2430ee,#09c5e7)!important;border:0!important}.monitor-bale button,.monitoring-content footer button{color:#174de5;cursor:pointer;background:#fff;border:1px solid #cddbef;border-radius:11px;min-height:42px;padding:0 16px}.bale-success{color:#16876c;gap:8px;display:grid}.bale-success button{color:#b4233a;justify-self:start}.preview-note{color:#8a6780;font-size:var(--text-meta);margin-top:12px;display:block}.monitor-notifications{flex-wrap:wrap;align-items:end;gap:20px;margin-top:20px;display:flex}.monitor-notifications>label{align-items:center;gap:8px;display:flex}.monitor-notifications>label:last-child{gap:5px;margin-right:auto;display:grid}.monitoring-empty{text-align:center;color:#687598;padding:35px}.monitor-saved{color:#176c59;background:#eaf9f5;border-radius:14px;gap:5px;margin-top:18px;padding:15px;display:grid}.monitoring-content>footer{color:#687598;font-size:var(--text-meta);border-top:1px solid #e3ebf7;justify-content:space-between;align-items:center;gap:14px;margin-top:25px;padding-top:18px;display:flex}.monitoring-content>footer>div{gap:8px;display:flex}.monitoring-content footer button:disabled{opacity:.45;cursor:not-allowed}html[data-theme=dark] .monitoring-shell{color:#edf3ff;background:radial-gradient(circle at 50% 35%,#172a554d,#0000 34%),linear-gradient(145deg,#080d20,#0d152b 58%,#080d20)}html[data-theme=dark] .monitoring-wizard,html[data-theme=dark] .monitor-resource-grid>label,html[data-theme=dark] .monitor-alert-grid article,html[data-theme=dark] .monitor-bale aside,html[data-theme=dark] .monitor-alert-grid select,html[data-theme=dark] .monitor-notifications select,html[data-theme=dark] .monitoring-content footer button{color:#edf3ff;background:#111a31;border-color:#293756}html[data-theme=dark] .monitoring-steps{background:#0c1428;border-color:#293756}html[data-theme=dark] .monitoring-steps button.active,html[data-theme=dark] .monitor-resource-grid>label.selected,html[data-theme=dark] .monitor-alert-grid article.enabled,html[data-theme=dark] .monitor-charts label.selected{background:#18284b}html[data-theme=dark] .monitor-bale{background:#111d35;border-color:#38517d}html[data-theme=dark] .monitor-bale aside>div{background:#1b2a4c}html[data-theme=dark] .monitoring-heading p,html[data-theme=dark] .wizard-pane>header p,html[data-theme=dark] .monitor-bale ul{color:#a9b6d2}@media (max-width:900px){.monitoring-nav{display:none}.monitor-resource-grid,.monitor-alert-grid{grid-template-columns:1fr}.monitor-charts>div{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.monitoring-shell{padding:10px}.monitoring-heading{margin-top:28px;display:grid}.monitoring-ready{justify-self:start}.monitoring-steps{grid-template-columns:1fr}.monitoring-steps button:not(.active){display:none}.monitoring-content{padding:17px}.wizard-pane>header{display:grid}.monitor-charts>div,.monitor-bale{grid-template-columns:1fr}.monitor-alert-grid article>div{margin-right:0}.monitor-notifications{display:grid}.monitoring-content>footer{flex-direction:column;align-items:stretch}.monitoring-content>footer>div{justify-content:space-between}}.monitor-charts label>small{color:#174de5;font-size:var(--text-meta);margin-right:auto}.monitor-price{background:linear-gradient(135deg,#f4f7ff,#eefcff);border:1px solid #cddcf5;border-radius:15px;gap:8px;margin-top:18px;padding:15px;display:grid}.monitor-price>div,.monitor-price>strong{justify-content:space-between;align-items:center;gap:12px;display:flex}.monitor-price>div{color:#687598;font-size:var(--text-meta)}.monitor-price>div b{color:#10194a}.monitor-price>strong{color:#174de5;font-size:var(--text-label);border-top:1px solid #dbe7fa;padding-top:10px}html[data-theme=dark] .monitor-price{background:linear-gradient(135deg,#152343,#102b3b);border-color:#38517d}html[data-theme=dark] .monitor-price>div b{color:#edf3ff}html[data-theme=dark] .monitor-price>strong{border-color:#293958}.monitoring-heading,.monitoring-wizard{max-width:1180px}.monitoring-heading{margin:34px auto 18px}.monitoring-heading h1{font-size:var(--text-hero);line-height:1.45}.monitoring-heading p{font-size:var(--text-body)}.monitoring-wizard{border-radius:22px;box-shadow:0 20px 55px #24477612}.monitoring-steps{gap:6px;padding:12px 16px}.monitoring-steps button{min-height:46px;font-weight:var(--font-weight-semibold);font-size:var(--text-button);line-height:1.5;font-family:var(--font-ui);border-radius:11px;padding:8px 12px}.monitoring-steps button span{width:26px;height:26px;font-size:var(--text-button);border-radius:8px}.monitoring-content{padding:22px}.wizard-pane>header{margin-bottom:17px}.wizard-pane>header h2{font-size:var(--text-card)}.wizard-pane>header p{font-size:var(--text-body)}.monitor-bale{border-radius:16px;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:16px;padding:18px}.monitor-bale h3{font-size:var(--text-section)}.monitor-bale ul{font-size:var(--text-meta);margin:8px 0 14px;line-height:1.9}.monitor-bale aside{border-radius:17px;min-height:190px}.monitor-bale aside>div{width:min(100%,220px);font-size:var(--text-meta);border-radius:13px 13px 4px;padding:13px}.monitor-bale aside p{margin:7px 0 0;line-height:1.9}.monitor-bale button,.monitoring-content footer button{min-height:38px;font-weight:var(--font-weight-semibold);font-size:var(--text-button);line-height:1.5;font-family:var(--font-ui);border-radius:10px;padding:0 14px;transition:transform .2s,border-color .2s,box-shadow .2s}.monitor-bale button:hover,.monitoring-content footer button:not(:disabled):hover{border-color:#8eb0f5;transform:translateY(-1px);box-shadow:0 7px 16px #2452a912}.monitor-notifications{gap:10px;margin-top:14px}.monitor-notifications>label{color:#24305e;min-height:42px;font-size:var(--text-meta);font-weight:var(--font-weight-semibold);background:#fbfdff;border:1px solid #e0e9f6;border-radius:11px;padding:7px 11px}.monitor-notifications>label:last-child{grid-template-columns:auto 150px;align-items:center;gap:9px;margin-right:auto}.monitor-alert-grid input,.monitor-charts input,.monitor-resource-grid input,.monitor-notifications input{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff;border:1px solid #b8c8df;border-radius:5px;flex:none;place-content:center;width:16px;height:16px;margin:0;display:grid}.monitor-alert-grid input:before,.monitor-charts input:before,.monitor-resource-grid input:before,.monitor-notifications input:before{content:"";clip-path:polygon(14% 44%,0 59%,38% 100%,100% 18%,82% 0,37% 67%);background:#fff;border-radius:2px;width:8px;height:8px;transition:transform .12s;transform:scale(0)}.monitor-alert-grid input:checked,.monitor-charts input:checked,.monitor-resource-grid input:checked,.monitor-notifications input:checked{background:#1558ec;border-color:#1558ec;box-shadow:0 3px 8px #1558ec30}.monitor-alert-grid input:checked:before,.monitor-charts input:checked:before,.monitor-resource-grid input:checked:before,.monitor-notifications input:checked:before{transform:scale(1)}.monitor-profile input{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff;border:1px solid #b8c8df;border-radius:50%;flex:none;place-content:center;width:16px;height:16px;margin:0;display:grid}.monitor-profile input:before{content:"";background:#1558ec;border-radius:50%;width:8px;height:8px;transition:transform .12s;transform:scale(0)}.monitor-profile input:checked{border-color:#1558ec;box-shadow:0 0 0 3px #1558ec12}.monitor-profile input:checked:before{transform:scale(1)}.monitor-alert-grid select,.monitor-notifications select{height:34px;font-weight:var(--font-weight-bold);font-size:var(--text-meta);font-family:var(--font-ui);cursor:pointer;background-color:#fff;border-color:#cbd8eb;border-radius:9px;outline:none;padding:0 10px}.monitor-alert-grid select:focus,.monitor-notifications select:focus{border-color:#1558ec;box-shadow:0 0 0 3px #1558ec12}.monitoring-content>footer{margin-top:17px;padding-top:14px}.preview-note{font-size:var(--text-meta);line-height:1.8}html[data-theme=dark] .monitor-notifications>label{color:#dce6fa;background:#111a31;border-color:#293756}html[data-theme=dark] .monitor-alert-grid input,html[data-theme=dark] .monitor-charts input,html[data-theme=dark] .monitor-resource-grid input,html[data-theme=dark] .monitor-notifications input,html[data-theme=dark] .monitor-profile input{background:#0c1428;border-color:#526482}html[data-theme=dark] .monitor-alert-grid input:checked,html[data-theme=dark] .monitor-charts input:checked,html[data-theme=dark] .monitor-resource-grid input:checked,html[data-theme=dark] .monitor-notifications input:checked{background:#2760ef;border-color:#4e7aff}@media (max-width:650px){.monitoring-heading h1{font-size:var(--text-hero)}.monitor-bale{grid-template-columns:1fr}.monitor-notifications>label:last-child{grid-template-columns:1fr;margin-right:0}.monitoring-content{padding:15px}.monitoring-steps{padding:10px 12px}}