:root{--bg:#0b0d12;--bg-elevated:#11141b;--bg-card:#151922;--border:#232834;--border-soft:#1c212b;--text:#e7eaf0;--text-muted:#8b93a3;--text-faint:#5b6275;--accent:#5b8cff;--accent-soft:#5b8cff1f;--success:#34d399;--success-soft:#34d3991f;--warning:#fbbf24;--warning-soft:#fbbf241f;--danger:#f87171;--danger-soft:#f871711f;--info:#38bdf8;--info-soft:#38bdf81f;--neutral-soft:#8b93a324;--radius:10px;--shadow:0 8px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{height:100vh}button{font-family:inherit}.mono{font-family:SFMono-Regular,JetBrains Mono,Consolas,Menlo,monospace;font-size:.85em}.app-shell{flex-direction:column;height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border-soft);background:var(--bg-elevated);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.app-header-title{align-items:baseline;gap:10px;display:flex}.app-header-title h1{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.app-header-subtitle{color:var(--text-faint);font-size:12px;font-weight:500}.app-header-meta{color:var(--text-muted);font-size:12px}.last-updated:before{content:"● ";color:var(--success)}.app-main{flex:1;padding:0 24px;overflow:auto}.app-footer{border-top:1px solid var(--border-soft);background:var(--bg-elevated);padding:12px 24px}.toolbar{border-bottom:1px solid var(--border-soft);background:var(--bg);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 24px;display:flex}.toolbar-search{flex:1;min-width:220px;max-width:360px;position:relative}.toolbar-search .search-icon{color:var(--text-faint);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.toolbar-search input{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text);outline:none;padding:9px 12px 9px 32px;font-size:13px;transition:border-color .15s}.toolbar-search input:focus{border-color:var(--accent)}.select{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;outline:none;padding:9px 10px;font-size:13px}.select:focus{border-color:var(--accent)}.select-limit{margin-left:auto}.toggle{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.toggle input{accent-color:var(--accent);cursor:pointer}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--text-faint)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#4a7bef;border-color:#4a7bef}.btn-icon{padding:6px 10px;font-size:14px;line-height:1}.spin-icon{animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.table-wrapper{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--bg-card);margin:16px 0;position:relative;overflow:hidden}.logs-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.logs-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);background:var(--bg-elevated);border-bottom:1px solid var(--border-soft);padding:11px 16px;font-size:11px;font-weight:600;position:sticky;top:0}.logs-table tbody tr{cursor:pointer;border-bottom:1px solid var(--border-soft);transition:background .1s}.logs-table tbody tr:last-child{border-bottom:none}.logs-table tbody tr:hover{background:var(--bg-elevated)}.logs-table tbody tr:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.logs-table tbody tr.row-selected{background:var(--accent-soft)}.logs-table td{vertical-align:middle;color:var(--text);padding:11px 16px}.col-time{white-space:nowrap;width:13%}.cell-date{font-size:12.5px}.cell-time{color:var(--text-faint);font-size:11.5px}.col-action{width:16%}.col-entity{width:11%;color:var(--text-muted)}.col-actor{width:13%}.col-ip{width:13%;color:var(--text-muted)}.col-desc{width:34%}.truncate{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.badge{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;max-width:100%;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-neutral{background:var(--neutral-soft);color:var(--text-muted)}.state-panel{color:var(--text-muted);border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--bg-card);flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:16px 0;padding:80px 20px;font-size:14px;display:flex}.state-icon{font-size:28px}.state-error{color:var(--danger)}.table-loading-overlay{background:#0b0d1280;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.pagination{justify-content:space-between;align-items:center;display:flex}.pagination-info{color:var(--text-muted);font-size:12.5px}.pagination-controls{align-items:center;gap:6px;display:flex}.pagination-current{color:var(--text-muted);white-space:nowrap;padding:0 8px;font-size:12.5px}.drawer-backdrop{opacity:0;pointer-events:none;z-index:40;background:#00000080;transition:opacity .2s;position:fixed;inset:0}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.drawer{background:var(--bg-elevated);border-left:1px solid var(--border);width:min(480px,92vw);height:100%;box-shadow:var(--shadow);z-index:50;flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.drawer.is-open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 16px;display:flex}.drawer-title{margin:10px 0 4px;font-size:15px;font-weight:600;line-height:1.4}.drawer-subtitle{color:var(--text-faint);margin:0;font-size:12px}.drawer-body{flex:1;padding:20px;overflow-y:auto}.detail-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.detail-field{flex-direction:column;gap:4px;min-width:0;display:flex}.detail-field-wide{grid-column:1/-1}.detail-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-size:10.5px;font-weight:600}.detail-value{color:var(--text);word-break:break-word;font-size:13px}.detail-value-sub{color:var(--text-faint)}.detail-value-small{color:var(--text-muted);font-size:11.5px;line-height:1.5}.detail-section{margin-bottom:20px}.detail-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin:0 0 8px;font-size:11.5px;font-weight:600}.json-block{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-soft);color:#a8e6c1;white-space:pre-wrap;word-break:break-word;margin:0;padding:14px;font-family:SFMono-Regular,JetBrains Mono,Consolas,Menlo,monospace;font-size:12px;line-height:1.6;overflow-x:auto}@media (width<=720px){.col-ip,.col-entity{display:none}.detail-grid{grid-template-columns:1fr}}