.servers-page{width:min(1480px,100vw - 48px);min-height:420px;margin-left:50%;transform:translate(-50%)}.servers-toolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;margin:4px 0 24px;display:grid}.server-filters{box-shadow:var(--shadow-soft);background:#0e1113b8;border:1px solid #ffffff14;border-radius:12px;grid-column:2;padding:4px;display:inline-flex}.server-filter{color:#ffffff94;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:700;transition:color .15s,background .15s}.server-filter:hover{color:#ffffffe6}.server-filter.is-active{color:#dffbed;background:#6ff3b024;box-shadow:inset 0 0 0 1px #6ff3b033}.filter-count{background:#ffffff12;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 5px;font-size:11px;display:inline-grid}.server-search{grid-column:3;justify-self:end;width:min(220px,100%);position:relative}.server-search svg{color:#ffffff6b;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.server-search input{color:#fff;width:100%;height:38px;font:inherit;background:#0e1113b8;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:0 12px 0 36px;font-size:13px}.server-search input:focus{border-color:#6ff3b075;box-shadow:0 0 0 3px #6ff3b014}.servers-message{text-align:center;margin:0 0 16px}.servers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.server-card{min-width:0;box-shadow:var(--shadow-soft);background:#0e1113c7;border:1px solid #fff1;border-radius:16px;padding:16px}.server-card.is-suspended{background:linear-gradient(145deg,#f59e0b17,#0e1113d1 45%);border-color:#f59e0b61}.server-card-top{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.server-icon{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.server-icon img{object-fit:cover;border-radius:0;width:100%;height:100%}.server-identity{min-width:0}.server-identity h2{color:#f6faf8;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;line-height:1.25;overflow:hidden}.server-identity p{color:#ffffff7a;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:12px;line-height:1.3;overflow:hidden}.server-status{letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.server-status.is-active{color:var(--color-accent);background:#6ff3b01a;border-color:#6ff3b040}.server-status.is-suspended{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b59}.servers-page .server-status.is-setup{color:#f4dcac;background:#f59e0b14;border-color:#f59e0b59}.servers-page .server-filters.has-test-states{flex-wrap:wrap;justify-content:center}.servers-page .server-filter[hidden]{display:none}.server-resources{border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0e;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:15px;padding:11px 0;display:grid}.server-resource{border-right:1px solid #ffffff0e;min-width:0;padding:0 10px}.server-resource:first-child{padding-left:0}.server-resource:last-child{border-right:0;padding-right:0}.server-resource span,.server-resource strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.server-resource span{color:#ffffff61;letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:700}.server-resource strong{color:#ffffffd1;font-size:12px}.server-card-footer{justify-content:flex-end;align-items:center;gap:12px;min-height:34px;margin-top:12px;display:flex}.server-note{color:#fbbf24;flex:1;margin:0;font-size:11px}.server-actions{gap:8px;display:flex}.server-action{border-radius:9px;min-height:32px;padding:7px 11px;font-size:11px}.server-action.is-suspended{color:#fbbf24;box-shadow:none;background:#f59e0b29;border-color:#f59e0b94}.server-action.is-suspended:hover,.server-action.is-suspended:focus-visible{color:#fde68a;background:#f59e0b3d}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=860px){.servers-grid{grid-template-columns:1fr}}@media (width<=640px){.servers-page{width:min(100%,100vw - 32px)}.servers-toolbar{grid-template-columns:1fr;gap:12px}.server-filters{grid-column:1;justify-self:center;max-width:100%}.server-filter{padding-inline:9px}.server-search{grid-column:1;justify-self:stretch;width:100%}.server-card-top{grid-template-columns:44px minmax(0,1fr) auto;gap:10px}.server-icon{width:44px;height:44px}.server-resources{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}.server-resource:nth-child(2){border-right:0}.server-resource:nth-child(3){padding-left:0}.server-card-footer{flex-direction:column;align-items:stretch}.server-actions{justify-content:flex-end}}@media (width<=400px){.server-filter{font-size:12px}.filter-count{min-width:18px;height:18px}.server-status{padding-inline:6px}.server-actions{grid-template-columns:1fr 1fr;display:grid}}