:root{color-scheme:dark;--bg:#0c0e15;--panel:#151822;--raised:#1d2130;--border:#282d40;--text:#eceef9;--muted:#949bb2;--accent:#aa9cff;--accent-bg:#292342;--danger:#ff939f;--green:#83dec3;font:14px/1.55 'Segoe UI',system-ui,sans-serif}:root[data-theme=light]{color-scheme:light;--bg:#f4f5fa;--panel:#fff;--raised:#f0f1f8;--border:#dfe2ed;--text:#202436;--muted:#626a82;--accent:#6951cb;--accent-bg:#eee9ff;--danger:#b72a42;--green:#187b64}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{border:1px solid var(--border);border-radius:9px;background:var(--raised);color:var(--text);padding:9px 15px;cursor:pointer;transition:background .16s}button:hover{border-color:var(--accent);background:var(--accent-bg)}button:disabled{opacity:.5;cursor:wait}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:650}.primary:hover{color:var(--text)}.quiet{background:transparent}.danger{color:var(--danger)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin-bottom:10px}h2{font-size:18px;letter-spacing:-.3px}h3{font-size:14px}.muted,small{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent);margin-bottom:14px}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--border);padding:28px 18px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-size:30px;letter-spacing:-1px;font-weight:700}.brand:hover{text-decoration:none}.brandmark{display:grid;place-items:center;width:40px;height:43px;background:linear-gradient(140deg,#aa9cff,#6151ba);color:white;border-radius:13px;font-size:24px;box-shadow:0 6px 24px #8b6aff30}.brand small{display:block;letter-spacing:4px;font-size:9px;line-height:1}.nav-caption{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:36px 12px 12px}nav{display:grid;gap:5px}nav button{text-align:left;border:0;background:none;color:var(--muted);padding:11px 14px;font-size:13px}nav button.active{background:var(--accent-bg);color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.sidebar-footer{margin-top:auto;font-size:11px;color:var(--muted);padding:24px 10px 0}.sidebar-footer small{display:block;padding-top:7px}.status-dot{display:inline-block;background:var(--green);width:6px;height:6px;border-radius:50%;margin-right:7px}.workspace{margin-left:230px}.topbar{min-height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:16px 36px;font-size:13px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:20px}.connection{color:var(--green);font-size:11px}.language{display:flex;background:var(--raised);padding:3px;border:1px solid var(--border);border-radius:9px}.language button{font-size:11px;border:0;background:none;padding:5px 9px}.language button.selected{background:var(--accent-bg);color:var(--accent)}main{padding:34px 36px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.refresh-group{display:grid;gap:6px;text-align:right}.refresh-group small{font-size:10px}#notice:empty{display:none}#notice,#auth-error{color:var(--danger)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:0 16px 48px #0001}.card h2{font-size:11px;font-weight:500;color:var(--muted);margin-bottom:12px}.card strong{font-size:29px;font-weight:600;letter-spacing:-1px}.panel{margin-bottom:20px}.panel-heading,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.panel-heading h2{margin:0}.toolbar input{flex:1;min-width:200px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;font-weight:600;color:var(--muted);padding:11px 10px;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}td{padding:13px 10px;border-top:1px solid var(--border);max-width:370px;overflow-wrap:anywhere}tr:hover td{background:var(--raised)}td button,td a{font-size:11px;padding:5px 9px;display:inline-block}.actions{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-block;border-radius:6px;background:var(--raised);padding:4px 8px;font-size:10px;color:var(--muted)}.pill.error,.pill.fatal,.pill.FAIL,.pill.denied{color:var(--danger);background:#ff707014}.pill.warning{color:#ceac65;background:#ceac6515}.pill.PASS,.pill.success,.pill.Resolved{color:var(--green);background:#70dfb014}.pill.New,.pill.Investigating{color:var(--accent);background:var(--accent-bg)}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px}textarea{width:100%;min-height:100px;resize:vertical}label{display:grid;gap:7px;margin:16px 0;color:var(--muted);font-size:12px}label input{width:100%}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{width:auto}progress{width:100%;height:7px;accent-color:var(--accent)}.hero{padding:26px;background:linear-gradient(115deg,var(--accent-bg),var(--panel));border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}.hero p{color:var(--muted);margin-bottom:0;max-width:630px}.hero h2{font-size:22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.empty{padding:24px;color:var(--muted);text-align:center}.mono{font-family:ui-monospace,Consolas,monospace;font-size:11px}.detail-panel{border-color:var(--accent)}footer{padding:20px 36px;color:var(--muted);font-size:11px}.auth-header{padding:28px 5%;display:flex;justify-content:space-between}.auth-layout{min-height:72vh;max-width:1120px;display:grid;grid-template-columns:1fr 430px;align-items:center;gap:100px}.auth-story h1{font-size:52px;max-width:500px}.auth-story p{color:var(--muted);font-size:16px;max-width:440px}.wave{font-size:36px;color:var(--accent);letter-spacing:4px;margin:30px 0}.auth-card{padding:34px;border:1px solid var(--border);background:var(--panel);border-radius:20px;box-shadow:0 16px 48px #0002}.auth-card h2{font-size:25px}.auth-card button{width:100%;margin-top:12px}[hidden]{display:none!important}@media(max-width:1100px){.sidebar{width:190px}.workspace{margin-left:190px}main{padding:28px 24px}.topbar{padding:16px 24px}.split{grid-template-columns:1fr}.auth-layout{gap:40px;grid-template-columns:1fr 390px}.auth-story h1{font-size:40px}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:16px}.sidebar .brand{font-size:24px}.nav-caption,.sidebar-footer{display:none}nav{display:flex;overflow:auto;margin-top:16px}nav button{white-space:nowrap}.workspace{margin:0}.topbar{padding:12px 16px}.topbar>span,.connection{display:none}.top-actions{gap:12px;margin-left:auto}main{padding:24px 16px}.page-head{align-items:flex-start}h1{font-size:25px}.page-head .muted{max-width:200px;font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:16px}.card strong{font-size:23px}.hero{display:block}.hero button{margin-top:18px}.panel{padding:16px}.auth-layout{display:block;min-height:auto}.auth-story{display:none}.auth-card{max-width:440px;margin:20px auto}.auth-header{padding:22px}.refresh-group small{max-width:105px}.split{display:block}}

.error-page{max-width:760px;padding-top:12vh}.error-page h1{font-size:42px}.error-page p{max-width:620px}.button{display:inline-block;border-radius:9px;padding:10px 18px}.detail-panel{background:linear-gradient(145deg,var(--panel),var(--accent-bg))}.detail-panel .grid{margin-top:18px}.pill.Streaming{color:var(--green);background:#70dfb014}.pill.Paused,.pill.Reconnecting{color:#ceac65;background:#ceac6515}

.brand-logo{width:52px;height:52px;object-fit:contain;flex-shrink:0}.sidebar{overflow-y:auto}.workspace,main,#content,#content>div,.panel,.card,.split>*{min-width:0}.mono{overflow-wrap:anywhere;white-space:normal}.panel p{overflow-wrap:anywhere}input,select,textarea{max-width:100%}.table-wrap{max-width:100%;overscroll-behavior:contain}dialog{color:var(--text);background:var(--panel);border:1px solid var(--accent);border-radius:16px;padding:0;width:min(900px,calc(100vw - 32px));max-height:85dvh;overflow:auto}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}dialog .panel{border:0;margin:0}dialog .grid{grid-template-columns:repeat(3,minmax(0,1fr))}dialog button{margin:8px 8px 8px 0}html[data-density=compact] td{padding:8px}html[data-density=compact] .panel,html[data-density=compact] .card{padding:16px}
@media(max-width:1000px){.sidebar{position:static;width:100%;height:auto;padding:16px}.sidebar .brand{font-size:24px}.nav-caption,.sidebar-footer{display:none}.sidebar nav{display:flex;overflow-x:auto;margin-top:12px}.sidebar nav button{white-space:nowrap;flex-shrink:0}.workspace{margin-left:0}.split{grid-template-columns:1fr}.auth-layout{display:block}.auth-story{display:none}.auth-card{max-width:440px;margin:20px auto}.topbar{flex-wrap:wrap;gap:12px}.top-actions{flex-wrap:wrap}}
@media(max-width:500px){.grid,dialog .grid{grid-template-columns:1fr}.page-head{flex-wrap:wrap;gap:16px}.toolbar input{min-width:0;width:100%;flex-basis:100%}main{padding:20px 12px}.panel{padding:14px}.card strong{font-size:24px}.hero{display:block}dialog{width:calc(100vw - 16px)}}

.dialog-close{float:right;position:sticky;top:0;z-index:1;background:var(--raised)}