:root{color-scheme:light;--bg: #f5f7fb;--surface: #ffffff;--surface-muted: #eef2f7;--border: #d7dee8;--text: #172033;--muted: #657389;--accent: #1262e2;--accent-weak: #e7f0ff;--ok: #15803d;--ok-bg: #dcfce7;--warn: #b45309;--warn-bg: #fef3c7;--danger: #b91c1c;--danger-bg: #fee2e2;--shadow: 0 16px 40px rgba(23, 32, 51, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #11151d;--surface: #171d27;--surface-muted: #202838;--border: #30394a;--text: #eef3fb;--muted: #9aa8ba;--accent: #6ea8ff;--accent-weak: #1e304d;--ok: #7ddf9d;--ok-bg: #143524;--warn: #f5c366;--warn-bg: #3b2c12;--danger: #ff8b8b;--danger-bg: #3d1c20;--shadow: 0 16px 40px rgba(0, 0, 0, .28)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--border);background:var(--surface);padding:22px 16px}.brand,.login-heading{display:flex;align-items:center;gap:12px}.brand span,.eyebrow{color:var(--muted);display:block;font-size:12px;margin:2px 0 0}.brand-mark{align-items:center;background:var(--accent-weak);border:1px solid var(--border);border-radius:8px;color:var(--accent);display:inline-flex;height:38px;justify-content:center;width:38px}.nav-list{display:grid;gap:5px;margin-top:28px}.nav-button{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--muted);display:flex;gap:10px;padding:10px 11px;text-align:left}.nav-button:hover,.nav-button.active{background:var(--surface-muted);color:var(--text)}.workspace{min-width:0;padding:22px 26px 36px}.topbar,.section-header,.toolbar,.pagination,.modal-actions,.panel-header{align-items:center;display:flex;justify-content:space-between;gap:12px}.topbar{margin-bottom:24px}.api-base{overflow-wrap:anywhere}.top-actions,.section-actions{align-items:center;display:flex;gap:8px}.notice{color:var(--muted);font-size:13px}.content-stack{display:grid;gap:16px}.title-row{align-items:center;display:flex;gap:10px}h1,h2,h3{margin:0}h2{font-size:22px}.icon-button,.text-button,.primary-button{align-items:center;border-radius:8px;display:inline-flex;gap:7px;justify-content:center}.icon-button{background:var(--surface);border:1px solid var(--border);color:var(--text);height:36px;width:36px}.icon-button.danger{color:var(--danger)}.text-button{background:var(--surface);border:1px solid var(--border);color:var(--text);min-height:36px;padding:0 12px;text-decoration:none}.text-button.compact{min-height:30px;padding:0 10px}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#fff;min-height:38px;padding:0 14px}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.panel,.table-wrap,.login-panel,.modal-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.metric{display:grid;gap:6px;padding:16px}.metric span,.metric small,.panel-header span{color:var(--muted)}.link-title{background:transparent;border:0;color:var(--text);font-weight:700;padding:0;text-align:left}.link-title:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.metric strong{font-size:28px}.metric.ok strong{color:var(--ok)}.metric.warn strong{color:var(--warn)}.split-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:15px}.state-grid{display:grid;gap:8px;margin-top:12px}.state-row{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:8px}.toolbar{flex-wrap:wrap;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;justify-content:flex-start;padding:10px}.search-box,.login-form label,.form-grid label{color:var(--muted);display:grid;font-size:13px;gap:6px}.search-box{align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;display:flex;flex:1 1 320px;min-height:38px;min-width:min(360px,100%);padding:0 10px}.select-filter{align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;color:var(--muted);display:inline-flex;font-size:13px;gap:8px;min-height:38px;padding:0 8px 0 10px;white-space:nowrap}input,select{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);min-height:36px;padding:0 10px}.select-filter select{background:transparent;border:0;min-height:30px;padding:0 4px}.search-box input{background:transparent;border:0;flex:1;min-width:120px;outline:none}.table-wrap{overflow:auto}.row-actions{display:inline-flex;gap:6px}table{border-collapse:collapse;min-width:920px;width:100%}th,td{border-bottom:1px solid var(--border);padding:11px 12px;text-align:left;vertical-align:middle;white-space:nowrap}th{color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase}td{font-size:14px}tr:last-child td{border-bottom:0}.empty{color:var(--muted);padding:28px;text-align:center}.status-pill{background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:4px 8px}.status-pill.active,.status-pill.online,.status-pill.succeeded,.status-pill.resolved{background:var(--ok-bg);color:var(--ok)}.status-pill.inactive,.status-pill.failed,.status-pill.offline,.status-pill.open,.status-pill.rejected{background:var(--danger-bg);color:var(--danger)}.status-pill.degraded,.status-pill.stale,.status-pill.pending,.status-pill.published,.status-pill.expired,.status-pill.unknown{background:var(--warn-bg);color:var(--warn)}.pagination{color:var(--muted);justify-content:flex-end}.login-shell{align-items:center;display:grid;min-height:100vh;padding:24px;place-items:center}.login-panel{max-width:440px;padding:24px;width:100%}.login-heading{margin-bottom:24px;position:relative}.login-theme{margin-left:auto}.login-form,.form-grid{display:grid;gap:14px}.login-form .primary-button{width:100%}.form-error{background:var(--danger-bg);border-radius:8px;color:var(--danger);margin:0;padding:10px}.modal-backdrop{align-items:center;background:#0a0e167a;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:10}.modal-panel{max-width:560px;padding:18px;width:100%}.qr-result{display:grid;gap:18px;grid-template-columns:248px minmax(0,1fr)}.qr-preview{align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:center;min-height:248px;padding:8px}.qr-preview img{display:block;height:232px;width:232px}.qr-placeholder{color:#657389;font-size:13px}.qr-result-info{display:grid;gap:12px;min-width:0}.link-field{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;display:grid;gap:6px;padding:10px}.link-field span,.muted-note{color:var(--muted);font-size:13px}.link-field a{color:var(--accent);overflow-wrap:anywhere}.muted-note{margin:0}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.check-field{align-items:center;color:var(--text)!important;display:flex!important;flex-direction:row}.check-field input{min-height:auto}.detail-stack{display:grid;gap:14px}.detail-actions{display:flex;flex-wrap:wrap;gap:8px}.detail-grid{display:grid;grid-template-columns:120px minmax(0,1fr);margin:0}.detail-grid dt,.detail-grid dd{border-top:1px solid var(--border);margin:0;padding:10px 0}.detail-grid dt{color:var(--muted);font-size:13px}.detail-grid dd{overflow-wrap:anywhere}.detail-json{display:grid;gap:8px}.detail-json pre{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;margin:0;max-height:220px;overflow:auto;padding:12px;white-space:pre-wrap}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:920px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--border);border-right:0}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid,.split-grid,.qr-result{grid-template-columns:1fr}}@media(max-width:640px){.workspace{padding:18px 14px 28px}.topbar,.section-header{align-items:flex-start;flex-direction:column}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}}