.server-hero{background:radial-gradient(circle at 88% 15%,#58819a5d,transparent 38%),linear-gradient(110deg,#1a3b50,#162936 72%)}
.hero-stamp{display:flex;align-items:center;gap:13px;color:#b3c7d1;font-size:12px;align-self:end}
.server-content{display:grid;gap:18px;min-width:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.stat-card,.panel,.loading-card{min-width:0;border:1px solid #a9c5d21e;border-radius:16px;background:#152733;padding:21px;box-shadow:0 8px 30px #0002;transition:background-color .7s ease,border-color .7s ease}
.stat-card .label{display:block;color:#9db8c6;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.stat-card strong{display:block;font-size:29px;letter-spacing:-.045em;margin:9px 0 5px}.stat-card small{color:#91acba}
.panel h2{font-size:21px;margin:0 0 18px}.panel-subtitle{font-size:12px;color:#a6bbc4;margin-top:-12px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.badge{font-size:10px;font-weight:800;border-radius:99px;padding:6px 10px;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.badge.ok{background:#4dbb8d35;color:#a5ebca}.badge.warn{background:#e9b35d2a;color:#f4d098}.badge.bad{background:#df6e6631;color:#ffaaa3}
.server-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;min-width:0}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service-link{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid #ffffff12;border-radius:10px;padding:11px;text-decoration:none;background:#ffffff06;transition:background .2s ease,transform .2s ease}.service-link:hover{background:#ffffff13;transform:translateY(-2px)}.service-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#8fb8d120;color:#bfd9e9}.service-link span:nth-child(2){min-width:0}.service-link strong{font-size:12px}.service-link small{display:block;color:#8ca7b5;font-size:10px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.service-link em{margin-left:auto;font-style:normal;color:#a4ddc2;font-size:11px;white-space:nowrap}.service-link em.offline{color:#eb9991}
.progress-track{height:8px;background:#ffffff16;border-radius:99px;overflow:hidden}.progress-track>div{height:100%;background:linear-gradient(90deg,#679abb,#b7cfdb);border-radius:inherit}.metric-row{display:flex;justify-content:space-between;gap:10px;margin:11px 0 6px;font-size:12px;color:#b5c8d1}.metric-row strong{color:#f2f6f8}.storage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.storage-metric{background:#ffffff09;border:1px solid #ffffff0d;padding:13px;border-radius:10px}.storage-metric span{display:block;color:#9ab5c2;font-size:11px}.storage-metric strong{display:block;margin-top:6px;font-size:16px;overflow-wrap:anywhere}.notice{padding:12px 14px;border-radius:11px;background:#ffffff0b;color:#c6d4d9;font-size:12px;line-height:1.55}.notice.warn{background:#dda85f1a;border-left:3px solid #e5bb70}.notice.bad{background:#e478721b;border-left:3px solid #e47872}
.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;color:#9db7c3;font-weight:600}.data-table td,.data-table th{padding:10px;border-bottom:1px solid #ffffff12}.data-table td{overflow-wrap:anywhere}.table-wrap{overflow-x:auto}.container-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.container-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:9px;padding:9px 11px;font-size:12px;display:flex;justify-content:space-between;gap:8px}.container-row span:last-child{color:#a8dfc6}.container-row span.offline{color:#e69b90}.country-list{display:grid;gap:11px}.country-row{display:grid;grid-template-columns:40px 1fr 35px;gap:10px;align-items:center;font-size:12px}.country-row .progress-track{height:6px}.loading-card{color:#b5c9d0}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-columns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.server-hero{display:block}.hero-stamp{margin-top:18px;align-self:auto;flex-wrap:wrap}.stats-grid{gap:9px}.stat-card,.panel{padding:15px}.storage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid,.container-list{grid-template-columns:1fr}}