:root{--m-dark:#0f3147;--m-primary:#00aeb5;--m-bg:#eef4f7;--m-text:#425466;--m-border:#dce6eb;--m-online:#15936b;--m-slow:#d89b16;--m-vslow:#dc6b24;--m-offline:#d44343}*{box-sizing:border-box}.monitor-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}.monitor-header{background:#fff;border-bottom:1px solid var(--m-border);position:sticky;top:0;z-index:20}.monitor-nav{width:min(1180px,calc(100% - 32px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.monitor-brand,.monitor-nav nav a{color:var(--m-dark);text-decoration:none}.monitor-brand,.monitor-nav nav{display:flex;align-items:center;gap:10px}.monitor-brand img{object-fit:contain}.monitor-brand span{display:flex;flex-direction:column}.monitor-brand strong{font-size:18px}.monitor-brand small{font-size:11px;color:#70818d}.monitor-nav nav{gap:24px}.monitor-nav nav a{font-weight:600}.monitor-nav .monitor-nav-cta{background:var(--m-primary);color:#fff;padding:10px 16px;border-radius:8px}.monitor-hero{background:linear-gradient(135deg,#0f3147,#15526c);padding:64px 0 42px;color:#fff}.monitor-kicker{text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700;color:#95e7ea}.monitor-hero h1{font-size:clamp(32px,5vw,52px);margin:12px 0}.monitor-hero>div>p{font-size:18px;line-height:1.6;max-width:720px;color:#d9e9ef}.monitor-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.monitor-summary div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:18px}.monitor-summary span,.monitor-summary strong{display:block}.monitor-summary strong{font-size:25px}.monitor-summary span{font-size:12px;color:#c8dce5;margin-top:4px}.monitor-content{background:var(--m-bg);padding:32px 0 60px;min-height:600px}.monitor-toolbar{display:flex;align-items:end;gap:16px;margin-bottom:20px}.monitor-filter select,.monitor-tabs{border:1px solid var(--m-border);background:#fff}.monitor-tabs{display:flex;border-radius:9px;padding:4px}.monitor-tabs button{background:0 0;padding:10px 20px;border-radius:6px;color:var(--m-text)}.monitor-tabs button.active{background:var(--m-dark);color:#fff}.monitor-filter{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--m-text)}.monitor-filter select{height:42px;min-width:150px;border-radius:8px;padding:0 12px}.monitor-refresh,.monitor-tabs button{border:0;font-weight:700;cursor:pointer}.monitor-refresh{margin-left:auto;height:42px;border-radius:8px;background:var(--m-primary);color:#fff;padding:0 20px}.monitor-refresh:disabled{opacity:.6}.monitor-message{padding:20px;text-align:center;color:var(--m-text)}.monitor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.monitor-card{background:#fff;border:1px solid var(--m-border);border-radius:12px;padding:20px;box-shadow:0 3px 12px rgba(15,49,71,.05)}.monitor-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.monitor-card h2{font-size:20px;color:var(--m-dark);margin:0}.monitor-card .status{font-size:12px;font-weight:700;padding:6px 9px;border-radius:999px}.status.online{background:#e5f7f0;color:var(--m-online)}.status.slow{background:#fff5da;color:#9b6a00}.status.very-slow{background:#fff0e5;color:var(--m-vslow)}.status.offline{background:#fdeaea;color:var(--m-offline)}.monitor-card dl{display:grid;grid-template-columns:1fr auto;gap:9px;margin:18px 0 0;font-size:13px}.monitor-card dt{color:#71828f}.monitor-card dd{margin:0;text-align:right;color:var(--m-dark);font-weight:600}.monitor-notice{background:#fff;border:1px solid var(--m-border);border-radius:12px;padding:24px;margin-top:28px;color:var(--m-text)}.monitor-notice h2{color:var(--m-dark);margin-top:0}.monitor-notice li,.monitor-notice p{line-height:1.6}.monitor-notice ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.dot.online{background:var(--m-online)}.dot.slow{background:var(--m-slow)}.dot.very-slow{background:var(--m-vslow)}.dot.offline{background:var(--m-offline)}.monitor-cta{margin-top:28px;background:var(--m-dark);border-radius:14px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff}.monitor-cta span{color:#95e7ea;font-size:13px}.monitor-cta h2{margin:7px 0 0;font-size:22px}.monitor-cta a{white-space:nowrap;background:var(--m-primary);color:#fff;text-decoration:none;padding:13px 20px;border-radius:8px;font-weight:700}.monitor-footer{background:#092535;color:#c6d5dc;padding:28px 0}.monitor-footer>div{display:flex;gap:20px;align-items:center}.monitor-footer strong{color:#fff}.monitor-footer span{flex:1}.monitor-footer a{color:#95e7ea}@media (max-width:800px){.monitor-nav nav a:not(.monitor-nav-cta){display:none}.monitor-grid,.monitor-summary{grid-template-columns:repeat(2,1fr)}.monitor-toolbar{flex-wrap:wrap}.monitor-refresh{margin-left:0}.monitor-notice ul{grid-template-columns:1fr}.monitor-cta,.monitor-footer>div{align-items:flex-start;flex-direction:column}}@media (max-width:520px){.monitor-brand small{display:none}.monitor-hero{padding-top:44px}.monitor-grid,.monitor-summary{grid-template-columns:1fr}.monitor-toolbar{align-items:stretch;flex-direction:column}.monitor-filter select,.monitor-refresh{width:100%}.monitor-tabs button{flex:1}.monitor-tabs{display:flex}.monitor-card{padding:17px}}