:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7f8;--surface:#fff;--surface-strong:#f9fbfb;--ink:#17191c;--label:#344054;--muted:#667085;--line:#d7dee4;--red:#b42331;--red-soft:#fff1f3;--green:#047857;--green-soft:#e9f8f1;--amber:#a15c07;--amber-soft:#fff7e8;--blue:#0e7490;--blue-soft:#e8f7fb;--shadow:0 22px 70px #17191c1f}body[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111414;--surface:#191f20;--surface-strong:#141a1c;--ink:#f4f7f7;--label:#d8e1e3;--muted:#a9b7bb;--line:#303b3f;--red:#ff6674;--red-soft:#ff667421;--green:#62d69c;--green-soft:#62d69c21;--amber:#ffd184;--amber-soft:#ffd18421;--blue:#69d2e7;--blue-soft:#69d2e721;--shadow:0 22px 70px #0000006b}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:linear-gradient(120deg,#ffffffeb,#f5f7f8f2 45%,#e8f7fbd1),#f5f7f8;margin:0;font-family:Arial,Helvetica,sans-serif}body[data-theme=night]{background:linear-gradient(120deg,#111414fa,#151c1efa 52%,#12272bf5),#111414}button,input{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:wait}.dashboard-page{width:min(1480px,100% - 36px);margin:0 auto;padding:24px 0 38px}.app-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:86px;margin-bottom:18px;display:flex}.brand,.topbar-actions,.signal-main,.panel-heading,.refresh-note,.problem-title,.copy-button,.icon-button,.state-badge{align-items:center;display:flex}.brand{gap:14px;min-width:0}.brand>div:last-child{min-width:0}.brand-mark{color:#fff;background:linear-gradient(145deg,#047857 0%,#0e7490 58%,#b42331 100%);border:1px solid #04785757;border-radius:8px;flex:0 0 62px;place-items:center;width:62px;height:62px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 36px #04785738}.brand-mark span{border:1px solid #ffffff52;border-radius:8px;position:absolute;inset:10px}.brand-mark svg{z-index:1;position:relative}.eyebrow,.section-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:0;margin:0 0 5px;font-size:12px;font-weight:900}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0;margin-bottom:0}h1{font-size:38px;line-height:1.04}h2{font-size:24px}h3{font-size:16px}.subtitle{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:14px;font-weight:800;line-height:1.35}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.icon-button,.state-badge,.copy-button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:var(--surface);white-space:nowrap;border-radius:8px;gap:8px;padding:0 13px;font-size:14px;font-weight:900}.state-success,.state-preview{color:var(--green);background:var(--green-soft);border-color:#0478573d}.state-warning{color:var(--amber);background:var(--amber-soft);border-color:#a15c0740}.state-failure{color:var(--red);background:var(--red-soft);border-color:#b4233142}.summary-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.metric-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);border-radius:8px;align-content:center;gap:8px;min-height:116px;padding:16px;display:grid;box-shadow:0 14px 34px #17191c0f}.metric-card div{background:var(--blue-soft);width:34px;height:34px;color:var(--blue);border-radius:8px;place-items:center;display:grid}.metric-card span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.metric-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:32px;line-height:1}.metric-good div,.metric-good strong{color:var(--green)}.metric-good div{background:var(--green-soft)}.metric-danger div,.metric-danger strong{color:var(--red)}.metric-danger div{background:var(--red-soft)}.metric-warn div,.metric-warn strong{color:var(--amber)}.metric-warn div{background:var(--amber-soft)}.signal-band{grid-template-columns:minmax(0,1fr) minmax(340px,.5fr);align-items:stretch;gap:14px;margin-bottom:18px;display:grid}.signal-main,.endpoint-box,.load-error,.analysis-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 96%, transparent);box-shadow:var(--shadow);border-radius:8px}.signal-main{gap:14px;padding:18px}.signal-main p:last-child{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:14px;font-weight:800}.signal-icon{border-radius:8px;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid}.signal-success{color:var(--green);background:var(--green-soft)}.signal-warning{color:var(--amber);background:var(--amber-soft)}.signal-failure{color:var(--red);background:var(--red-soft)}.endpoint-box{grid-template-columns:1fr;align-content:center;gap:8px;min-width:0;padding:14px;display:grid}.endpoint-box span:first-child{color:var(--muted);text-transform:uppercase;grid-column:1/-1;font-size:12px;font-weight:900}code{min-width:0;color:var(--ink);background:var(--surface-strong);overflow-wrap:anywhere;border-radius:8px;padding:9px 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:850}.endpoint-box code{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.copy-button{color:var(--blue);justify-content:center}.load-error{color:var(--red);background:var(--red-soft);align-items:center;gap:10px;margin-bottom:16px;padding:13px 15px;font-size:14px;font-weight:900;display:flex}.content-grid{grid-template-columns:minmax(0,1fr) 336px;align-items:start;gap:18px;display:grid}.problem-workspace{min-width:0}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;min-height:58px;margin-bottom:14px;padding-bottom:12px;display:flex}.refresh-note{color:var(--muted);white-space:nowrap;gap:7px;font-size:12px;font-weight:900}.filter-bar{gap:10px;margin-bottom:12px;display:grid}.search-box{border:1px solid var(--line);min-height:46px;color:var(--blue);background:var(--surface);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:0 13px;display:grid}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px;font-weight:850}.search-box input::placeholder{color:var(--muted)}.type-tabs{flex-wrap:wrap;gap:8px;display:flex}.type-tabs button{border:1px solid var(--line);min-height:38px;color:var(--label);background:var(--surface);border-radius:8px;align-items:center;gap:8px;padding:0 11px;font-size:13px;font-weight:900;display:inline-flex}.type-tabs button strong{min-width:23px;min-height:22px;color:var(--blue);background:var(--blue-soft);border-radius:8px;place-items:center;font-size:12px;display:grid}.type-tabs button.active{color:var(--red);background:var(--red-soft);border-color:#b4233147}.problem-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.problem-card{border:1px solid var(--line);border-left:4px solid var(--amber);background:color-mix(in srgb, var(--surface) 98%, transparent);border-radius:8px;gap:12px;min-width:0;padding:14px;display:grid;box-shadow:0 12px 28px #17191c12}.problem-card.severity-critical{border-left-color:var(--red)}.problem-card.severity-high{border-left-color:var(--amber)}.problem-card.severity-medium{border-left-color:var(--blue)}.problem-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.problem-title{gap:9px;min-width:0}.problem-title svg{color:var(--red);flex:none}.problem-title h3{overflow-wrap:anywhere}.problem-title p,.problem-copy,.problem-foot{color:var(--muted);font-size:13px;font-weight:800;line-height:1.4}.problem-title p,.problem-copy{margin:4px 0 0}.problem-context{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.problem-context span{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, var(--blue-soft));border-radius:8px;gap:4px;min-width:0;padding:8px 10px;display:grid}.problem-context b{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:950}.problem-context strong{color:var(--ink);overflow-wrap:anywhere;font-size:12px;font-weight:900}.severity-chip{border:1px solid var(--line);white-space:nowrap;border-radius:8px;align-items:center;min-height:28px;padding:0 9px;font-size:12px;font-weight:950;display:inline-flex}.severity-critical{color:var(--red);background:var(--red-soft);border-color:#b423313d}.severity-high{color:var(--amber);background:var(--amber-soft);border-color:#a15c073d}.severity-medium{color:var(--blue);background:var(--blue-soft);border-color:#0e74903d}.value-compare{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.value-compare div{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;gap:5px;min-width:0;padding:10px;display:grid}.value-compare span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.value-compare strong{overflow-wrap:anywhere;font-size:14px}.value-compare svg{color:var(--muted)}.problem-foot{justify-content:space-between;gap:12px;min-width:0;padding-top:2px;display:flex}.problem-foot span,.problem-foot time{overflow-wrap:anywhere}.side-rail{gap:12px;display:grid;position:sticky;top:14px}.analysis-panel{gap:12px;min-width:0;padding:14px;display:grid}.panel-heading{color:var(--label);text-transform:uppercase;gap:8px;font-size:12px;font-weight:950}.panel-heading svg{color:var(--blue)}.category-list,.run-list,.success-id-list{gap:8px;display:grid}.category-row{border:1px solid var(--line);min-height:58px;color:var(--ink);background:var(--surface);text-align:left;border-radius:8px;align-items:center;padding:10px;display:grid;position:relative;overflow:hidden}.category-row span{z-index:1;gap:4px;display:grid;position:relative}.category-row small{color:var(--muted);font-size:12px;font-weight:850}.category-row i{background:linear-gradient(90deg, var(--red), var(--amber), var(--blue));height:4px;position:absolute;inset:auto 0 0}.category-row.active{background:var(--red-soft);border-color:#b423314d}.quiet-line{border:1px dashed var(--line);color:var(--muted);border-radius:8px;padding:12px;font-size:13px;font-weight:850}.run-row{border:1px solid var(--line);border-left:4px solid var(--green);min-height:64px;color:var(--ink);background:var(--surface);text-align:left;border-radius:8px;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:10px;padding:10px;display:grid}.run-row.status-failure{border-left-color:var(--red)}.run-row.status-warning{border-left-color:var(--amber)}.run-row.active{background:var(--blue-soft);border-color:#0e749057}.run-row span{gap:4px;min-width:0;display:grid}.run-row b,.run-row small{overflow-wrap:anywhere}.run-row b{font-size:13px}.run-row small{color:var(--muted);font-size:12px;font-weight:800}.run-row strong{width:30px;height:30px;color:var(--red);background:var(--red-soft);border-radius:8px;place-items:center;font-size:13px;display:grid}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.fact-grid div{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:10px}.fact-grid dt{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.fact-grid dd{color:var(--ink);overflow-wrap:anywhere;margin:5px 0 0;font-size:13px;font-weight:900}.success-id-list{grid-template-columns:repeat(2,minmax(0,1fr))}.success-id-list code{min-width:0}.success-id-list span{color:var(--muted);font-size:12px;font-weight:850}.empty-state{border:1px solid var(--line);min-height:260px;color:var(--muted);background:var(--surface);text-align:center;border-radius:8px;grid-column:1/-1;align-content:center;place-items:center;gap:10px;padding:30px;display:grid}.empty-state svg,.empty-state h3{color:var(--green)}.empty-state p{max-width:520px;margin-bottom:0;line-height:1.45}@media (max-width:1180px){.summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.side-rail{grid-template-columns:repeat(3,minmax(0,1fr));position:static}}@media (max-width:900px){.dashboard-page{width:min(100% - 24px,900px)}.app-topbar,.section-heading{flex-direction:column;align-items:stretch}.topbar-actions,.icon-button,.state-badge{justify-content:center;width:100%}.summary-strip,.signal-band,.problem-list,.side-rail{grid-template-columns:1fr}.refresh-note{white-space:normal}}@media (max-width:620px){.dashboard-page{width:min(100% - 18px,620px);padding-top:14px}h1{font-size:30px}h2{font-size:20px}.brand{align-items:flex-start}.brand-mark{flex-basis:52px;width:52px;height:52px}.signal-main{align-items:flex-start}.endpoint-box,.value-compare,.problem-context,.fact-grid,.success-id-list{grid-template-columns:1fr}.value-compare svg{justify-self:center;transform:rotate(90deg)}.problem-head,.problem-foot{flex-direction:column;align-items:flex-start}}