:root{--bg: #ffffff;--text: #000000;--border: #000000;--border-light: #cccccc;--hover: #f5f5f5;--active: #e0e0e0;--input-bg: #ffffff;--bg-surface: #ffffff;--bg-card: #f8fafc;--bg-hover: #e2e8f0;--border-strong: #cbd5e1;--text-main: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--primary: #2563eb;--primary-light: #eff6ff;--primary-hover: #1d4ed8;--info-active: #93c5fd;--danger: #dc2626;--danger-bg: #fee2e2;--danger-border: #f87171;--success-text: #15803d;--radius-sm: 6px;--radius-md: 8px;--shadow-popover: 0 10px 25px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .05);--transition: .15s ease-in-out;--table-font-size: 12px;--table-line-height: normal;--table-th-padding: 4px 8px;--table-td-padding: 3px 8px;--table-cell-max-width: 300px;--table-width: 100%;--tone-good-bg: #d9f0d9;--tone-good-text: #15803d;--tone-good-border: #86c986;--tone-bad-bg: #fcd9d9;--tone-bad-text: #dc2626;--tone-bad-border: #f87171;--row-good-bg: #d9f0d9;--row-good-hover: #c6e6c6;--row-bad-bg: #f98b8b;--row-bad-hover: #f47676;--row-muted-bg: #d9d9d9;--row-muted-hover: #cccccc;--row-muted-text: #666666}body.dark{--bg: #121212;--text: #e0e0e0;--border: #555555;--border-light: #333333;--hover: #1e1e1e;--active: #2a2a2a;--input-bg: #1e1e1e;--bg-surface: #1a1a1a;--bg-card: #1e1e1e;--bg-hover: #2a2a2a;--border-strong: #3a3a3a;--text-main: #e0e0e0;--text-secondary: #aaaaaa;--text-muted: #777777;--primary: #3b82f6;--primary-light: rgba(59, 130, 246, .18);--primary-hover: #60a5fa;--info-active: #234080;--danger: #ef4444;--danger-bg: #451214;--danger-border: #b91c1c;--success-text: #4ade80;--shadow-popover: 0 10px 25px -3px rgba(0, 0, 0, .6);--tone-good-bg: #14251a;--tone-good-text: #4ade80;--tone-good-border: rgba(74, 222, 128, .45);--tone-bad-bg: #2e1517;--tone-bad-text: #f87171;--tone-bad-border: rgba(248, 113, 113, .5);--row-good-bg: #15261a;--row-good-hover: #1b3222;--row-bad-bg: #2e1618;--row-bad-hover: #3a1b1e;--row-muted-bg: #1d1d1d;--row-muted-hover: #262626;--row-muted-text: #8a8a8a}*{box-sizing:border-box}body{margin:0;font-family:monospace;background:var(--bg);color:var(--text)}app-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}header{border-bottom:1px solid var(--border);padding:8px 16px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}nav{border-bottom:1px solid var(--border);display:flex;flex-shrink:0}.tab{padding:8px 16px;cursor:pointer;border-right:1px solid var(--border);font-size:13px;text-decoration:none;color:var(--text);display:block}.tab.active{font-weight:700;background:var(--active)}.tab:hover:not(.active){background:var(--hover)}main{flex:1;overflow-y:auto;padding:16px}.btn{border:1px solid var(--border);background:var(--bg);color:var(--text);padding:4px 10px;cursor:pointer;font-family:monospace;font-size:12px}.btn:hover{background:var(--active)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--text);color:var(--bg)}.btn.primary:hover{opacity:.85}.copy-btn{min-width:74px;text-align:center}.copy-all-btn{min-width:92px;text-align:center}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.toolbar h2{margin:0;font-size:15px}.toolbar select{border:1px solid var(--border);background:var(--bg);color:var(--text);padding:4px 8px;font-family:monospace;font-size:12px}.view-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:8px 16px;font-size:12px;background:var(--bg);border-bottom:1px solid var(--border-light);transition:background-color var(--transition),border-color var(--transition)}.toolbar-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.toolbar-btn{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;height:28px;background:var(--bg);color:var(--text);border:1px solid var(--border);font-family:monospace;font-size:12px;font-weight:600;cursor:pointer;transition:background-color var(--transition),border-color var(--transition)}.toolbar-btn:hover:not(:disabled){background:var(--active)}.toolbar-btn:active:not(:disabled){background:var(--hover)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.toolbar-btn.primary:hover:not(:disabled){background:var(--text);opacity:.85}.toolbar-btn.active{background:var(--active);font-weight:700}.toolbar-btn-copy{min-width:132px;justify-content:center}.toolbar-segmented{display:inline-flex}.toolbar-segmented .toolbar-btn+.toolbar-btn{margin-left:-1px}.refresh-icon{display:inline-block;font-size:13px;line-height:1}@keyframes toolbar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-icon.spinning{animation:toolbar-spin .8s linear infinite}.toolbar-divider{width:1px;height:20px;background:var(--border-light);margin:0 2px;flex-shrink:0}.toolbar-counter{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;height:28px;background:var(--bg-card);border:1px solid var(--border-light);font-size:12px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;transition:background-color var(--transition),border-color var(--transition),color var(--transition)}.toolbar-counter-icon{font-size:11px;opacity:.65}.toolbar-counter strong{color:var(--text-main);font-weight:700}.toolbar-counter.filtered{background:var(--primary-light);border-color:var(--info-active);color:var(--primary-hover)}.toolbar-counter.filtered strong{color:var(--primary-hover)}.toolbar-stat{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;height:28px;background:var(--bg-card);border:1px solid var(--border-light);font-size:12px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.toolbar-stat strong{color:var(--text-main);font-weight:700}.toolbar-stat.stat-good{border-color:var(--success-text);color:var(--success-text)}.toolbar-stat.stat-good strong{color:var(--success-text)}.toolbar-stat.stat-bad{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.toolbar-stat.stat-bad strong{color:var(--danger)}.toolbar-message{font-size:12px;color:var(--text-secondary)}.toolbar-message.error{color:var(--danger)}.toolbar-filter{display:inline-flex;align-items:center;gap:8px}.toolbar-label{opacity:.7;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.toolbar-select{height:28px;padding:4px 8px;border:1px solid var(--border-light);border-radius:4px;background:var(--bg);color:var(--text);font-family:monospace;font-size:12px;outline:none}.toolbar-select:focus{border-color:var(--primary)}.data-table-wrap{overflow-x:auto}table{border-collapse:collapse;width:var(--table-width);font-size:var(--table-font-size);line-height:var(--table-line-height)}th{border:1px solid var(--border);padding:var(--table-th-padding);background:var(--table-th-bg, var(--active));text-align:left;white-space:nowrap;position:sticky;top:0;color:var(--text);font-weight:700;vertical-align:middle}td{border:1px solid var(--border-light);padding:var(--table-td-padding);max-width:var(--table-cell-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);vertical-align:middle}.uuid-cell{max-width:200px}tr:hover td{background:var(--hover)}tr.row-active td{background:var(--row-good-bg)}tr.row-active:hover td{background:var(--row-good-hover)}tr.row-expiring td,tr.row-echo-failing td{background:var(--row-bad-bg)}tr.row-expiring:hover td,tr.row-echo-failing:hover td{background:var(--row-bad-hover)}tr.row-expired td{background:var(--row-muted-bg);color:var(--row-muted-text)}tr.row-expired:hover td{background:var(--row-muted-hover)}.flag-icon{width:20px;height:14px;object-fit:cover;border:1px solid var(--border-light);display:block}.status-text{font-size:12px;opacity:.7}.error-text{color:var(--danger);opacity:1}.empty{opacity:.4;font-size:13px;padding:20px 0}input[type=text],input[type=password]{border:1px solid var(--border);background:var(--input-bg);color:var(--text);padding:8px 12px;font-family:monospace;font-size:14px;outline:none;width:100%}input[type=text]:focus,input[type=password]:focus{background:var(--active)}.msg{font-size:13px;padding:6px 0}.msg.success{color:var(--success-text)}.msg.error{color:var(--danger)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent;border:none}*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-button{display:none;width:0;height:0;background:none}*::-webkit-scrollbar-thumb{background-color:#4d4d4db3;background-clip:padding-box;border-radius:2px;border:0 solid transparent}*::-webkit-scrollbar-thumb:vertical{min-height:30px;border-width:0 3px}*::-webkit-scrollbar-thumb:horizontal{min-width:30px;border-width:3px 0}*::-webkit-scrollbar-thumb:hover{background-color:#666666d9}*::-webkit-scrollbar-thumb:vertical:hover{border-width:0}*::-webkit-scrollbar-thumb:horizontal:hover{border-width:0}*::-webkit-scrollbar-thumb:active{background-color:#333333f2}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:rgba(77,77,77,.7) transparent}}