:root{--bg:#eef1f6;--bg-elevated:#fff;--ink:#101828;--ink-soft:#344054;--muted:#667085;--line:#e4e8ef;--line-strong:#d3d9e2;--up:#12864f;--up-soft:#e7f6ee;--down:#d1352c;--down-soft:#fdecea;--paused:#b7791f;--paused-soft:#fbf3e2;--accent:#2563eb;--accent-2:#4f46e5;--accent-soft:#eaf0ff;--sidebar-bg:#0e1726;--sidebar-bg-2:#131f33;--sidebar-ink:#aeb9cc;--sidebar-ink-strong:#fff;--radius:14px;--radius-sm:9px;--shadow-sm:0 1px 2px #1018280f, 0 1px 3px #1018280d;--shadow-md:0 4px 16px #10182814;--shadow-lg:0 12px 40px #10182829;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1100px 600px at 100% -5%, #dfe7fb 0%, transparent 55%), radial-gradient(900px 500px at -10% 10%, #e4f0ea 0%, transparent 50%), var(--bg);min-height:100vh;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}code,.mono{font-family:IBM Plex Mono,ui-monospace,monospace}h1,h2,h3{margin:0}.layout{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg, var(--sidebar-bg-2), var(--sidebar-bg));width:248px;height:100vh;color:var(--sidebar-ink);border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;padding:1.1rem .9rem;display:flex;position:sticky;top:0}.sidebar-brand{color:var(--sidebar-ink-strong);align-items:center;gap:.6rem;padding:.35rem .55rem 1.1rem;display:flex}.sidebar-brand .logo{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 4px 12px #2563eb73}.sidebar-brand .brand-text{flex-direction:column;line-height:1.15;display:flex}.sidebar-brand .brand-text b{letter-spacing:-.01em;font-size:.98rem}.sidebar-brand .brand-text span{color:var(--sidebar-ink);opacity:.8;font-size:.72rem}.sidebar-nav{flex-direction:column;gap:.2rem;margin-top:.4rem;display:flex}.sidebar-nav a{color:var(--sidebar-ink);border-radius:10px;align-items:center;gap:.7rem;padding:.62rem .7rem;font-size:.92rem;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-nav a svg{opacity:.85;width:18px;height:18px}.sidebar-nav a:hover{color:#fff;background:#ffffff0f;text-decoration:none}.sidebar-nav a.active{color:#fff;background:linear-gradient(135deg,#2563eb38,#4f46e538);box-shadow:inset 0 0 0 1px #7896ff40}.sidebar-nav a.active svg{opacity:1}.sidebar-foot{margin-top:auto;padding-top:1rem}.sidebar-user{background:#ffffff0a;border-radius:10px;align-items:center;gap:.6rem;margin-bottom:.55rem;padding:.55rem .6rem;display:flex}.sidebar-user .avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:.82rem;font-weight:600;display:grid}.sidebar-user .who{overflow:hidden}.sidebar-user .who b{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;display:block;overflow:hidden}.sidebar-user .who span{opacity:.75;font-size:.72rem}.sidebar-signout{width:100%;color:var(--sidebar-ink);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff17;border-radius:9px;justify-content:center;align-items:center;gap:.5rem;padding:.55rem;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-signout:hover{color:#fff;background:#ffffff1f}.content{flex-direction:column;flex:1;min-width:0;display:flex}.content-inner{flex:1;width:min(1240px,100%);margin:0 auto;padding:1.75rem 1.75rem 3.5rem}@media (width<=860px){.layout{flex-direction:column}.sidebar{flex-flow:wrap;align-items:center;width:100%;height:auto;padding:.7rem 1rem;position:static}.sidebar-brand{margin-right:auto;padding:0}.sidebar-nav{flex-flow:wrap;margin:0}.sidebar-nav a span{display:none}.sidebar-foot{margin:0;padding:0}.sidebar-user{display:none}.content-inner{padding:1.1rem}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.page-title{letter-spacing:-.03em;font-size:1.7rem;font-weight:700}.page-sub{color:var(--muted);margin:.25rem 0 0}.panel{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.15rem 1.25rem}.panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.9rem;font-size:.72rem;font-weight:600}.metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.metric-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem 1.1rem;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card:before{content:"";background:var(--accent);width:4px;position:absolute;top:0;bottom:0;left:0}.metric-card.is-down:before{background:var(--down)}.metric-card.is-up:before{background:var(--up)}.metric-card.is-warn:before{background:var(--paused)}.metric-head{color:var(--muted);align-items:center;gap:.5rem;display:flex}.metric-head .chip{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.metric-card.is-down .chip{background:var(--down-soft);color:var(--down)}.metric-card.is-up .chip{background:var(--up-soft);color:var(--up)}.metric-card.is-warn .chip{background:var(--paused-soft);color:var(--paused)}.metric-head .metric-label{font-size:.78rem;font-weight:500}.metric-value{letter-spacing:-.03em;margin-top:.55rem;font-size:1.85rem;font-weight:700}.metric-value.sm{font-size:1.25rem}.metric-value.down{color:var(--down)}.metric-value.up{color:var(--up)}.metric-sub{color:var(--muted);margin-top:.1rem;font-size:.76rem}.summary-grid{grid-template-columns:1.15fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=940px){.summary-grid{grid-template-columns:1fr}}.current-status{flex-wrap:wrap;align-items:center;gap:1.4rem;display:flex}.donut-wrap{align-items:center;gap:.9rem;display:flex}.donut-legend{flex-direction:column;gap:.55rem;display:flex}.legend-row{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.up{background:var(--up)}.legend-dot.down{background:var(--down)}.legend-dot.paused{background:var(--paused)}.legend-row b{font-variant-numeric:tabular-nums}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}@media (width<=800px){.stats-grid{grid-template-columns:1fr}}.stat-row{flex-wrap:wrap;gap:1.5rem;display:flex}.stat .label{color:var(--muted);font-size:.78rem}.stat .value{letter-spacing:-.03em;font-size:1.45rem;font-weight:700}.stat .value.down{color:var(--down)}.stat .value.up{color:var(--up)}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.toolbar .spacer{flex:1}.btn{border:1px solid var(--line-strong);color:var(--ink-soft);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:.45rem;padding:.5rem .85rem;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s,transform 50ms;display:inline-flex}.btn svg{width:16px;height:16px}.btn:hover{background:#fbfcfe;border-color:#b6c0cf}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000;box-shadow:0 4px 12px #2563eb4d}.btn.primary:hover{filter:brightness(1.06);background:linear-gradient(135deg, var(--accent), var(--accent-2))}.btn.danger{background:var(--down-soft);color:var(--down);border-color:#f2bcb8}.btn.danger:hover{background:#fbdedb}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.search-field{flex:240px;min-width:200px;max-width:380px;position:relative}.search-field>svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.search-field .input{width:100%;padding-left:2.1rem;padding-right:3.2rem}.search-field .search-hint{color:var(--muted);pointer-events:none;font-size:.75rem;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.select,.input,.textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;padding:.5rem .7rem;transition:border-color .15s,box-shadow .15s}.select:focus,.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.textarea{resize:vertical;width:100%;min-height:96px}.input{width:100%}.bulk-bar{background:var(--accent-soft);color:var(--accent);border:1px solid #cfe0ff;border-radius:999px;align-items:center;gap:.5rem;margin-left:auto;padding:.3rem .3rem .3rem .85rem;font-size:.85rem;font-weight:600;display:flex}.table-wrap{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow-x:auto}table.monitors{border-collapse:collapse;width:100%}table.monitors th,table.monitors td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:.85rem .9rem;font-size:.92rem}table.monitors th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#f8fafc;font-size:.7rem;font-weight:600;position:sticky;top:0}table.monitors tbody tr{transition:background .12s}table.monitors tr:last-child td{border-bottom:0}table.monitors tbody tr:hover td{background:#f6f9ff}table.monitors tr.clickable{cursor:pointer}.mon-name{color:var(--ink);font-weight:600}.mon-url{color:var(--muted);align-items:center;gap:.3rem;font-size:.78rem;display:inline-flex}.server-tag{color:var(--ink-soft);border:1px solid var(--line);background:#f1f4f9;border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .5rem;font-size:.8rem;display:inline-flex}.resp{font-variant-numeric:tabular-nums}.resp .bar{background:var(--accent);vertical-align:middle;border-radius:3px;height:5px;margin-left:6px;display:inline-block}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.74rem;font-weight:600;display:inline-flex}.badge .dot{border-radius:50%;width:7px;height:7px}.badge.up{background:var(--up-soft);color:var(--up);border-color:#bfe6cf}.badge.up .dot{background:var(--up);box-shadow:0 0 0 3px #12864f26}.badge.down{background:var(--down-soft);color:var(--down);border-color:#f2bcb8}.badge.down .dot{background:var(--down);animation:1.6s infinite pulse;box-shadow:0 0 0 3px #d1352c26}.badge.paused{background:var(--paused-soft);color:var(--paused);border-color:#f0dcae}.badge.paused .dot{background:var(--paused)}.badge.careplan{color:#6d40c4;background:#f0ebfe;border-color:#dccdf7}.badge.noindex{color:#9a5b00;background:#fff4e5;border-color:#f0d2a0}@keyframes pulse{0%{box-shadow:0 0 #d1352c66}70%{box-shadow:0 0 0 6px #d1352c00}to{box-shadow:0 0 #d1352c00}}.timeline{border:1px solid var(--line);background:#eef1f6;border-radius:6px;gap:1px;width:168px;height:26px;padding:2px;display:flex;overflow:hidden}.timeline span{border-radius:2px;flex:1;min-width:1px;transition:opacity .15s}.timeline span:hover{opacity:.7}.timeline .ok{background:var(--up)}.timeline .bad{background:var(--down)}.timeline .mixed{background:#e0a106}.timeline .none{background:#dfe4ec}.login-page{background:radial-gradient(900px 500px at 80% -10%,#d9e4ff 0%,#0000 55%),radial-gradient(700px 500px at 0 110%,#dff0e6 0%,#0000 55%),#f2f5fa;place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(410px,100%);box-shadow:var(--shadow-lg);text-align:center;background:#ffffffe6;border:1px solid #ffffffb3;border-radius:20px;padding:2.4rem 2rem}.login-logo{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:15px;place-items:center;width:56px;height:56px;margin:0 auto 1.1rem;display:grid;box-shadow:0 10px 24px #2563eb66}.login-card h1{letter-spacing:-.03em;font-size:1.55rem}.login-card p{color:var(--muted);margin:.4rem 0 1.6rem}.ms-btn{color:#fff;cursor:pointer;background:#1f2733;border:0;border-radius:11px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.85rem 1rem;font-weight:600;text-decoration:none;transition:transform 60ms,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 6px 18px #0f172a40}.ms-btn:hover{background:#12181f;text-decoration:none;transform:translateY(-1px)}.ms-logo{grid-template-columns:1fr 1fr;gap:2px;width:16px;height:16px;display:grid}.ms-logo i{display:block}.ms-logo i:first-child{background:#f25022}.ms-logo i:nth-child(2){background:#7fba00}.ms-logo i:nth-child(3){background:#00a4ef}.ms-logo i:nth-child(4){background:#ffb900}.form-grid{gap:.85rem;display:grid}.form-grid label{color:var(--ink-soft);gap:.35rem;font-size:.85rem;font-weight:500;display:grid}.check-line{align-items:center;gap:.55rem;flex-direction:row!important;display:flex!important}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#10182880;place-items:center;padding:1rem;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);width:min(540px,100%);max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;padding:1.4rem;animation:.15s pop;overflow:auto}.modal h3{letter-spacing:-.02em;margin-bottom:1.1rem;font-size:1.2rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1.2rem;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.muted{color:var(--muted)}.error{color:var(--down);background:var(--down-soft);border-radius:var(--radius-sm);border:1px solid #f2bcb8;padding:.6rem .8rem;font-size:.9rem}.success{color:var(--up);background:var(--up-soft);border-radius:var(--radius-sm);border:1px solid #bfe6cf;padding:.6rem .8rem;font-size:.9rem}.chart-wrap{width:100%;height:260px}.list-plain{margin:0;padding:0;list-style:none}.list-plain li{border-bottom:1px solid var(--line);padding:.7rem 0;font-size:.92rem}.list-plain li:last-child{border-bottom:0}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:1rem 0 .25rem;display:flex}.pagination-pages{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.pagination-pages .btn{min-width:2.25rem;padding-left:.55rem;padding-right:.55rem}.pagination-ellipsis{color:var(--muted);padding:0 .2rem}.spinner{border:2.5px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;margin:0 auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pill-toggle{border:1px solid var(--line);background:#eef1f6;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.pill-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem .8rem;font-size:.85rem;font-weight:500}.pill-toggle button.active{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff}.report-list{gap:.9rem;display:grid}.report-card{padding:0;overflow:hidden}.report-card-head{cursor:pointer;text-align:left;background:0 0;border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.15rem;transition:background .12s;display:flex}.report-card-head:hover{background:#f7f9fc}.report-card-title{flex-direction:column;gap:.35rem;display:flex}.report-card-stats{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.stat-chip{border:1px solid var(--line);background:#f4f6fa;border-radius:8px;flex-direction:column;gap:.05rem;min-width:72px;padding:.3rem .55rem;display:inline-flex}.stat-chip-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.65rem}.stat-chip strong{font-variant-numeric:tabular-nums;font-size:.9rem}.stat-chip.good{background:var(--up-soft);border-color:#bfe6cf}.stat-chip.good strong{color:var(--up)}.stat-chip.warn{background:var(--paused-soft);border-color:#f0dcae}.stat-chip.warn strong{color:var(--paused)}.chevron{color:var(--muted);margin-left:.25rem;font-size:1.1rem}.report-card-body{border-top:1px solid var(--line);padding:0 1.15rem 1.2rem}.report-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:1rem 0 .55rem;font-size:.78rem;font-weight:600}.daily-bars{border:1px solid var(--line);background:#f7f9fc;border-radius:10px;align-items:flex-end;gap:3px;height:64px;padding:.4rem .5rem;display:flex;overflow-x:auto}.daily-bars span{border-radius:3px 3px 1px 1px;flex:1;align-self:flex-end;min-width:8px;max-width:18px}.daily-bars .ok{background:var(--up)}.daily-bars .mixed{background:#e0a106}.daily-bars .bad{background:var(--down)}.daily-bars .none{background:#dfe4ec}.down-reason{background:var(--down-soft);color:var(--down);border:1px solid #f2bcb8;border-radius:8px;max-width:420px;margin-top:.4rem;padding:.45rem .55rem;font-size:.8rem;line-height:1.35}.down-reason .btn{color:var(--ink-soft)}