:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}body{display:block;margin:0}#root{max-width:960px;margin:0 auto;padding:1.5rem;text-align:left}.app-header{display:flex;align-items:baseline;gap:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #333;padding-bottom:.75rem}.app-header h1{font-size:1.6rem;margin:0;line-height:1}.status{display:flex;gap:1rem;font-size:.85rem;color:#888;margin-left:auto}.status .error{color:#f87171}.status .count{font-weight:600;color:#aaa}.message-list{display:flex;flex-direction:column;gap:.4rem}.message-row{border:1px solid #333;border-radius:6px;overflow:hidden;transition:border-color .15s}.message-row.expanded{border-color:#555}.message-header{width:100%;display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;background:transparent;border:none;border-radius:0;cursor:pointer;text-align:left;font-size:.9rem;color:inherit;transition:background .15s}.message-header:hover{background:#ffffff0d;border-color:transparent}.message-header:focus-visible{outline:2px solid #646cff;outline-offset:-2px}.chevron{font-size:.75rem;min-width:.9rem;color:#888}.badge{font-size:.7rem;font-weight:700;padding:.15em .5em;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;background:#444;color:#ddd;white-space:nowrap}.badge-modify{background:#1e3a5f;color:#7eb3f5}.badge-create{background:#1a3d2e;color:#6ee7b7}.badge-delete{background:#3d1a1a;color:#f87171}.badge-enable{background:#2a3d1a;color:#86efac}.badge-disable{background:#3d2a1a;color:#fdba74}.name{font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account{font-size:.8rem;color:#888;white-space:nowrap}.received{font-size:.78rem;color:#666;white-space:nowrap;margin-left:auto}.message-body{border-top:1px solid #333;padding:.8rem 1rem;background:#ffffff05}.message-body table{border-collapse:collapse;width:100%;font-size:.85rem}.message-body th,.message-body td{padding:.28rem .5rem;vertical-align:top;text-align:left}.message-body th{width:140px;color:#888;font-weight:500;white-space:nowrap}.message-body td{word-break:break-all}.message-body tr:hover td,.message-body tr:hover th{background:#ffffff0a}.null-value{color:#555}.group-list{display:flex;flex-wrap:wrap;gap:.3rem}.group-tag{font-size:.75rem;padding:.15em .5em;border-radius:4px;background:#2a2a3d;color:#a5b4fc;white-space:nowrap}@media (prefers-color-scheme: light){.group-tag{background:#ede9fe;color:#5b21b6}}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:360px;padding:2rem;border:1px solid #333;border-radius:8px}.login-box h1{margin:0 0 .25rem;font-size:1.4rem}.login-hint{margin:0;font-size:.85rem;color:#888}.login-box input{padding:.55rem .75rem;border:1px solid #444;border-radius:6px;background:#1a1a1a;color:inherit;font-size:.95rem;font-family:inherit}.login-box input:focus{outline:2px solid #646cff;border-color:transparent}.login-box button{padding:.55rem;font-size:.95rem}.login-box button:disabled{opacity:.45;cursor:not-allowed}.login-error{margin:0;font-size:.85rem;color:#f87171}.logout-btn{padding:.25em .75em;font-size:.78rem;border-color:#444}.loading,.empty{text-align:center;color:#666;padding:3rem 0;font-size:.95rem}@media (prefers-color-scheme: light){.message-row{border-color:#ddd}.message-row.expanded{border-color:#aaa}.message-header:hover{background:#00000008}.badge{background:#e5e7eb;color:#374151}.badge-modify{background:#dbeafe;color:#1d4ed8}.badge-create{background:#d1fae5;color:#065f46}.badge-delete{background:#fee2e2;color:#b91c1c}.badge-enable{background:#dcfce7;color:#166534}.badge-disable{background:#ffedd5;color:#c2410c}.message-body{background:#00000003}.message-body th{color:#6b7280}.null-value{color:#bbb}.status .count{color:#555}.received,.account{color:#999}.app-header,.message-body{border-color:#e5e7eb}.message-body tr:hover td,.message-body tr:hover th{background:#00000008}}