@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--logo-yellow: #fecc00;--logo-yellow-hover: #f0c000;--logo-yellow-deep: #e7a30f;--logo-gray: #9d9e9e;--ink-950: #0c0c0e;--ink-900: #161618;--ink-800: #1f1f23;--ink-700: #2c2c32;--ink-600: #3f3f46;--ink-500: #71717a;--ink-400: #a1a1aa;--ink-300: #d4d4d8;--ink-200: #e4e4e7;--ink-100: #f4f4f5;--ink-50: #fafafa;--ink-0: #ffffff;--brand-5: #fffbeb;--brand-10: #fef3c7;--brand-20: #fde68a;--brand-40: #fecc00;--brand-50: #eab308;--brand-60: #a16207;--green-10: #ecfdf5;--green-40: #34d399;--green-50: #10b981;--green-60: #059669;--red-10: #fef2f2;--red-20: #fecaca;--red-50: #ef4444;--red-55: #dc2626;--font-sans: "Plus Jakarta Sans", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Menlo, monospace;--bg: #f4f5f7;--bg-layout: #eef0f3;--bg-elevated: #ffffff;--bg-muted: #f1f3f5;--bg-sidebar: #fbfbfc;--border: #e6e8ec;--border-strong: #d5d9e0;--text: #18181b;--text-muted: #71717a;--text-subtle: #a1a1aa;--accent: var(--logo-yellow);--accent-hover: var(--logo-yellow-hover);--accent-soft: #fff8db;--accent-text: #8a6d00;--accent-contrast: #18181b;--link: #1f2937;--link-hover: #a16207;--danger: var(--red-55);--danger-soft: var(--red-10);--success: var(--green-60);--success-soft: var(--green-10);--warning: #b45309;--warning-soft: #fffbeb;--nav-width: 232px;--header-height: 60px;--radius: 8px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .04);--shadow-focus: 0 0 0 3px rgba(254, 204, 0, .28);--msg-panel-bg: #f1f2f3;--msg-viewer-bg: #f9fafa;--msg-viewer-color: #2f3639;--msg-tab-bg: #ffffff;--msg-tab-hover-bg: #f1f2f3;--msg-tab-active-bg: #e3e6e8;--msg-tab-color: #73848c;--msg-meta-label: #73848c;--msg-meta-value: #2f3639;--msg-meta-hint: #abb5ba}[data-theme=dark]{--bg: #0c0c0e;--bg-layout: #09090b;--bg-elevated: #141416;--bg-muted: #1c1c1f;--bg-sidebar: #101012;--border: #27272a;--border-strong: #3f3f46;--text: #f4f4f5;--text-muted: #a1a1aa;--text-subtle: #71717a;--accent: var(--logo-yellow);--accent-hover: #ffe14d;--accent-soft: #2a2308;--accent-text: var(--logo-yellow);--accent-contrast: #18181b;--link: #fafafa;--link-hover: var(--logo-yellow);--danger: #f87171;--danger-soft: #3f1212;--success: #34d399;--success-soft: #052e1c;--warning: var(--logo-yellow);--warning-soft: #2a2308;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 12px 28px rgba(0, 0, 0, .28);--shadow-focus: 0 0 0 3px rgba(254, 204, 0, .22);--msg-panel-bg: #22282a;--msg-viewer-bg: #171a1c;--msg-viewer-color: #e3e6e8;--msg-tab-bg: #171a1c;--msg-tab-hover-bg: #2f3639;--msg-tab-active-bg: #2f3639;--msg-tab-color: #8f9ca3;--msg-meta-label: #8f9ca3;--msg-meta-value: #e3e6e8;--msg-meta-hint: #abb5ba}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.02em}code,.mono{font-family:var(--font-mono)}hr{border:0;border-top:1px solid var(--border);margin:10px 12px}.navbar{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.navbar-brand{display:flex;align-items:center;gap:14px;min-width:0}.navbar-logo{display:inline-flex;align-items:center;gap:12px;line-height:1.1;min-width:0}.navbar-logo-mark{width:38px;height:38px;object-fit:contain;display:block;flex-shrink:0}.navbar-logo-wordmark{display:flex;flex-direction:column;gap:3px;min-width:0}.navbar-logo-title{font-size:17px;font-weight:700;letter-spacing:.04em;line-height:1}.navbar-logo-kafka,[data-theme=dark] .navbar-logo-kafka{color:var(--logo-yellow)}.navbar-logo-ui{color:var(--logo-gray)}.navbar-logo-tagline{font-size:11px;font-weight:500;color:var(--text-muted);letter-spacing:.01em;white-space:nowrap}.navbar-version{font-size:11px;font-weight:600;color:var(--text-muted);padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:var(--bg-muted)}.navbar-actions{display:flex;align-items:center;gap:8px}.profile-menu{position:relative}.profile-trigger{display:inline-flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s ease,background .15s ease}.profile-trigger:hover,.profile-menu.open .profile-trigger{border-color:var(--border-strong);background:var(--bg-muted)}.profile-avatar{width:32px;height:32px;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;background:linear-gradient(180deg,#ffe14d 0%,var(--logo-yellow) 100%);color:var(--accent-contrast)}.profile-avatar.lg{width:40px;height:40px}.profile-trigger-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;line-height:1.15}.profile-trigger-name{font-size:13px;font-weight:700;color:var(--text)}.profile-trigger-role{font-size:11px;font-weight:500;color:var(--text-muted)}.profile-trigger-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .15s ease}.profile-menu.open .profile-trigger-chevron{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:260px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated);box-shadow:var(--shadow)}.profile-dropdown-header{display:flex;align-items:center;gap:12px;padding:8px 8px 12px;border-bottom:1px solid var(--border);margin-bottom:8px}.profile-dropdown-identity{min-width:0}.profile-dropdown-name{font-size:14px;font-weight:700;color:var(--text)}.profile-dropdown-role{margin-top:2px;font-size:12px;color:var(--text-muted)}.profile-dropdown-list{display:flex;flex-direction:column;gap:2px}.profile-menu-item-wrap{position:relative}.profile-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.profile-menu-item:hover,.profile-menu-item.active{background:var(--bg-muted)}.profile-menu-item.danger{color:var(--danger)}.profile-menu-item.danger:hover{background:var(--danger-soft);color:var(--danger)}.profile-menu-item-label{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-menu-item-label>span:first-child{font-size:13px;font-weight:600}.profile-menu-item-hint{font-size:11px;color:var(--text-muted);font-weight:500}.profile-menu-item-chevron{color:var(--text-muted);flex-shrink:0}.theme-flyout{position:absolute;top:0;right:calc(100% + 8px);z-index:51;width:220px;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated);box-shadow:var(--shadow)}.theme-flyout-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.theme-flyout-item:hover,.theme-flyout-item.selected{background:var(--bg-muted)}.theme-swatch{width:28px;height:28px;border-radius:8px;display:inline-grid;place-items:center;flex-shrink:0;border:1px solid var(--border)}.theme-swatch-dark{background:linear-gradient(135deg,#161618 50%,var(--logo-yellow) 50%);color:#fff}.theme-swatch-light{background:linear-gradient(135deg,#fff 50%,#eef0f3 50%);color:#18181b}.theme-swatch-auto{background:linear-gradient(135deg,#161618 50%,#f4f5f7 50%);color:var(--logo-yellow)}.theme-flyout-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.theme-flyout-title{font-size:13px;font-weight:600}.theme-flyout-hint{font-size:11px;color:var(--text-muted)}.theme-flyout-check{color:var(--logo-yellow);flex-shrink:0}@media(max-width:720px){.profile-trigger-text{display:none}.profile-trigger{padding:4px}.profile-trigger-chevron{display:none}.theme-flyout{right:0;top:calc(100% + 6px);left:auto}.profile-dropdown{width:min(260px,calc(100vw - 24px))}}.burger{display:none;width:36px;height:36px;border:0;background:transparent;padding:8px;flex-direction:column;justify-content:center;gap:5px}.burger span{display:block;height:2px;background:var(--text);border-radius:1px}.app-shell{display:grid;grid-template-columns:var(--nav-width) 1fr;min-height:calc(100vh - var(--header-height))}.sidebar{border-right:1px solid var(--border);background:var(--bg-sidebar);overflow:auto;padding:12px 10px 28px}.sidebar-list{list-style:none;margin:0;padding:0}.nav-item{display:flex;align-items:center;gap:8px;padding:9px 12px;margin:2px 0;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13.5px;font-weight:500;border-left:0;transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--bg-muted);color:var(--text)}.nav-item.active{color:var(--text);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--logo-yellow);font-weight:600}.nav-item.top-level{font-weight:600;color:var(--text)}.cluster-tab{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;margin:2px 0;border:0;border-radius:var(--radius-sm);background:transparent;text-align:left;color:var(--text);font-weight:600;font-size:13px;transition:background .15s ease}.cluster-tab:hover{background:var(--bg-muted)}.cluster-tab .chevron{margin-left:auto;color:var(--text-subtle);transition:transform .15s ease;flex-shrink:0}.cluster-tab.open .chevron{transform:rotate(90deg)}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--ink-400);box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent)}.status-dot.online{background:var(--logo-yellow);color:var(--logo-yellow)}.status-dot.offline{background:var(--red-50);color:var(--red-50)}.cluster-children .nav-item{padding-left:28px;font-size:13px;font-weight:500}.main{min-width:0;background:var(--bg)}.content{padding:22px 28px 40px;max-width:100%}.spinner{display:inline-block;box-sizing:border-box;border:3px solid var(--border);border-top-color:var(--logo-yellow);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:260px;padding:48px 16px;color:var(--text-muted)}.page-loader-label{font-size:13px;font-weight:500;color:var(--text-muted)}.data-load{position:relative;min-height:120px}.data-load.is-loading>:not(.data-load-overlay){pointer-events:none;-webkit-user-select:none;user-select:none}.data-load-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:var(--radius)}.page-heading{font-size:24px;line-height:1.25;font-weight:700;color:var(--text);margin:0 0 18px;letter-spacing:-.03em}.page-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.page-heading-row .page-heading{margin:0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:10px}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--link-hover)}.sidebar-backdrop{display:none}@media(max-width:960px){.burger{display:inline-flex}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:min(280px,86vw);z-index:30;transform:translate(-105%);transition:transform .2s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:var(--header-height) 0 0;background:#0f172a66;z-index:25}.content{padding:16px}}@media(max-width:640px){.navbar{padding:0 12px}.navbar-logo-mark{width:32px;height:32px}.navbar-logo-title{font-size:15px}.navbar-logo-tagline,.navbar-version{display:none}}.metrics{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.metric{flex:1 1 150px;min-width:140px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.metric-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.metric-value{font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--text)}.metric-value .light{color:var(--text-muted);font-weight:500;font-size:13px;letter-spacing:0}.tag{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;line-height:18px;letter-spacing:.02em}.tag.green{background:var(--success-soft);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 18%,transparent)}.tag.gray{background:var(--bg-muted);color:var(--text-muted)}.tag.red{background:var(--danger-soft);color:var(--danger)}.tag.yellow,.tag.blue{background:var(--accent-soft);color:var(--accent-text)}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.toolbar-left,.toolbar-right{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.switch-row{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px;font-weight:500}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;border-radius:999px;background:var(--ink-300);position:relative;border:0;padding:0;transition:background .15s ease}[data-theme=dark] .switch{background:var(--ink-600)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .15s ease}.switch.on{background:var(--logo-yellow)}.switch.on:after{transform:translate(16px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;font-weight:600;background:var(--bg-muted);color:var(--text);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease;white-space:nowrap}.btn:hover{background:color-mix(in srgb,var(--bg-muted) 70%,var(--border))}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#ffe14d 0%,var(--logo-yellow) 100%);color:var(--accent-contrast);border-color:color-mix(in srgb,var(--logo-yellow) 70%,#b8860b);box-shadow:0 1px #ffffff59 inset,var(--shadow-sm)}.btn-primary:hover{background:linear-gradient(180deg,#ffe866 0%,var(--logo-yellow-hover) 100%);color:var(--accent-contrast)}.btn-danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,transparent)}.btn-danger:hover{background:var(--danger-soft)}.btn-ghost{background:var(--bg-elevated);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:var(--border-strong);background:var(--bg-muted)}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.menu{position:relative}.menu-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:280px;max-width:min(360px,calc(100vw - 24px));padding:6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow)}.menu-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:10px 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left;cursor:pointer}.menu-item:hover:not(:disabled){background:var(--bg-muted)}.menu-item:disabled{opacity:.45;cursor:not-allowed}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover:not(:disabled){background:var(--danger-soft)}.menu-item-title{font-size:13px;font-weight:600;line-height:1.3}.menu-item-hint{font-size:11px;font-weight:400;line-height:1.35;color:var(--text-muted)}.menu-item.danger .menu-item-hint{color:color-mix(in srgb,var(--danger) 70%,var(--text-muted))}.input,.select,.textarea{width:100%;border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-sm);padding:8px 11px;outline:none;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{border-color:color-mix(in srgb,var(--logo-yellow) 70%,var(--border));box-shadow:var(--shadow-focus)}.textarea{min-height:140px;resize:vertical;font-family:var(--font-mono);font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th,table.data td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}table.data th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-muted);white-space:nowrap}table.data tr:last-child td{border-bottom:0}table.data tbody tr{transition:background .12s ease}table.data tr:hover td{background:color-mix(in srgb,var(--accent-soft) 45%,transparent)}table.data a{color:var(--link);font-weight:600}table.data a:hover{color:var(--link-hover)}table.data a.mono{font-weight:500}.internal-badge{display:inline-flex;margin-left:8px;padding:1px 6px;border-radius:4px;background:var(--bg-muted);color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.05em}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px}.tab{padding:10px 14px;border:0;background:transparent;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:600;font-size:13px;border-radius:6px 6px 0 0}.tab:hover{color:var(--text);background:var(--bg-muted)}.tab.active{color:var(--text);border-bottom-color:var(--logo-yellow)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-body{padding:16px}.muted{color:var(--text-muted)}.error-banner{padding:11px 13px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);margin-bottom:12px;font-weight:500}.empty{padding:40px 16px;text-align:center;color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0c0e85;display:grid;place-items:center;z-index:40;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(640px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);max-height:90vh;overflow:auto}.modal.modal-wide{width:min(760px,100%)}.modal.modal-confirm{width:min(420px,100%)}.modal.modal-confirm header{border-bottom:none;padding-bottom:4px}.modal.modal-confirm .body{padding-top:4px;padding-bottom:8px}.confirm-modal-message{margin:0;font-size:14px;line-height:1.45;color:var(--text-muted)}.modal header,.modal footer{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.modal header{border-bottom:1px solid var(--border);font-weight:600}.modal footer{border-top:1px solid var(--border);justify-content:flex-end}.modal .body{padding:16px;display:flex;flex-direction:column;gap:12px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0c0e59;z-index:40;display:flex;justify-content:flex-end}.drawer{width:min(480px,100%);height:100%;background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;animation:drawer-in .18s ease-out}@keyframes drawer-in{0%{transform:translate(24px);opacity:.85}to{transform:translate(0);opacity:1}}.drawer>header{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);font-weight:600;flex-shrink:0}.drawer-body{padding:16px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:14px}.drawer-footer{padding:14px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-start;gap:10px;flex-shrink:0}.produce-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.produce-editor{width:100%;border:1px solid var(--border);background:var(--bg-muted);border-radius:var(--radius-sm);padding:10px 12px;outline:none;font-family:var(--font-mono);font-size:13px;line-height:1.45;color:var(--text);resize:vertical;box-shadow:var(--shadow-sm)}.produce-editor:focus{border-color:color-mix(in srgb,var(--logo-yellow) 70%,var(--border));box-shadow:var(--shadow-focus);background:var(--bg-elevated)}.produce-editor.key{min-height:52px}.produce-editor.value{min-height:220px}.produce-editor.headers{min-height:72px}@media(max-width:560px){.produce-row{grid-template-columns:1fr}.drawer{width:100%}}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{font-size:12px;color:var(--text-muted);font-weight:600}.form-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.form-label-row label{margin:0}.form-label-hint{font-size:12px;font-weight:600;color:var(--text-muted);font-family:var(--font-mono)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.chip{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent-text)}.edit-section{display:flex;flex-direction:column;gap:12px;padding-top:4px}.custom-param-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.custom-param-remove{margin-bottom:1px}.danger-zone{margin-top:8px;padding:16px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--danger-soft) 55%,var(--bg-elevated));display:flex;flex-direction:column;gap:14px}.danger-zone-title{margin:0;font-size:15px;font-weight:700;color:var(--danger)}.danger-zone-hint{margin:0;font-size:12px;color:var(--text-muted)}.danger-zone-row{display:flex;align-items:flex-end;gap:12px}.danger-zone-row .btn{flex-shrink:0;min-width:96px}@media(max-width:700px){.form-grid-2,.custom-param-row{grid-template-columns:1fr}.custom-param-remove{justify-self:start}.danger-zone-row{flex-direction:column;align-items:stretch}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:700px){.form-grid{grid-template-columns:1fr}}.message-preview{white-space:pre-wrap;word-break:break-word;max-height:180px;overflow:auto;font-family:var(--font-mono);font-size:12px;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;color:var(--text)}.actions{display:flex;gap:6px;flex-wrap:wrap}.warn-cell{color:var(--warning);font-weight:600}.attn-cell{color:var(--danger);font-weight:600}.section-title{font-size:13px;font-weight:600;margin:0 0 12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.linkish{color:var(--link);font-weight:600}.linkish:hover{color:var(--link-hover);text-decoration:underline}.message-stats{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 12px;font-size:12px;font-weight:500;color:var(--text-muted)}.preview-label{color:var(--accent-text);font-weight:600;text-transform:none;letter-spacing:0;margin-left:4px}[data-theme=dark] .preview-label{color:var(--logo-yellow)}.messages-table .message-row{cursor:pointer}.messages-table .message-row.expanded td{background:var(--msg-panel-bg)}.message-actions-cell{width:44px;text-align:right;vertical-align:middle}.message-actions-btn{width:30px;height:30px;border:0;box-shadow:none;background:transparent;color:var(--text-muted)}.message-actions-btn:hover{background:var(--bg-muted);color:var(--text)}.message-actions-menu .menu-panel.message-actions-panel{min-width:180px;right:0}.message-actions-panel.message-actions-portal{position:fixed;right:auto;top:0;left:0;z-index:80;min-width:180px}.message-actions-menu .menu-item,.message-actions-panel .menu-item{padding:8px 12px}.message-cell-preview{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:12px}.message-expand-btn{width:26px;height:26px;display:inline-grid;place-items:center;border:0;border-radius:4px;background:var(--logo-yellow);color:var(--accent-contrast);padding:0}.message-expand-btn.open{background:var(--logo-yellow-deep);color:#fff}[data-theme=dark] .message-expand-btn.open{background:var(--logo-yellow-hover);color:var(--accent-contrast)}.message-detail-row td{padding:16px!important;background:var(--msg-panel-bg)!important;border-bottom:1px solid var(--border)}.msg-content{display:flex;align-items:stretch;gap:1px;padding:0 16px}.msg-content-box{flex:2.2 1 0;min-width:0;display:flex;flex-direction:column;padding:24px;border-radius:8px 0 0 8px;background:var(--msg-panel-bg)}.msg-tabs{display:inline-flex;align-self:flex-start;padding-bottom:16px}.msg-tab{height:32px;padding:6px 16px;border:1px solid var(--border);background:var(--msg-tab-bg);color:var(--msg-tab-color);font-size:14px;font-weight:500;cursor:pointer}.msg-tab:not(:last-child){border-right:0}.msg-tab:first-child{border-radius:4px 0 0 4px}.msg-tab:last-child{border-radius:0 4px 4px 0}.msg-tab:hover{background:var(--msg-tab-hover-bg);color:var(--text)}.msg-tab.active{background:var(--msg-tab-active-bg);color:var(--text)}.msg-viewer{flex:1;min-height:180px;max-height:420px;overflow:auto;padding:8px 16px;background:var(--msg-viewer-bg);border-radius:4px}.msg-viewer-code{margin:0;font-family:var(--font-mono);font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--msg-viewer-color);background:transparent}.msg-viewer-empty{margin:0;color:var(--text-muted);font-family:var(--font-mono);font-size:13px}.msg-meta-box{flex:1.35 1 0;min-width:340px;max-width:480px;display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:0 8px 8px 0;background:var(--msg-panel-bg)}.msg-meta-row{display:flex;gap:35px;align-items:flex-start}.msg-meta-label{width:80px;flex-shrink:0;font-size:14px;color:var(--msg-meta-label)}.msg-meta-body{min-width:0}.msg-meta-value{font-size:12px;color:var(--msg-meta-value);line-height:1.4}.msg-meta-hint{margin-top:2px;font-size:12px;color:var(--msg-meta-hint);line-height:1.4}@media(max-width:900px){.msg-content{flex-direction:column;padding:0}.msg-content-box,.msg-meta-box{border-radius:8px;max-width:none}.message-cell-preview{max-width:220px}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;isolation:isolate;background:var(--bg-layout)}.login-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 80% 60% at 10% 0%,rgba(254,204,0,.18),transparent 55%),radial-gradient(ellipse 70% 50% at 90% 100%,rgba(161,98,7,.12),transparent 50%),linear-gradient(160deg,var(--bg-layout) 0%,var(--bg) 45%,var(--bg-layout) 100%)}[data-theme=dark] .login-backdrop{background:radial-gradient(ellipse 80% 60% at 10% 0%,rgba(254,204,0,.12),transparent 55%),radial-gradient(ellipse 70% 50% at 90% 100%,rgba(254,204,0,.05),transparent 50%),linear-gradient(160deg,var(--ink-950) 0%,var(--ink-900) 50%,var(--ink-950) 100%)}.login-card{width:min(100%,420px);padding:32px 28px 28px;border:1px solid var(--border);border-radius:16px;background:var(--bg-elevated);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}.login-logo{width:44px;height:44px;object-fit:contain;border-radius:10px}.login-brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.login-title{font-size:20px;font-weight:700;letter-spacing:.02em;line-height:1.1}.login-tagline{font-size:12px;color:var(--text-muted);font-weight:500}.login-heading{margin:8px 0 0;font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.02em}.login-subheading{margin:0 0 4px;font-size:13px;color:var(--text-muted);line-height:1.4}.login-error{margin:0}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.login-input{width:100%;padding-left:38px!important;padding-right:40px!important}.login-eye{position:absolute;right:8px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer}.login-eye:hover{background:var(--bg-muted);color:var(--text)}.login-submit{width:100%;margin-top:8px;height:42px;font-weight:600}.login-loading{text-align:center;color:var(--text-muted);padding:24px 0;font-size:14px}@media(max-width:480px){.login-card{padding:24px 20px 20px}}