.ops-shell{background:linear-gradient(145deg,#f7f4ff 0%,#fffaf6 52%,#fff0df 100%)}.ops-hero{position:relative;display:grid;grid-template-columns:1fr 220px;align-items:center;min-height:260px;margin-top:30px;padding:42px;overflow:hidden;border-radius:28px;color:#fff;background:linear-gradient(120deg,#5732df,#8950f1);box-shadow:0 22px 50px #5133a52b}.ops-hero h1{max-width:830px;margin:7px 0 14px;font-size:clamp(2.25rem,4vw,4rem);line-height:1}.ops-hero p{max-width:760px;line-height:1.55}.ops-orbit{position:relative;width:180px;height:180px;border:2px solid #ffffff50;border-radius:50%}.ops-orbit:before,.ops-orbit:after{position:absolute;content:"";border-radius:50%}.ops-orbit:before{inset:27px;background:#48c9bdcc}.ops-orbit:after{inset:55px;background:#ffb24d}.ops-orbit i,.ops-orbit b,.ops-orbit span{position:absolute;width:18px;height:18px;border:5px solid #fff;border-radius:50%;background:#ff8f4b}.ops-orbit i{top:-8px;left:77px}.ops-orbit b{right:-4px;top:95px;background:#48c9bd}.ops-orbit span{bottom:3px;left:17px;background:#ffd25a}.ops-alert{display:flex;gap:15px;margin:20px 0;padding:17px 21px;border:1px solid #f4c967;border-radius:15px;color:#8b5a00;background:#fff5d9}.ops-alert span{margin-left:auto}.ops-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0}.ops-summary article{padding:21px;border:1px solid #ded4f2;border-radius:18px;background:#fff}.ops-summary span,.ops-summary strong{display:block}.ops-summary span{color:#8072a3;font-size:.78rem}.ops-summary strong{margin-top:7px;font-size:2rem}.ops-summary .healthy{border-top:4px solid #18b4a4}.ops-summary .warning{border-top:4px solid #ff9b45}.ops-summary .unknown{border-top:4px solid #9b8bbd}.ops-section{margin:16px 0;padding:25px;border:1px solid #ded4f2;border-radius:23px;background:#ffffffdf;box-shadow:0 12px 34px #43247a09}.ops-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}.ops-title h2{margin:4px 0 0}.ops-title>small{max-width:470px;color:#8576a8;text-align:right;line-height:1.4}.ops-task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ops-task-grid article{display:flex;gap:13px;padding:17px;border-radius:16px;background:#f8f5ff}.ops-task-grid i,.ops-provider-grid i{flex:0 0 12px;height:12px;margin-top:5px;border-radius:50%;background:#9b8bbd;box-shadow:0 0 0 6px #ece7f5}.ops-task-grid .healthy i{background:#16ae9f;box-shadow:0 0 0 6px #d9f5f0}.ops-task-grid .warning i{background:#f18a32;box-shadow:0 0 0 6px #fff0df}.ops-task-grid h3{margin:0 0 5px}.ops-task-grid strong,.ops-task-grid small{display:block}.ops-task-grid small{margin-top:6px;color:#8576a8;word-break:break-word}.ops-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ops-pair>.ops-section{margin:0}.ops-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ops-metrics article{padding:16px;border:1px solid #ece5f8;border-radius:15px;background:#faf8ff}.ops-metrics span,.ops-metrics strong,.ops-metrics small{display:block}.ops-metrics strong{margin:5px 0;font-size:1.8rem}.ops-metrics small{color:#8576a8;line-height:1.35}.ops-metrics .warning{border-color:#ffd4aa;background:#fff8ef}.ops-provider-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.ops-provider-grid article{display:flex;gap:13px;align-items:flex-start;padding:17px;border-radius:15px;background:#f8f5ff}.ops-provider-grid strong,.ops-provider-grid span{display:block}.ops-provider-grid span{margin-top:4px;color:#8576a8;font-size:.76rem}.ops-provider-grid i{background:#19b3a3;box-shadow:0 0 0 6px #dcf6f1}.ops-footer{display:flex;align-items:center;gap:17px;margin-top:18px;padding:25px;border:1px solid #f0ceaa;border-radius:21px;background:#fff8ef}.ops-footer>span{font-size:2rem}.ops-footer p{margin:5px 0 0;color:#7f709e}.ops-footer a{margin-left:auto;color:#6540e8;font-weight:800}@media(max-width:1000px){.ops-task-grid,.ops-provider-grid{grid-template-columns:repeat(2,1fr)}.ops-pair{grid-template-columns:1fr}}@media(max-width:700px){.ops-hero{grid-template-columns:1fr}.ops-orbit{display:none}.ops-summary{grid-template-columns:1fr 1fr}.ops-task-grid,.ops-provider-grid,.ops-metrics{grid-template-columns:1fr}.ops-title,.ops-footer{align-items:flex-start;flex-direction:column}.ops-title>small{text-align:left}.ops-footer a{margin-left:0}}@media(max-width:450px){.ops-summary{grid-template-columns:1fr}.ops-hero{padding:28px}.ops-section{padding:18px}}