.server-page{display:grid;gap:24px}.server-page-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.server-page-header h1{margin:.15rem 0 .4rem;font-size:clamp(2rem,4vw,3rem);color:var(--tuki-ink,#112e36)}.server-page-header p{margin:0;color:#587079}.server-page-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.server-last-updated{font-size:.86rem;color:#6a7f86}.server-alert{display:grid;gap:3px;padding:14px 16px;border:1px solid #f3c971;background:#fff8df;border-radius:14px;color:#694f0a}.server-overview-grid,.server-request-grid,.server-infra-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.server-status-card,.server-metric-card,.server-service-card,.server-infra-card,.server-chart-card,.server-safety-note{background:#fff;border:1px solid #dce7e8;border-radius:18px;box-shadow:0 8px 24px rgba(17,46,54,.05)}.server-status-card,.server-metric-card{padding:20px;min-height:138px;display:flex;flex-direction:column;gap:8px}.server-card-label,.server-infra-card>span{font-size:.77rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#71858a}.server-status-value{display:flex;align-items:center;gap:10px;font-size:1.45rem}.server-status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#9aa9ad;box-shadow:0 0 0 4px rgba(154,169,173,.16)}.is-healthy .server-status-dot{background:#169c6b;box-shadow:0 0 0 4px rgba(22,156,107,.14)}.is-degraded .server-status-dot{background:#e6a500;box-shadow:0 0 0 4px rgba(230,165,0,.14)}.is-unhealthy .server-status-dot{background:#d9534f;box-shadow:0 0 0 4px rgba(217,83,79,.14)}.server-status-card.is-healthy{border-color:#a9ddcb;background:linear-gradient(145deg,#f3fcf8,#fff)}.server-status-card.is-degraded{border-color:#f0d58a;background:linear-gradient(145deg,#fffaf0,#fff)}.server-status-card.is-unhealthy{border-color:#efb6b3;background:linear-gradient(145deg,#fff5f5,#fff)}.server-metric-card strong{font-size:1.75rem;color:#133841}.server-status-card small,.server-metric-card small,.server-service-card small,.server-infra-card small{color:#71858a}.server-section{display:grid;gap:16px}.server-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.server-section-heading h2{margin:0;font-size:1.35rem;color:#173a43}.server-section-heading .eyebrow{margin-bottom:3px}.server-section-note{font-size:.82rem;color:#74868b}.server-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.server-service-card{padding:18px;display:grid;gap:10px}.service-card-top{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.service-status-text{font-size:.78rem;font-weight:700;padding:4px 8px;border-radius:999px;background:#edf3f4;color:#567078}.is-healthy .service-status-text{background:#e6f7f0;color:#08734e}.is-degraded .service-status-text{background:#fff4cf;color:#896100}.is-unhealthy .service-status-text{background:#fdeaea;color:#a2312e}.service-latency{font-size:1.6rem;font-weight:800;color:#123b44}.server-chart-card{padding:20px;position:relative;min-height:310px}.server-chart-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.server-chart-header span{font-size:.82rem;color:#73858b}.server-chart-card canvas{width:100%;max-width:100%;height:240px}.server-chart-empty{position:absolute;inset:85px 20px 20px;display:grid;place-items:center;color:#7a8c91;background:rgba(255,255,255,.86);border-radius:12px}.server-infra-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.server-infra-card{padding:18px;display:grid;gap:7px}.server-infra-card strong{font-size:1.4rem;color:#123b44;overflow-wrap:anywhere}.server-safety-note{padding:16px 18px;display:flex;gap:8px;align-items:flex-start;background:#f7fbfb}.server-safety-note strong{color:#0a665f}.server-safety-note span{color:#637a80}.server-table-wrap{overflow:auto;background:#fff;border:1px solid #dce7e8;border-radius:18px;box-shadow:0 8px 24px rgba(17,46,54,.05)}.server-table{width:100%;border-collapse:collapse;min-width:660px}.server-table th,.server-table td{text-align:left;padding:13px 16px;border-bottom:1px solid #edf2f2;font-size:.88rem}.server-table th{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#70848a;background:#fbfdfd}.server-table tbody tr:last-child td{border-bottom:0}.server-table code{color:#27535d;background:#eef5f5;padding:3px 6px;border-radius:6px}.http-status{display:inline-flex;min-width:48px;justify-content:center;padding:4px 8px;border-radius:999px;font-weight:700;font-size:.76rem}.status-ok{background:#e8f7f0;color:#08734e}.status-warn{background:#fff4cf;color:#896100}.status-bad{background:#fdeaea;color:#a2312e}@media(max-width:1100px){.server-overview-grid,.server-request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-infra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.server-page-header,.server-section-heading{align-items:flex-start;flex-direction:column}.server-page-actions{justify-content:flex-start}.server-service-grid{grid-template-columns:1fr}}@media(max-width:620px){.server-overview-grid,.server-request-grid,.server-infra-grid{grid-template-columns:1fr}.server-chart-header{align-items:flex-start;flex-direction:column}.server-safety-note{display:grid}}