.server-panel,.server-sections,.server-catalog { display:flex;flex-direction:column;gap:16px; }
.server-hero { padding:0; }
.server-hero h1 { font-size:24px;line-height:1.2;letter-spacing:-.4px;margin:0 0 6px;max-width:330px; }
.server-hero p { font-size:13px;line-height:1.5; }
.server-eyebrow { font-size:10px;letter-spacing:1.3px;font-weight:900;color:var(--app-accent); }
.server-card { padding:20px;border:1px solid var(--app-border);border-radius:24px;background:var(--app-surface);display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px #74401508; }
.server-card h2,.server-card h3 { font-size:21px;line-height:1.3;margin:0; }
.server-note { font-size:13px;line-height:1.65;opacity:.88; }
.server-badge { align-self:flex-start;font-size:11px;line-height:1.4;font-weight:900;background:var(--app-selected);color:var(--app-accent);padding:5px 10px;border-radius:16px; }
.server-price { font-size:25px;font-weight:900;letter-spacing:-.4px;color:var(--app-accent); }
.server-environment,.server-notice { padding:13px 15px;border:1px dashed var(--app-border);border-radius:14px;font-size:12px;line-height:1.6;background:var(--app-selected); }
.server-environment { font-weight:900; }
.server-section-title { padding-top:6px; }
.server-specs,.server-access { display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px; }
.server-specs dt,.server-access dt { opacity:.75; }
.server-specs dd,.server-access dd { margin:0;font-weight:800;overflow-wrap:anywhere; }
.server-progress { list-style:none;display:flex;flex-wrap:wrap;gap:7px 10px;padding:6px 0;margin:0; }
.server-progress li { font-size:10px;display:flex;align-items:center;gap:5px;opacity:.55; }
.server-progress li::before { content:'';width:7px;height:7px;background:currentColor;border-radius:50%; }
.server-progress li.current { opacity:1;font-weight:900;color:var(--app-accent); }
.server-progress li.complete { opacity:.8; }
.server-check { display:flex;align-items:flex-start;gap:10px;line-height:1.6;font-size:13px;cursor:pointer; }
.server-check input { width:20px;height:20px;flex-shrink:0;margin-top:3px;accent-color:var(--app-accent); }
.server-dialog { margin:auto;width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 36px);overflow-y:auto;padding:24px;border:1px solid var(--app-border);border-radius:26px;background:var(--ring-paper,#fffaf1);color:inherit; }
.server-dialog::backdrop { background:#15132199;backdrop-filter:blur(4px); }
.server-dialog h2 { font-size:23px;margin:0 0 18px; }
.server-dialog-body,.server-dialog form { display:flex;flex-direction:column;gap:16px; }
.server-dialog>.btn { margin-top:20px; }
.server-dialog .btn { width:100%;padding:12px;min-height:46px; }
.server-dialog .btn:disabled { opacity:.5;cursor:wait; }
.server-dialog input[readonly],.server-dialog textarea { width:100%;box-sizing:border-box;background:var(--app-surface);color:inherit;padding:10px;border:1px solid var(--app-border);border-radius:10px;font:inherit; }
.server-dialog summary { padding:10px 0;cursor:pointer; }
@media(min-width:600px){.server-hero h1{font-size:26px}.server-card{padding:24px}}