@import"https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.app-shell{min-height:100%;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 22px;height:60px;background:color-mix(in srgb,var(--page-plane) 88%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);border-bottom:1px solid var(--border);color:var(--text-primary);flex-shrink:0;position:sticky;top:0;z-index:40}.app-header__brand{display:flex;align-items:center;gap:10px}.app-header__logo{font-weight:700;font-size:16px;letter-spacing:-.02em;position:relative;padding-left:16px}.app-header__logo:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.app-header__product{font-size:13.5px;font-weight:500;color:var(--text-muted)}.app-header__meta{display:flex;align-items:center;gap:10px}.env-badge{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--surface-1);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap}.version-badge{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.theme-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;flex-shrink:0}.theme-toggle:hover{color:var(--text-primary);border-color:var(--text-muted)}.theme-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.app-body{flex:1;display:flex;min-height:0}.app-sidebar{width:220px;flex-shrink:0;background:var(--page-plane);border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:2px}.sidebar-section-label{margin:18px 10px 6px;font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:background .14s ease,color .14s ease}.sidebar-link svg{flex-shrink:0;color:var(--text-muted)}.sidebar-link:hover:not(.sidebar-link--disabled){background:var(--surface-1);color:var(--text-primary)}.sidebar-link:hover:not(.sidebar-link--disabled) svg{color:var(--brand)}.sidebar-link--active{background:var(--seq-100);color:var(--brand-ink);font-weight:600}.sidebar-link--active svg{color:var(--brand-ink)}.sidebar-link--disabled{color:var(--text-muted);cursor:not-allowed;opacity:.6}.app-main{flex:1;min-width:0;overflow-y:auto;padding:26px 30px 52px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.kpi-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-card)}.kpi-tile__label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}.kpi-tile__value{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:-.01em}.kpi-tile--critical .kpi-tile__value{color:var(--status-critical)}.kpi-tile--good .kpi-tile__value{color:var(--status-good-text)}.kpi-tile__hint{margin-top:4px;font-size:12px;color:var(--text-secondary)}.cell-muted{color:var(--text-muted);font-size:12.5px}.connector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.connector-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px 18px;border-left:4px solid var(--baseline);display:flex;flex-direction:column;gap:10px}.connector-card--ok{border-left-color:var(--status-good)}.connector-card--degraded{border-left-color:var(--status-warning)}.connector-card--down{border-left-color:var(--status-critical)}.connector-card__head{display:flex;align-items:center;gap:8px}.connector-card__name{margin:0;font-size:15px;font-weight:700;flex:1;min-width:0}.status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.status-dot--ok{background:var(--status-good)}.status-dot--degraded{background:var(--status-warning)}.status-dot--down{background:var(--status-critical)}.status-pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.status-pill--ok{background:#0ca30c1f;color:var(--status-good-text)}.status-pill--degraded{background:#fab21929;color:#7a5200}.status-pill--down{background:#d03b3b1f;color:var(--status-critical)}@media (prefers-color-scheme: dark){.status-pill--degraded{color:#fab219}}:root[data-theme=dark] .status-pill--degraded{color:#fab219}.connector-card__category{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.connector-card__description{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5;flex:1}.connector-card__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.metric__label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:2px}.metric__value{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.connector-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.connector-card__link{font-size:12.5px;font-weight:600;color:var(--brand);text-decoration:none;white-space:nowrap}.connector-card__link:hover{text-decoration:underline}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md)}.btn-reset{padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer}.btn-reset:hover{background:var(--page-plane)}.result-count{font-size:13px;color:var(--text-secondary);margin-bottom:10px}.log-table{width:100%;border-collapse:collapse;font-size:13px}.log-table thead th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.log-table__row td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:top}.log-table__row:last-child td{border-bottom:none}.log-table__row:hover{background:var(--page-plane)}.cell-muted{color:var(--text-muted)}.cell-nowrap{white-space:nowrap}.cell-mono{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12px;color:var(--text-secondary);white-space:nowrap}.cell-numeric{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.error-reason{margin-top:3px;font-size:12px;color:var(--status-critical)}.empty-row{text-align:center;color:var(--text-muted);padding:32px 0!important}.direction-chip{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}.direction-chip--inbound{background:#2a78d61f;color:var(--seq-600)}.direction-chip--outbound{background:#4a3aa71f;color:var(--series-5-violet)}.status-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.status-badge--ack{background:#0ca30c1f;color:var(--status-good-text)}.status-badge--nack{background:#d03b3b1f;color:var(--status-critical)}.status-badge--pending{background:#fab21929;color:#7a5200}.status-badge--timeout{background:#ec835a29;color:var(--status-serious)}@media (prefers-color-scheme: dark){.status-badge--pending{color:#fab219}}:root[data-theme=dark] .status-badge--pending{color:#fab219}.empty-state{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--text-muted)}.empty-state svg{color:var(--text-muted);opacity:.7}.empty-state__title{font-size:13px;font-weight:600;color:var(--text-secondary)}.empty-state__hint{font-size:12px;color:var(--text-muted);max-width:320px;text-align:center}.skeleton{width:100%;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--surface-1) 0%,var(--surface-2) 50%,var(--surface-1) 100%);background-size:200% 100%;border:1px solid var(--border);animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton--kpi{border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background:var(--surface-2)}}.audit-search{padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);font-size:13px;min-width:200px}.audit-date-field{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-secondary);white-space:nowrap}.audit-date-field input[type=date]{padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);font-size:12.5px}.audit-table{width:100%;border-collapse:collapse;font-size:13px;min-width:780px}.audit-table thead th{text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.audit-table tbody td{padding:9px 14px;border-bottom:1px solid var(--gridline);vertical-align:middle}.audit-table__row:hover{background:var(--surface-2)}.audit-table__row:last-child td{border-bottom:1px solid var(--gridline)}.audit-table__ts{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap}.audit-table__actor{font-weight:600;white-space:nowrap}.cell-dim{color:var(--text-muted)}.audit-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}.audit-badge--neutral{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-secondary)}.audit-badge--brand{background:var(--seq-100);color:var(--brand-ink)}.audit-badge--system{background:#1e63b41f;color:var(--series-2-aqua)}.audit-details-toggle{background:none;border:none;padding:0;font-size:12px;font-weight:600;color:var(--brand-ink);cursor:pointer}.audit-details-toggle:hover{text-decoration:underline}.audit-table__details-row td{background:var(--surface-2);padding:0}.audit-details-json{margin:0;padding:12px 16px;font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.pagination__info{font-size:12.5px;color:var(--text-muted)}@media (prefers-color-scheme: dark){.audit-badge--system{background:#4d8fd629;color:#9ec5f4}}:root[data-theme=dark] .audit-badge--system{background:#4d8fd629;color:#9ec5f4}.gateway-section{margin-bottom:24px}.gateway-section__title{margin:0 0 10px;font-size:15px;font-weight:700;color:var(--text-primary)}.gateway-keys-table{width:100%;border-collapse:collapse;font-size:13px}.gateway-keys-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.gateway-keys-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.gateway-keys-table tbody tr:last-child td{border-bottom:none}.gateway-keys-table tbody tr:hover{background:var(--surface-2)}.gateway-keys-table__name{font-weight:600;color:var(--text-primary)}.gateway-keys-table__usage{color:var(--text-muted);font-size:12px}.gateway-keys-table td.cell-numeric{font-variant-numeric:tabular-nums}.scope-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.scope-badge--read{background:#2a78d61f;color:var(--series-1-blue)}.scope-badge--write{background:#1baf7a24;color:var(--status-good-text)}.scope-badge--admin{background:#4a3aa724;color:var(--series-5-violet)}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.security-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.security-card__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.security-card__value{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-primary)}.security-card__hint{font-size:12px;color:var(--text-secondary)}.traffic-chart{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:12px 14px 6px}.chart-tooltip{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);padding:8px 10px;font-size:12px;min-width:140px}.chart-tooltip__date{font-weight:700;color:var(--text-primary);margin-bottom:4px}.chart-tooltip__row{display:flex;justify-content:space-between;gap:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}:root{color-scheme:light;--page-plane: #fbf7ee;--surface-1: #f4efe2;--surface-2: #ffffff;--surface-raised: #ffffff;--text-primary: #1a1512;--text-secondary: #5a5045;--text-muted: #857a6a;--gridline: #e5dece;--baseline: #d9d1be;--border: rgba(26, 21, 18, .1);--border-strong: rgba(26, 21, 18, .18);--series-1-blue: #c42235;--series-2-aqua: #1e63b4;--series-3-yellow: #d98a00;--series-4-green: #2f8f4e;--series-5-violet: #7a4fbf;--series-6-red: #e0384c;--series-7-magenta: #c85a86;--series-8-orange: #e07a34;--seq-100: #f6dcdf;--seq-200: #eaa9b0;--seq-300: #dd7580;--seq-400: #d04653;--seq-500: #c42235;--seq-600: #a01829;--seq-700: #74111d;--status-good: #2f8f4e;--status-warning: #d98a00;--status-serious: #e07a34;--status-critical: #c42235;--status-good-text: #1f6b39;--brand: #c42235;--brand-ink: #8f1322;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-card: 0 1px 2px rgba(26, 21, 18, .05), 0 1px 1px rgba(26, 21, 18, .04);--font-sans: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--page-plane: #14110e;--surface-1: #201b16;--surface-2: #26201a;--surface-raised: #2c251e;--text-primary: #f6efe2;--text-secondary: #cdbfaf;--text-muted: #9c8f7d;--gridline: #322b23;--baseline: #3e352b;--border: rgba(246, 239, 226, .1);--border-strong: rgba(246, 239, 226, .18);--series-1-blue: #e0384c;--series-2-aqua: #4d8fd6;--series-3-yellow: #e0a020;--series-4-green: #45a565;--series-5-violet: #9b74d6;--series-6-red: #e66767;--series-7-magenta: #d874a0;--series-8-orange: #e69150;--seq-100: #4a1620;--seq-200: #6e1e2c;--seq-300: #952636;--seq-400: #bd3040;--seq-500: #d04653;--seq-600: #dd7580;--seq-700: #eaa9b0;--status-good: #45a565;--status-warning: #e0a020;--status-serious: #e69150;--status-critical: #e0384c;--status-good-text: #6ac088;--brand: #e0384c;--brand-ink: #f0a8b0;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .3)}}:root[data-theme=dark]{color-scheme:dark;--page-plane: #14110e;--surface-1: #201b16;--surface-2: #26201a;--surface-raised: #2c251e;--text-primary: #f6efe2;--text-secondary: #cdbfaf;--text-muted: #9c8f7d;--gridline: #322b23;--baseline: #3e352b;--border: rgba(246, 239, 226, .1);--border-strong: rgba(246, 239, 226, .18);--series-1-blue: #e0384c;--series-2-aqua: #4d8fd6;--series-3-yellow: #e0a020;--series-4-green: #45a565;--series-5-violet: #9b74d6;--series-6-red: #e66767;--series-7-magenta: #d874a0;--series-8-orange: #e69150;--seq-100: #4a1620;--seq-200: #6e1e2c;--seq-300: #952636;--seq-400: #bd3040;--seq-500: #d04653;--seq-600: #dd7580;--seq-700: #eaa9b0;--status-good: #45a565;--status-warning: #e0a020;--status-serious: #e69150;--status-critical: #e0384c;--status-good-text: #6ac088;--brand: #e0384c;--brand-ink: #f0a8b0;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .3)}:root[data-theme=light]{color-scheme:light;--page-plane: #fbf7ee;--surface-1: #f4efe2;--surface-2: #ffffff;--surface-raised: #ffffff;--text-primary: #1a1512;--text-secondary: #5a5045;--text-muted: #857a6a;--gridline: #e5dece;--baseline: #d9d1be;--border: rgba(26, 21, 18, .1);--border-strong: rgba(26, 21, 18, .18);--series-1-blue: #c42235;--series-2-aqua: #1e63b4;--series-3-yellow: #d98a00;--series-4-green: #2f8f4e;--series-5-violet: #7a4fbf;--series-6-red: #e0384c;--series-7-magenta: #c85a86;--series-8-orange: #e07a34;--seq-100: #f6dcdf;--seq-200: #eaa9b0;--seq-300: #dd7580;--seq-400: #d04653;--seq-500: #c42235;--seq-600: #a01829;--seq-700: #74111d;--status-good: #2f8f4e;--status-warning: #d98a00;--status-serious: #e07a34;--status-critical: #c42235;--status-good-text: #1f6b39;--brand: #c42235;--brand-ink: #8f1322;--shadow-card: 0 1px 2px rgba(26, 21, 18, .05), 0 1px 1px rgba(26, 21, 18, .04)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--page-plane);color:var(--text-primary);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}a{color:inherit}.page-head{margin-bottom:18px}.page-title{margin:0 0 4px;font-size:22px;font-weight:800;letter-spacing:-.01em}.page-subtitle{margin:0;font-size:13.5px;color:var(--text-secondary);max-width:640px}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:14px}.filter-bar select{padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);font-size:13px}.btn-primary{padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--brand);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.btn-primary:hover{background:var(--brand-ink)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-reset{margin-left:auto;padding:7px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer}.btn-reset:hover{color:var(--text-primary);border-color:var(--text-muted)}.state-banner{padding:14px 16px;border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border);color:var(--text-secondary);font-size:13.5px}.state-banner--error{background:#d03b3b14;border-color:#d03b3b4d;color:var(--status-critical)}.table-wrap{overflow-x:auto;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.cell-muted{color:var(--text-secondary)}.cell-numeric{font-variant-numeric:tabular-nums;text-align:right}.status-strip{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);margin-bottom:10px}.status-strip__dot{width:6px;height:6px;border-radius:50%;background:var(--status-good);flex-shrink:0}