@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.20g3-bbbhdq0_.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2cxlyxah-fd35.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.0mkxydxl0e43d.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1rx9vjatjkdar.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.2kcj5i_8uff48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.3gdi_th3seg1n.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0gsaq8ukbf34m.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#f3f3f6;--card:#fff;--card2:#f6f6f9;--ink:#15161a;--mu:#5a5c69;--ln:#e3e3ea;--ln2:#c9c9d4;--pos:#1d6b33;--pos-s:#e1f3e5;--warn:#8a5300;--warn-s:#fdf0d9;--neg:#b42318;--neg-s:#fde6e4;--info:#2f45b8;--info-s:#e5e9fb;--neu:#4a4c58;--neu-s:#ececf1;--side:#15161a;--side2:#24252c;--side-mu:#9fa1ad;--side-ink:#c9cad3;--lime:#c9f56b;--lime-alert:#ff9b92;--link:#3b4cc0;--link-hover:#2a379a;--focus:#3b4cc0;--overlay:#0a0b0f80;--shadow-pop:0 12px 32px #00000024;--shadow-modal:0 24px 64px #0000004d;--radius:8px;--radius-sm:6px;--radius-xs:4px;--font:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sidebar:224px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1015;--card:#17181f;--card2:#1e2028;--ink:#f2f2f5;--mu:#9c9eac;--ln:#2a2c36;--ln2:#3a3d49;--pos:#86e0a0;--pos-s:#163222;--warn:#f5c471;--warn-s:#3a2c12;--neg:#ff9b92;--neg-s:#3d1a18;--info:#a9b6ff;--info-s:#1f2547;--neu:#c3c5d0;--neu-s:#272934;--side:#0a0b0f;--side2:#1e2028;--link:#a9b6ff;--link-hover:#c9d1ff;--focus:#a9b6ff;--shadow-pop:0 12px 32px #00000080;--shadow-modal:0 24px 64px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-size:13px;line-height:1.45}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1,h2,h3{margin:0}h1{letter-spacing:-.02em;font-size:20px;font-weight:700}h2{font-size:14px;font-weight:700}h3{font-size:13px;font-weight:700}.mono{font-family:var(--mono);font-size:12px;font-weight:500}.muted,.faint{color:var(--mu)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--card);color:var(--ink);border-radius:var(--radius-sm);border:1px solid var(--ln2);padding:8px 12px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:8px}.env-banner{letter-spacing:.08em;text-transform:uppercase;background:var(--info-s);height:28px;color:var(--info);border-bottom:1px solid var(--ln);justify-content:center;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.env-banner[data-env=staging],.env-pill[data-env=staging]{background:var(--warn-s);color:var(--warn)}.env-banner[data-env=production],.env-pill[data-env=production]{background:var(--neg-s);color:var(--neg)}.env-banner .env-note{letter-spacing:0;text-transform:none;color:var(--mu);font-weight:500}.env-pill{white-space:nowrap;border-radius:var(--radius-xs);background:var(--info-s);height:26px;color:var(--info);letter-spacing:.08em;text-transform:uppercase;flex:none;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.env-pill .env-note{opacity:.8;font-weight:600}.shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{background:var(--side);color:#ececf1;flex-direction:column;gap:14px;height:100vh;padding:16px 10px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.nav-groups{flex-direction:column;gap:12px;display:flex}.nav-section{flex-direction:column;gap:1px;display:flex}.brand{color:#ececf1;align-items:center;gap:10px;padding:2px 8px 6px;display:flex}.brand-mark{flex:none;width:26px;height:26px;display:block}.brand-text{flex-direction:column;gap:1px;line-height:1.1;display:flex}.brand-name{letter-spacing:-.06em;font-size:16px;font-weight:800}.brand-sub{letter-spacing:.16em;color:var(--side-mu);font-size:9.5px;font-weight:600}.nav-group{letter-spacing:.14em;text-transform:uppercase;color:var(--side-mu);padding:0 10px 4px;font-size:10px;font-weight:600}.nav-link{border-radius:var(--radius-sm);height:30px;color:var(--side-ink);align-items:center;gap:9px;padding:0 10px;font-size:13px;font-weight:500;display:flex}.nav-link svg{flex:none}.nav-link .label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-link:hover{background:var(--side2);color:#fff}.nav-link[aria-current=page]{background:var(--side2);color:#fff;font-weight:600}.nav-link .count{border-radius:var(--radius-xs);background:var(--lime);color:#15161a;text-align:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:18px}.nav-link .count[data-tone=alert]{background:var(--lime-alert)}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:30;background:var(--card);border-bottom:1px solid var(--ln);align-items:center;gap:10px;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.topbar .spacer{flex:1}.top-btn{white-space:nowrap;border-radius:var(--radius-sm);border:1px solid var(--ln);background:var(--card);height:30px;color:var(--ink);font:inherit;cursor:pointer;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}a.top-btn:hover{color:var(--ink);border-color:var(--ln2)}.top-btn[data-tone=warn] svg{color:var(--warn)}.top-btn[data-tone=ok] svg{color:var(--pos)}.top-btn[data-tone=bad] svg{color:var(--neg)}.top-btn.incident,a.top-btn.incident:hover{background:var(--warn-s);color:var(--warn);border:0;font-weight:600}.top-btn.incident[data-tone=bad],a.top-btn.incident[data-tone=bad]:hover{background:var(--neg-s);color:var(--neg)}.top-btn.incident svg{color:inherit}.top-btn.icon-only{justify-content:center;width:32px;height:32px;padding:0;position:relative}.content{flex-direction:column;gap:14px;min-width:0;padding:20px 24px 48px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.page-header>:first-child{flex:320px;min-width:0}.page-header.detail{align-items:flex-start;gap:16px}.page-header .crumbs{color:var(--mu);margin-bottom:8px;font-size:12.5px;font-weight:600}.back-link{height:28px;color:var(--mu);border-radius:5px;align-items:center;gap:6px;margin-left:-4px;padding:0 8px 0 4px;font-size:12.5px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--ink);background:var(--card2)}.page-header .subtitle{color:var(--mu);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:3px;font-size:13px;display:flex}.page-header .chips{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.page-header .actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:640px;display:flex}.search{flex:520px;min-width:0;max-width:520px;position:relative}.search-field{border-radius:var(--radius-sm);background:var(--card2);border:1px solid var(--ln);height:34px;color:var(--mu);align-items:center;gap:8px;padding:0 10px;display:flex}.search-field:focus-within{border-color:var(--ln2)}.search-field input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.search-field input::placeholder{color:var(--mu)}kbd{border-radius:var(--radius-xs);border:1px solid var(--ln2);height:18px;font-family:var(--font);color:var(--mu);padding:0 5px;font-size:11px;font-weight:500;line-height:16px;display:inline-block}.search-results{z-index:40;background:var(--card);border:1px solid var(--ln2);border-radius:var(--radius);box-shadow:var(--shadow-pop);flex-direction:column;max-height:440px;padding:4px;display:flex;position:absolute;top:40px;left:0;right:0;overflow:auto}.search-results [role=option]{border-radius:var(--radius-sm);cursor:pointer;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.search-results [role=option][aria-selected=true]{background:var(--card2)}.search-results .kind{letter-spacing:.08em;text-transform:uppercase;color:var(--mu);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:600;overflow:hidden}.search-results .hit-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.search-results .hit-sub{color:var(--mu);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.search-results .empty{color:var(--mu);padding:14px 10px}.search-results .hints{border-top:1px solid var(--ln);color:var(--mu);gap:12px;margin-top:2px;padding:6px 10px 4px;font-size:11px;font-weight:500;display:flex}.card{background:var(--card);border:1px solid var(--ln);border-radius:var(--radius);min-width:0}.card-header{border-bottom:1px solid var(--ln);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.card-header h2{font-size:13px}.card-header .note{color:var(--mu);white-space:nowrap;font-size:12px;font-weight:500}.card-body{padding:12px 14px}.source{white-space:nowrap;border-radius:var(--radius-xs);border:1px solid var(--ln2);height:20px;color:var(--mu);flex:none;align-items:center;gap:4px;padding:0 6px;font-size:11px;font-weight:500;display:inline-flex}.grid{gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.kpis{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:12px;display:grid}.stack{flex-direction:column;gap:12px;min-width:0;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kv{grid-template-columns:minmax(120px,.8fr) minmax(0,1.6fr);column-gap:14px;margin:0;display:grid}.kv dt,.kv dd{border-bottom:1px solid var(--ln);margin:0;padding:7px 0}.kv dt{color:var(--mu);font-size:12.5px;font-weight:500}.kv dd{overflow-wrap:anywhere;min-width:0;font-weight:500}.kv>dt:last-of-type,.kv>dd:last-of-type{border-bottom:0}.card-body.flush{padding:0}.card-body.flush>.kv{column-gap:0}.card-body.flush>.kv dt,.card-body.flush>.kv dd{padding:7px 14px}.card-body.flush>p,.card-body.flush>.state{margin:0;padding:12px 14px}.meta-grid{background:var(--card);border:1px solid var(--ln);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin:0;display:grid;overflow:hidden}.meta-grid>div{min-width:0;box-shadow:1px 0 0 var(--ln), 0 1px 0 var(--ln);padding:9px 12px}.meta-grid dt{letter-spacing:.04em;text-transform:uppercase;color:var(--mu);font-size:11px;font-weight:500}.meta-grid dd{overflow-wrap:anywhere;margin:3px 0 0;font-weight:500}.stat{border-radius:var(--radius-sm);color:var(--ink);flex-direction:column;gap:4px;padding:10px 12px;display:flex}a.stat{border-top:2px solid var(--ln2)}.stat .label{color:var(--mu);font-size:12px;font-weight:500}.stat .value{letter-spacing:-.02em;font-size:20px;font-weight:700}.stat .hint{color:var(--mu);align-items:center;gap:4px;font-size:11.5px;font-weight:500;display:flex}.stat[data-tone=bad]{border-top-color:var(--neg)}.stat[data-tone=bad] .hint{color:var(--neg)}.stat[data-tone=warn]{border-top-color:var(--warn)}.stat[data-tone=warn] .hint{color:var(--warn)}.stat[data-tone=ok]{border-top-color:var(--pos)}.stat[data-tone=ok] .hint{color:var(--pos)}.stat[data-tone=info]{border-top-color:var(--info)}.stat[data-tone=info] .hint{color:var(--info)}a.stat:hover{color:var(--ink);border-left-color:var(--ln2);border-right-color:var(--ln2);border-bottom-color:var(--ln2)}.kpi-group{flex-direction:column;gap:6px;display:flex}.kpi-group>h2{letter-spacing:.1em;text-transform:uppercase;color:var(--mu);padding:0 2px;font-size:11px;font-weight:600}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));align-items:start;gap:14px;display:grid}.attn{margin:0;padding:0;list-style:none}.attn li+li{border-top:1px solid var(--ln)}.attn a{color:var(--ink);grid-template-columns:100px 80px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:10px 16px;display:grid}.attn a:hover{background:var(--card2);color:var(--ink)}.attn .ref{font-family:var(--mono);color:var(--mu);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.attn .t{font-weight:600}.attn .s{color:var(--mu);font-size:12px}.attn .caret{color:var(--mu)}.badge{border-radius:var(--radius-xs);white-space:nowrap;background:var(--neu-s);max-width:100%;height:22px;color:var(--neu);vertical-align:middle;align-items:center;gap:4px;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden}.badge svg{flex:none}.badge[data-tone=ok]{background:var(--pos-s);color:var(--pos)}.badge[data-tone=warn]{background:var(--warn-s);color:var(--warn)}.badge[data-tone=bad]{background:var(--neg-s);color:var(--neg)}.badge[data-tone=info],.badge[data-tone=accent]{background:var(--info-s);color:var(--info)}.page-header .badge{height:24px;padding:0 8px;font-size:11.5px}.btn{border-radius:var(--radius-sm);border:1px solid var(--ln2);background:var(--card);height:32px;color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}a.btn:hover{color:var(--ink)}.btn:hover:not(:disabled){background:var(--card2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary,.btn.strong{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn.primary:hover:not(:disabled),.btn.strong:hover:not(:disabled){background:var(--ink);opacity:.88}.btn.primary:disabled,.btn.strong:disabled{opacity:1;background:var(--ln2);border-color:var(--ln2);color:var(--mu)}.btn.danger{color:var(--neg)}.btn.danger.solid{background:var(--neg);border-color:var(--neg);color:var(--card)}.btn.danger.solid:hover:not(:disabled){background:var(--neg);opacity:.88}.btn.danger.solid:disabled{opacity:1;background:var(--ln2);border-color:var(--ln2);color:var(--mu)}.btn .lock{opacity:.75}.btn.ghost{background:0 0;border-color:#0000}.btn.sm{border-color:var(--ln);border-radius:5px;height:28px;padding:0 9px;font-size:12px}.btn.ghost.sm{border-color:#0000}.btn.icon{width:32px;padding:0}.btn.mono{font-family:var(--mono);font-weight:500}.input,.select,.textarea{border-radius:var(--radius-sm);border:1px solid var(--ln2);background:var(--card);width:100%;height:34px;font:inherit;color:var(--ink);padding:0 10px;font-size:13px}.textarea{resize:vertical;height:auto;min-height:76px;padding:8px 10px}.input::placeholder,.textarea::placeholder{color:var(--mu)}.input.code{width:160px;height:36px;font-family:var(--mono);letter-spacing:.2em;font-size:15px;font-weight:500}.field{flex-direction:column;gap:5px;display:flex}.field label,.field .label{font-size:12px;font-weight:600}.field label .aside{color:var(--mu);font-weight:400}.field .help{color:var(--mu);font-size:12px}.field .error{color:var(--neg);font-size:12px;font-weight:500}.checkbox{align-items:center;gap:8px;display:inline-flex}.checkbox input,.ack input{accent-color:var(--ink)}.ack{cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;display:flex}.ack input{flex:none;width:16px;height:16px;margin:2px 0 0}.toolbar{border-bottom:1px solid var(--ln);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.toolbar .spacer{flex:1}.toolbar .count-label{white-space:nowrap;color:var(--mu);font-size:12px;font-weight:500}.toolbar .input,.toolbar .select{border-color:var(--ln);border-radius:5px;width:auto;min-width:120px;height:28px;font-size:12px}.filter-field{border-radius:var(--radius-sm);border:1px solid var(--ln);background:var(--card2);width:220px;height:30px;color:var(--mu);align-items:center;gap:6px;padding:0 8px;display:flex}.filter-field:focus-within{border-color:var(--ln2)}.filter-field input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:12.5px}.filter-field input::placeholder{color:var(--mu)}.chip-group{flex-wrap:wrap;gap:4px;display:flex}.chip-group button{cursor:pointer;white-space:nowrap;border:1px solid var(--ln);background:var(--card);height:28px;color:var(--ink);font:inherit;border-radius:5px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.chip-group button:hover{border-color:var(--ln2)}.chip-group button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.chip-group button .n{opacity:.7;font-weight:500}.chip{background:var(--info-s);height:26px;color:var(--info);border-radius:5px;align-items:center;gap:6px;padding:0 4px 0 9px;font-size:12px;font-weight:600;display:inline-flex}.chip button{color:inherit;cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:0;place-items:center;width:20px;height:20px;display:grid}.chip button:hover{background:var(--card)}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%}table.data th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--mu);border-bottom:1px solid var(--ln);white-space:nowrap;background:var(--card2);padding:8px 12px;font-size:11px;font-weight:600;position:sticky;top:0}table.data th:first-child,table.data td:first-child{padding-left:16px}table.data th:last-child,table.data td:last-child{padding-right:16px}table.data th button{all:unset;cursor:pointer;align-items:center;gap:4px;display:inline-flex}table.data th button:hover{color:var(--ink)}table.data th button:focus-visible{outline:2px solid var(--focus)}table.data td{border-bottom:1px solid var(--ln);vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;max-width:340px;padding:7px 12px;overflow:hidden}table.data td.caret,table.data th.caret{width:36px;color:var(--mu);text-align:right}table.data td.caret svg{vertical-align:middle}table.data tbody tr{cursor:pointer}table.data tbody tr:hover td{background:var(--card2)}table.data tbody tr:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}table.data tbody tr:last-child td{border-bottom:0}table.data td.num,table.data th.num{text-align:right}.pager{border-top:1px solid var(--ln);color:var(--mu);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:12px;font-weight:500;display:flex}.skeleton{background:var(--neu-s);border-radius:3px;height:12px;animation:1.2s ease-in-out infinite opsPulse;display:block}@keyframes opsPulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}@media (prefers-reduced-motion:reduce){.skeleton,.spin{animation:none}}.state{text-align:center;color:var(--mu);white-space:normal;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 16px;display:flex}.state svg{color:var(--mu)}.state[data-tone=bad]>svg{color:var(--neg)}.state.compact{flex-direction:row;justify-content:flex-start;padding:12px 14px}.state.compact svg{display:none}.state .title{color:var(--ink);font-size:14px;font-weight:600}.state .btn{margin-top:4px}.notice{border-radius:var(--radius-sm);background:var(--neu-s);color:var(--neu);align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;line-height:1.45;display:flex}.notice>svg{flex:none;margin-top:1px}.notice strong{font-weight:700}.notice[data-tone=warn]{background:var(--warn-s);color:var(--warn)}.notice[data-tone=bad]{background:var(--neg-s);color:var(--neg)}.notice[data-tone=info]{background:var(--info-s);color:var(--info)}.notice[data-tone=ok]{background:var(--pos-s);color:var(--pos)}.notice a{color:inherit;text-decoration:underline}.notice .faint{color:inherit;opacity:.8}.notice.immutable{border:1px dashed var(--ln2);color:var(--mu);background:0 0;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;font-weight:500}dialog.modal{border:1px solid var(--ln2);background:var(--card);width:480px;max-width:calc(100vw - 32px);color:var(--ink);box-shadow:var(--shadow-modal);border-radius:10px;padding:0}dialog.modal::backdrop{background:var(--overlay)}.modal-header{border-bottom:1px solid var(--ln);flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px 12px;display:flex}.modal-header h2{letter-spacing:-.01em;font-size:17px}.modal-header .affects{color:var(--mu);font-size:12.5px;font-weight:500}.modal-header .affects strong{color:var(--ink);font-weight:600}.modal-body{flex-direction:column;gap:12px;padding:14px 18px;display:flex}.modal-body .desc{text-wrap:pretty;margin:0;font-size:13.5px;line-height:1.5}.modal-footer{border-top:1px solid var(--ln);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.modal-footer .btn{height:34px;padding:0 14px;font-size:13px}.modal-footer .btn[type=submit]{font-weight:700}.timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.timeline li{grid-template-columns:12px minmax(0,1fr) auto;gap:10px;display:grid}.timeline .rail{flex-direction:column;align-items:center;display:flex}.timeline .dot{background:var(--neu);border-radius:50%;width:9px;height:9px;margin-top:4px}.timeline .dot[data-tone=ok]{background:var(--pos)}.timeline .dot[data-tone=warn]{background:var(--warn)}.timeline .dot[data-tone=bad]{background:var(--neg)}.timeline .dot[data-tone=info]{background:var(--info)}.timeline .line{background:var(--ln2);flex:1;width:1px}.timeline li:last-child .line{background:0 0}.timeline .body{min-width:0;padding-bottom:12px}.timeline .what{font-weight:600}.timeline .when,.timeline .note{color:var(--mu);margin-top:2px;font-size:12px;display:block}.timeline .note{color:var(--ink);font-size:12.5px}.timeline .badge{height:20px;padding:0 6px;font-size:10.5px}.msg{border-radius:var(--radius);background:var(--card2);border:1px solid var(--ln);align-self:flex-start;max-width:78%;padding:9px 12px}.msg.staff{background:var(--info-s);align-self:flex-end}.msg.internal{background:var(--warn-s);border:1px dashed var(--warn);align-self:flex-end}.msg .meta{color:var(--mu);flex-wrap:wrap;gap:6px;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.msg .meta strong{color:var(--ink)}.messages{flex-direction:column;gap:10px;display:flex}.segmented{border:1px solid var(--ln);border-radius:var(--radius-sm);background:var(--card);gap:2px;width:fit-content;padding:2px;display:inline-flex}.segmented button{border-radius:var(--radius-xs);color:var(--ink);height:28px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:12.5px;font-weight:600}.segmented button:disabled{opacity:.5;cursor:not-allowed}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.bars{align-items:flex-end;gap:6px;height:140px;padding-top:8px;display:flex}.bars .bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.bars .bar span.fill{background:var(--info);border-radius:3px 3px 0 0;width:100%;min-height:2px}.bars .bar .x{color:var(--mu);font-size:10px}.spark{align-items:flex-end;gap:2px;height:28px;display:flex}.spark span{background:var(--info);opacity:.7;border-radius:1px;flex:1}.spark[data-tone=warn] span{background:var(--warn)}.spark[data-tone=bad] span{background:var(--neg)}.toasts{z-index:60;flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-sm);color:#f2f2f5;background:#15161a;align-items:flex-start;gap:8px;min-width:260px;max-width:480px;padding:10px 8px 10px 14px;font-weight:600;display:flex;box-shadow:0 8px 24px #00000040}.toast>svg{color:#86e0a0;flex:none;margin-top:1px}.toast[data-tone=bad]>svg{color:#ff9b92}.toast .text{flex:1;min-width:0}.toast .sub{color:#9c9eac;font-size:12px;font-weight:500}.toast .btn.icon{color:#9c9eac;border-radius:var(--radius-xs);width:22px;height:22px}.toast .btn.icon:hover:not(:disabled){color:#f2f2f5;background:#24252c}@media (prefers-color-scheme:dark){.toast{border:1px solid var(--ln2)}}.login{background:var(--bg);place-items:center;min-height:calc(100vh - 28px);padding:24px;display:grid}.login .panel{flex-direction:column;gap:16px;width:min(400px,100%);padding:28px;display:flex}.login .brand{color:var(--ink);padding:0}.login .brand-sub{color:var(--mu)}.menu{position:relative}.menu-pop{background:var(--card);border:1px solid var(--ln2);border-radius:var(--radius);min-width:240px;box-shadow:var(--shadow-pop);z-index:50;padding:4px;position:absolute;top:40px;right:0}.menu-pop a,.menu-pop button{border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;display:flex}.menu-pop a:hover,.menu-pop button:hover{background:var(--card2);color:var(--ink)}.menu-pop .who{border-bottom:1px solid var(--ln);margin-bottom:4px;padding:6px 10px 8px}.user-btn{white-space:nowrap;border-radius:var(--radius-sm);border:1px solid var(--ln);background:var(--card);height:36px;color:var(--ink);font:inherit;cursor:pointer;flex:none;align-items:center;gap:8px;padding:0 8px 0 4px;display:flex}.user-btn:hover{border-color:var(--ln2)}.user-btn .who{flex-direction:column;align-items:flex-start;max-width:140px;line-height:1.15;display:flex;overflow:hidden}.user-btn .name{font-size:12.5px;font-weight:600}.user-btn .role{color:var(--mu);text-overflow:ellipsis;max-width:140px;font-size:11px;font-weight:500;overflow:hidden}.user-btn>svg{color:var(--mu)}.avatar{background:var(--lime);color:#15161a;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:grid}.bell-dot{background:var(--neg);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px}.matrix td,.matrix th{text-align:center}.matrix td:first-child,.matrix th:first-child{text-align:left}.health-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.health-dot[data-status=HEALTHY]{background:var(--pos)}.health-dot[data-status=DEGRADED]{background:var(--warn)}.health-dot[data-status=OUTAGE]{background:var(--neg)}.health-dot[data-status=UNKNOWN]{background:var(--mu)}pre.code{border-radius:var(--radius-sm);background:var(--card2);color:var(--ink);font-family:var(--mono);margin:0;padding:12px 14px;font-size:12px;line-height:1.55;overflow:auto}.card-body.flush>pre.code{border-radius:0 0 var(--radius) var(--radius)}@media (max-width:1100px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.user-btn .who,.env-pill .env-note,.top-btn .hide-narrow{display:none}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{height:auto;max-height:50vh;position:static}.topbar{flex-wrap:wrap;height:auto;min-height:52px;padding:8px 16px}.content{padding:16px}.grid-2,.grid-3{grid-template-columns:1fr}.attn a{grid-template-columns:auto minmax(0,1fr) 16px}.attn .ref{display:none}}.demo-start{gap:10px}.demo-start .btn{justify-content:center;width:100%}.divider-label{align-items:center;gap:10px;font-size:12px;display:flex}.divider-label:before,.divider-label:after{content:"";border-top:1px solid var(--ln);flex:1}.demo-banner{margin-bottom:16px}.demo-creds{flex-wrap:wrap;gap:6px 16px;margin-top:6px;display:flex}.demo-cred{align-items:center;gap:6px;display:inline-flex}.demo-cred code{font-family:var(--mono);-webkit-user-select:all;user-select:all;font-weight:600}.demo-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.demo-row .field{flex:120px;margin:0}.demo-new{position:relative}.demo-made{z-index:20;width:min(360px,100vw - 32px);position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000026}.demo-made .row{margin-top:8px}
