.status-hero{padding:62px 0 8px;text-align:left;border-top:none}.status-hero h1{font-family:var(--mono);font-size:clamp(28px,4.4vw,42px);font-weight:600;letter-spacing:-.03em;margin:12px 0 8px}.status-hero .subtitle{color:var(--muted);font-size:15px}.status-hero code{font-family:var(--mono);background:var(--surface);border:1px solid var(--border-2);padding:.15rem .5rem;border-radius:5px;font-size:.85rem;color:var(--text)}.status-overview{padding:34px 0 72px;border-top:1px solid var(--border-2)}.status-loading{text-align:center;padding:3rem 0;color:var(--muted);font-family:var(--mono)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.status-error{text-align:center;padding:2rem;background:#ff6b6214;border:1px solid rgba(255,107,98,.3);border-radius:12px}.status-error p{color:var(--red);margin-top:.75rem}.status-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:3rem}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.card-label{font-family:var(--mono);font-size:10.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.card-value{font-family:var(--mono);font-size:1.15rem;font-weight:600;color:var(--ink)}.status-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-weight:600;font-size:1.05rem;color:var(--ink)}.status-badge.error{color:var(--red)}.status-overview .dot{width:9px;height:9px;border-radius:50%;display:inline-block}.status-overview .dot.green{background:var(--green);box-shadow:0 0 8px color-mix(in srgb,var(--green) 55%,transparent)}.status-overview .dot.orange{background:var(--amber);box-shadow:0 0 8px color-mix(in srgb,var(--amber) 55%,transparent)}.status-overview .dot.red{background:var(--red);box-shadow:0 0 8px color-mix(in srgb,var(--red) 55%,transparent)}.pause-reason{font-size:.85rem;color:var(--muted);margin-top:.35rem}.endpoint-section{margin-top:1rem}.endpoint-section h2{font-family:var(--mono);font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem;color:var(--ink)}.section-desc{color:var(--muted);margin-bottom:1.25rem;font-size:14.5px}.endpoint-filters{display:flex;gap:.5rem;margin-bottom:1rem}.filter-btn{font-family:var(--mono);padding:.4rem 1rem;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12.5px;cursor:pointer;transition:color .15s,border-color .15s}.filter-btn:hover{border-color:var(--muted);color:var(--ink)}.filter-btn.active{background:var(--green);color:#04120c;border-color:var(--green);font-weight:600}.endpoint-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}.endpoint-table{width:100%;border-collapse:collapse;font-size:.88rem;table-layout:fixed}.endpoint-table th:nth-child(1),.endpoint-table td:nth-child(1){width:35%}.endpoint-table th:nth-child(2),.endpoint-table td:nth-child(2){width:10%}.endpoint-table th:nth-child(3),.endpoint-table td:nth-child(3){width:55%}.endpoint-table th{text-align:left;padding:.75rem 1rem;background:var(--surface-2);font-family:var(--mono);font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);border-bottom:1px solid var(--border)}.endpoint-table td{padding:.65rem 1rem;border-bottom:1px solid var(--border-2);vertical-align:top;color:var(--text)}.endpoint-table tr:last-child td{border-bottom:none}.endpoint-table code{font-family:var(--mono);background:var(--surface);padding:.1rem .4rem;border-radius:4px;font-size:.82rem;white-space:nowrap;color:var(--text)}.price-badge{display:inline-block;font-family:var(--mono);padding:.15rem .55rem;border-radius:5px;font-size:11px;font-weight:600}.price-badge.free{background:var(--green-soft);color:var(--green)}.price-badge.paid{background:var(--indigo-soft);color:var(--indigo)}.refresh-note{text-align:center;margin-top:2rem;font-family:var(--mono);font-size:12px;color:var(--faint)}.refresh-note a{color:var(--green);text-decoration:none}.refresh-note a:hover{text-decoration:underline}@media(max-width:768px){.status-cards{grid-template-columns:repeat(2,1fr)}.endpoint-table th:nth-child(3),.endpoint-table td:nth-child(3){display:none}}@media(max-width:480px){.status-cards{grid-template-columns:1fr}}
