.server-status-v7{--status-green:#41e59a;--status-red:#ff425c;min-height:100vh;padding:112px 0 90px;background:radial-gradient(circle at 12% 18%,rgba(212,27,54,.16),transparent 25%),linear-gradient(145deg,#08090d,#0d0f15 55%,#08090d)}
.server-status-hero-v7{width:min(1380px,calc(100% - 64px));min-height:570px;margin:auto;display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:clamp(45px,7vw,100px);align-items:center}.server-status-visual{position:relative;width:min(460px,100%);aspect-ratio:1;margin:auto;display:grid;place-items:center}.server-core{position:relative;z-index:3;width:180px;height:180px;display:grid;place-items:center;border:1px solid rgba(255,77,101,.5);border-radius:50%;background:radial-gradient(circle,rgba(216,27,55,.28),rgba(13,15,21,.97) 65%);box-shadow:0 0 90px rgba(210,26,54,.2),inset 0 0 40px rgba(255,67,92,.12)}.server-core:before,.server-core:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.server-core:before{inset:18px}.server-core:after{inset:38px}.server-core b{font-size:46px;letter-spacing:.08em}.server-core span{position:absolute;left:50%;top:9px;width:8px;height:8px;border-radius:50%;background:var(--status-green);box-shadow:0 0 18px var(--status-green)}.server-core i{position:absolute;inset:-9px;border-top:2px solid #ee2c49;border-right:2px solid transparent;border-radius:50%;animation:serverSpin 5s linear infinite}.server-orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.orbit-one{inset:52px}.orbit-two{inset:4px;border-style:dashed;animation:serverSpin 18s linear reverse infinite}.server-orbit:after{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:#e82d49;box-shadow:0 0 18px #e82d49}.server-scan{position:absolute;inset:26px;border-radius:50%;overflow:hidden}.server-scan:after{content:"";position:absolute;left:50%;top:50%;width:50%;height:1px;transform-origin:left;background:linear-gradient(90deg,#ea2d49,transparent);animation:serverSpin 3s linear infinite}@keyframes serverSpin{to{transform:rotate(360deg)}}
.server-live-label{display:flex;align-items:center;gap:11px;color:#f0546b;font-size:11px;font-weight:900;letter-spacing:.2em}.server-status-copy-v7 h1{max-width:800px;margin:17px 0 22px;font-size:clamp(48px,6vw,88px);line-height:.93;letter-spacing:-.06em;text-transform:uppercase}.server-status-copy-v7 h1 em{display:block;color:#ed3c56;font-style:normal}.server-status-copy-v7>p{max-width:760px;margin:0;color:#9da6b1;font-size:15px;line-height:1.8}.server-status-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:31px}.server-refresh-button{min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#151820;color:#cbd1da;font-size:12px;font-weight:800;cursor:pointer}.server-refresh-button:hover{border-color:rgba(255,73,98,.4);color:#fff}.server-refresh-button:disabled{opacity:.5}.server-refresh-note{display:flex;gap:9px;margin-top:15px;color:#69727e;font-size:11px}.server-refresh-note b{color:#aeb6c0}
.server-metrics-v7{position:relative;z-index:4;width:min(1380px,calc(100% - 64px));margin:0 auto 24px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(145deg,#151820,#0e1016);box-shadow:0 30px 80px rgba(0,0,0,.32);overflow:hidden}.server-metrics-v7>article{padding:25px;border-right:1px solid rgba(255,255,255,.08)}.server-metrics-v7>article:last-of-type{border-right:0}.server-metrics-v7 article>span,.server-capacity-v7 span{color:#737d89;font-size:10px;font-weight:850;letter-spacing:.14em}.server-metrics-v7 article>strong{display:block;margin:8px 0 5px;font-size:25px;text-transform:uppercase}.server-metrics-v7 article>strong i{margin:0 5px;color:#555e69;font-style:normal}.server-metrics-v7 article>small{color:#808a96;font-size:11px}.server-capacity-v7{grid-column:1/-1;padding:18px 25px 23px;border-top:1px solid rgba(255,255,255,.08)}.server-capacity-v7>div:first-child{display:flex;justify-content:space-between;margin-bottom:10px}.server-capacity-v7 b{font-size:11px}.server-capacity-track{height:7px;overflow:hidden;border-radius:999px;background:#252933}.server-capacity-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a30e25,#ff3854);box-shadow:0 0 16px rgba(255,56,84,.5);transition:width .55s ease}
.server-detail-grid-v7{width:min(1380px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.server-detail-grid-v7>article{padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(17,19,25,.82)}.server-detail-grid-v7 header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.075)}.server-detail-grid-v7 header>span{color:#7c8692;font-size:10px;font-weight:900;letter-spacing:.16em}.server-identity-v7 header b{padding:6px 9px;border-radius:999px;background:rgba(57,219,146,.09);color:#5be4aa;font-size:10px}.server-identity-v7 h2{margin:22px 0 7px;font-size:clamp(25px,3vw,39px);line-height:1.1}.server-identity-v7>p{margin:0;color:#7f8995;line-height:1.65}.server-identity-v7>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.server-identity-v7>div>span{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#0d0f14}.server-identity-v7 small,.server-identity-v7 b{display:block}.server-identity-v7 small{color:#68717d;font-size:9px;letter-spacing:.1em}.server-identity-v7 b{margin-top:5px;overflow-wrap:anywhere;font-size:12px}.server-monitor-v7 header i{width:9px;height:9px;border-radius:50%;background:var(--status-green);box-shadow:0 0 13px var(--status-green)}.server-monitor-v7>div{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07)}.server-monitor-v7>div:last-child{border-bottom:0}.server-monitor-v7>div>b{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(238,61,87,.25);border-radius:10px;background:rgba(197,23,49,.09);color:#f05269}.server-monitor-v7 strong,.server-monitor-v7 small{display:block}.server-monitor-v7 strong{font-size:12px}.server-monitor-v7 small{margin-top:3px;color:#747e8a;font-size:10px}.server-status-v7.online .status-dot{background:var(--status-green);box-shadow:0 0 14px var(--status-green)}.server-status-v7.offline .status-dot{background:var(--status-red);box-shadow:0 0 14px var(--status-red)}.server-status-v7.offline .server-core span{background:var(--status-red);box-shadow:0 0 18px var(--status-red)}
.server-status-admin-test{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:12px 0 4px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#101218}.server-status-admin-test div{display:grid}.server-status-admin-test small{margin-top:3px;color:#7c8591}.server-status-admin-test output{grid-column:1/-1;padding:11px;border-radius:10px;background:#0a0c10;color:#9da6b1;font-size:12px}.server-status-admin-test output.is-ok{color:#65e5b0}.server-status-admin-test output.is-error{color:#ff7184}
@media(max-width:980px){.server-status-hero-v7{grid-template-columns:310px 1fr;gap:35px}.server-metrics-v7{grid-template-columns:1fr 1fr}.server-metrics-v7>article:nth-child(2){border-right:0}.server-metrics-v7>article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.server-detail-grid-v7{grid-template-columns:1fr}}
@media(max-width:720px){.server-status-v7{padding-top:96px}.server-status-hero-v7,.server-metrics-v7,.server-detail-grid-v7{width:calc(100% - 24px)}.server-status-hero-v7{grid-template-columns:1fr;min-height:auto;padding:35px 0 44px;text-align:center}.server-status-visual{width:min(300px,78vw)}.server-core{width:135px;height:135px}.server-status-copy-v7 h1{font-size:clamp(40px,13vw,60px)}.server-live-label,.server-status-actions{justify-content:center}.server-refresh-note{justify-content:center}.server-metrics-v7{grid-template-columns:1fr}.server-metrics-v7>article{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.server-detail-grid-v7>article{padding:21px}.server-identity-v7>div{grid-template-columns:1fr}.server-status-admin-test{grid-template-columns:1fr}.server-status-admin-test .button{width:100%}}
@media(prefers-reduced-motion:reduce){.server-core i,.orbit-two,.server-scan:after{animation:none}}