:root{--brand: #f58220;--brand-ink: #d96d10;--brand-tint: #fff3e6;--ink: #20242b;--ink-soft: #414852;--muted: #79818c;--line: #e5e7eb;--line-soft: #eff1f4;--bg: #f5f6f8;--panel: #ffffff;--ok: #1b8a4b;--ok-bg: #e7f5ec;--warn: #a85d00;--warn-bg: #f8ead8;--bad: #d6182b;--bad-bg: #fbe7e9;--info: #0e7cc4;--radius: 8px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .08);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-head: "Poppins", var(--font-sans)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand-ink);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-head);color:var(--ink);font-weight:600;letter-spacing:-.01em}.layout{display:flex;min-height:100vh;align-items:stretch}.sidebar{width:236px;flex:0 0 236px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;align-self:flex-start;height:100vh}.brand-strip{height:4px;background:linear-gradient(90deg,#a6ce39 0,#a6ce39 14.3%,#00a99d 14.3%,#00a99d 28.6%,#29abe2 28.6%,#29abe2 42.9%,#662d91 42.9%,#662d91 57.2%,#ec008c 57.2%,#ec008c 71.5%,#e4032e 71.5%,#e4032e 85.8%,#f58220 85.8%,#f58220)}.brand{display:flex;align-items:center;gap:11px;padding:18px 16px 14px}.brand img{width:40px;height:40px;object-fit:contain;display:block}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-name{font-family:var(--font-head);font-weight:700;font-size:15px;color:var(--ink);letter-spacing:.01em}.brand-tag{font-size:11px;color:var(--muted)}.nav-label{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:14px 18px 6px}.side-nav{display:flex;flex-direction:column;padding:0 10px}.side-nav a{display:block;padding:8px 10px;border-radius:7px;font-weight:500;font-size:13.5px;color:var(--ink-soft);border-left:3px solid transparent;transition:background .12s,color .12s}.side-nav a:hover{background:var(--line-soft);text-decoration:none}.side-nav a.active{background:var(--brand-tint);color:var(--brand-ink);border-left-color:var(--brand);font-weight:600}.sidebar-foot{margin-top:auto;padding:14px 18px;font-size:11px;color:var(--muted);line-height:1.45;border-top:1px solid var(--line-soft)}.content{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:52px;display:flex;align-items:center;gap:12px;padding:0 24px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.topbar .crumb{font-family:var(--font-head);font-weight:600;font-size:14px;color:var(--ink)}.env-chip{margin-left:auto;font-size:11px;font-weight:600;color:var(--ink-soft);background:var(--line-soft);border:1px solid var(--line);padding:4px 10px;border-radius:999px}main{padding:24px;max-width:1240px;width:100%;margin:0 auto}main>h2:first-of-type{font-size:20px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line)}main>h2:first-of-type .muted{font-weight:400}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:var(--radius);padding:15px 16px;box-shadow:var(--shadow-sm)}.card .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.card .value{font-family:var(--font-head);font-size:25px;font-weight:600;margin-top:7px;color:var(--ink);letter-spacing:-.02em}.card .sub{font-size:12px;color:var(--muted);margin-top:5px}.card--brand,.card--info,.card--good,.card--warn,.card--bad,.card--neutral{border:none;color:#fff;box-shadow:var(--shadow-md)}.card--brand{background:#e0700f}.card--info{background:#1183be}.card--good{background:#00877a}.card--warn{background:#b45309}.card--bad{background:#e4032e}.card--neutral{background:#3c4655}.card--brand .label,.card--info .label,.card--good .label,.card--warn .label,.card--bad .label,.card--neutral .label{color:#ffffffe6}.card--brand .value,.card--info .value,.card--good .value,.card--warn .value,.card--bad .value,.card--neutral .value{color:#fff;font-weight:700}.card--brand .sub,.card--info .sub,.card--good .sub,.card--warn .sub,.card--bad .sub,.card--neutral .sub{color:#ffffffd9}.card--solid{border:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.panel h3{font-size:14.5px;margin:0 0 12px}.row{display:flex;gap:18px;flex-wrap:wrap}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}th,td{text-align:left;padding:11px 14px;font-size:13px;border-bottom:1px solid var(--line-soft);vertical-align:top}th{background:#fafbfc;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em}tbody tr:hover{background:#fafbfc}tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge.green{background:var(--ok-bg);color:var(--ok)}.badge.amber{background:var(--warn-bg);color:var(--warn)}.badge.red{background:var(--bad-bg);color:var(--bad)}.badge.grey{background:var(--line-soft);color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}select,input,textarea{font:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}select:focus,input:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #f5822026}button{font:inherit;font-weight:600;font-size:13px;padding:8px 14px;border-radius:6px;border:1px solid transparent;background:var(--brand);color:#fff;cursor:pointer;transition:background .12s,box-shadow .12s}button:hover{background:var(--brand-ink)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:var(--panel);color:var(--ink-soft);border-color:var(--line)}button.secondary:hover{background:var(--line-soft)}.kv{display:grid;grid-template-columns:180px 1fr;gap:6px 14px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0;color:var(--ink)}.chat{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.chat li{display:flex}.chat-out{justify-content:flex-end}.chat-in{justify-content:flex-start}.bubble{max-width:86%;border:1px solid var(--line);border-radius:10px;padding:8px 11px;background:#fff}.chat-out .bubble{background:var(--brand-tint);border-color:#f4d3b0}.chat-in .bubble{background:#f6f7f9}.bubble-meta{font-size:11px;color:var(--muted)}.bubble-body{font-size:13px;white-space:pre-wrap;margin:3px 0;color:var(--ink)}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:8px 0;border-bottom:1px dashed var(--line-soft);font-size:13px;display:grid;grid-template-columns:158px 128px 1fr;gap:10px}.timeline li:last-child{border-bottom:none}.timeline .t{color:var(--muted);font-variant-numeric:tabular-nums}.timeline .k{color:var(--brand-ink);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.03em}.err{background:var(--bad-bg);color:var(--bad);border:1px solid #f2c4c9;padding:10px 12px;border-radius:var(--radius);font-size:13px}.muted{color:var(--muted)}code{background:var(--line-soft);padding:1px 6px;border-radius:4px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}img{max-width:100%}@media (max-width: 760px){.layout{flex-direction:column}.sidebar{width:auto;flex:none;height:auto;position:static}.side-nav{flex-direction:row;flex-wrap:wrap}.side-nav a{border-left:none;border-bottom:3px solid transparent}.side-nav a.active{border-left:none;border-bottom-color:var(--brand)}.sidebar-foot{display:none}}