:root { color-scheme: light dark; --bg:#f4f6f5; --panel:#fff; --ink:#18201c; --muted:#65716b; --line:#d7ded9; --red:#b42318; --amber:#a15c00; --green:#18794e; --blue:#246b9e; }
@media (prefers-color-scheme: dark) { :root { --bg:#111614; --panel:#18201d; --ink:#edf4ef; --muted:#a2afa9; --line:#33413b; --red:#ff817a; --amber:#ffc266; --green:#69d5a3; --blue:#83c4ff; } }
* { box-sizing:border-box; } body { margin:0; background:var(--bg); color:var(--ink); font:14px/1.45 system-ui,sans-serif; }
button,input,select { font:inherit; } button { min-height:36px; border:1px solid var(--ink); border-radius:6px; padding:0 13px; background:var(--ink); color:var(--panel); cursor:pointer; }
button.secondary,.copy-id { background:var(--panel); color:var(--ink); border-color:var(--line); }
.topbar { position:sticky; top:0; z-index:3; display:flex; justify-content:space-between; align-items:center; gap:18px; padding:16px 22px; background:color-mix(in srgb,var(--bg) 92%,transparent); border-bottom:1px solid var(--line); backdrop-filter:blur(10px); }
h1,p { margin:0; }.topbar p,.results-head span { color:var(--muted); }.title-row,.top-actions,.filter-actions,.results-head>div { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }.title-row a { color:var(--ink); font-weight:700; }
main { max-width:1600px; margin:auto; padding:20px; }.filters,.results-panel,.notice { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:16px; }
.filters { display:grid; grid-template-columns:repeat(auto-fit,minmax(175px,1fr)); gap:12px; margin-bottom:16px; }.filters label { display:grid; gap:5px; font-weight:700; }.filters input,.filters select { width:100%; min-height:38px; padding:7px 9px; border:1px solid var(--line); border-radius:6px; background:var(--panel); color:var(--ink); }.filter-actions { align-self:end; }
.notice { display:flex; align-items:center; gap:12px; margin-bottom:14px; }.warning { border-color:var(--amber); }.error { border-color:var(--red); }.hidden { display:none !important; }
.results-panel { padding:0; overflow:hidden; }.results-head { display:flex; justify-content:space-between; gap:12px; padding:13px 15px; border-bottom:1px solid var(--line); }.table-wrap { overflow:auto; max-height:calc(100vh - 310px); }
table { width:100%; border-collapse:collapse; } th { position:sticky; top:0; z-index:1; text-align:left; background:var(--panel); } th,td { padding:10px; border-bottom:1px solid var(--line); vertical-align:top; } td:nth-child(1) { white-space:nowrap; } td:nth-child(5) { min-width:360px; max-width:700px; }
.level { font-weight:800; }.level-error .level,.level-critical .level { color:var(--red); }.level-warn .level { color:var(--amber); }.level-info .level { color:var(--green); }.level-debug .level { color:var(--blue); }
details summary { cursor:pointer; } pre { max-width:700px; overflow:auto; padding:10px; background:var(--bg); border-radius:6px; white-space:pre-wrap; word-break:break-word; }.copy-id { min-height:28px; padding:0 7px; }.pagination { padding:12px; text-align:center; }.empty { text-align:center; color:var(--muted); padding:32px; }
@media (max-width:700px) { .topbar { position:static; align-items:flex-start; }.table-wrap { max-height:none; } td:nth-child(5) { min-width:260px; } }