.shero{padding:72px 0 0;position:relative;overflow:hidden}.shero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(500px 300px at 50% 0,rgba(34,197,94,.12),transparent 70%)}.sbanner{display:flex;align-items:center;gap:24px;padding:32px 36px;border-radius:28px;background:linear-gradient(120deg,#16a34a,#15803d);color:#fff;box-shadow:0 30px 60px -30px rgba(21,128,61,.7)}.sbanner.warn{background:linear-gradient(120deg,#F38020,#D9480F)}.sbanner h1{color:#fff;font-size:clamp(26px,3.4vw,36px)}.sbanner p{color:rgba(255,255,255,.85);margin-top:4px}.sbanner-ico{position:relative;width:72px;height:72px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.18)}.sring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.5);animation:sping 2.4s ease-out infinite}.sring.r2{animation-delay:1.2s}@keyframes sping{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}.sbody{padding-top:48px}.sgrid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:28px;gap:28px;align-items:start}.sgrid>*{min-width:0}.scomps{background:#fff;border:1px solid var(--line);border-radius:24px;padding:8px 8px 12px;box-shadow:0 20px 44px -30px rgba(0,0,0,.25)}.scomps h2{display:flex;align-items:center;gap:8px;font-size:17px;padding:16px 16px 10px}.scomps h2 svg{color:var(--brand)}.scomp{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--line)}.scomp strong{flex:1 1;font-size:15px;font-weight:600}.scomp-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--bg-soft);color:var(--ink-2)}.spill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px}.spill i{width:7px;height:7px;border-radius:50%;background:currentColor}.spill.operational{background:#dcfce7;color:#15803d}.spill.degraded{background:#fef3c7;color:#b45309}.spill.outage{background:#fee2e2;color:#b91c1c}.sside{display:grid;grid-gap:20px;gap:20px}.scard{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}.scard h3{display:flex;align-items:center;gap:8px;font-size:17px;margin-bottom:10px}.scard h3 svg{color:var(--brand)}.scard p{color:var(--muted);font-size:15px;margin-bottom:16px}.sempty{margin:0!important;padding:18px;border-radius:14px;background:var(--bg-soft);text-align:center}.scard-warm{background:linear-gradient(150deg,#FFF4EA,#FFE9D6);border-color:#f0e4d8}@media (max-width:900px){.sgrid{grid-template-columns:1fr}}@media (max-width:640px){.sbanner{flex-direction:column;text-align:center;padding:28px 22px}}