:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;background:#f4f7fb;--blue:#155eef;--navy:#102a43;--green:#12b76a;--red:#f04438;--border:#e4e9f2}*{box-sizing:border-box}body{margin:0}header{height:64px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:2}.brand{font-weight:900;letter-spacing:.08em;color:var(--blue);margin-right:12px}.header-right{display:flex;gap:22px;align-items:center;font-size:13px;color:#667085}.header-right a{color:#344054;text-decoration:none}main{max-width:1500px;margin:auto;padding:28px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.hero h1{margin:0 0 5px;font-size:28px}.hero p{margin:0;color:#667085}.overall{background:#fff;border:1px solid var(--border);padding:12px 16px;border-radius:12px;font-weight:700}.overall span,.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.overall.ok span,.green{background:var(--green)}.overall.warn span,.red{background:var(--red)}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.metrics article,.panel{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #1018280a}.metrics article{padding:18px}.metrics label,.metrics small{display:block;color:#667085;font-size:12px}.metrics strong{display:block;font-size:25px;margin:5px 0}.panel{padding:20px;margin-bottom:18px}.panel h2{font-size:17px;margin:0 0 16px}.panel-head{display:flex;justify-content:space-between;color:#667085}.services{display:flex;flex-wrap:wrap;gap:12px}.services>div{border:1px solid var(--border);border-radius:10px;padding:10px 14px;min-width:150px}.services small{display:block;color:#667085;margin:3px 0 0 17px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#667085;font-weight:600;background:#f9fafb}th,td{padding:12px;border-bottom:1px solid #edf0f5;white-space:nowrap}td a{color:var(--blue);text-decoration:none}.block{display:block;color:#667085;margin-top:3px}.status-pill{display:inline-block;padding:4px 8px;border-radius:999px;font-weight:700;font-size:11px}.status-pill.up{background:#ecfdf3;color:#027a48}.status-pill.down{background:#fef3f2;color:#b42318}.empty{text-align:center;color:#667085;padding:30px}.auth{min-height:100vh;display:grid;place-items:center;background:#eef3f9}.login-card{width:min(460px,calc(100% - 32px));background:#fff;border:1px solid var(--border);border-radius:18px;padding:32px;box-shadow:0 12px 30px #102a4312}.login-card h1{margin:8px 0}.login-card p{color:#667085}.login-card label{display:block;font-size:13px;font-weight:600;margin-top:14px}.login-card input{width:100%;padding:11px 12px;border:1px solid #cfd6e4;border-radius:9px;margin-top:6px}.login-card button{width:100%;margin-top:20px;padding:12px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.alert{padding:10px 12px;border-radius:8px;background:#fef3f2;color:#b42318;margin:12px 0}.muted{color:#667085}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start;gap:14px;flex-direction:column}header{padding:0 16px}.header-right span{display:none}main{padding:18px}.panel{padding:14px}}@media(max-width:520px){.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:14px}.metrics strong{font-size:20px}}