:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f0f2f5;--ink:#16191f;--ink-2:#4d5666;--ink-3:#7c8697;--line:#e2e6ec;--line-2:#cfd5de;--accent:#e07f00;--accent-soft:#fff3e0;--good:#17724a;--good-soft:#e6f4ec;--warn:#9a6100;--warn-soft:#fdf3e0;--bad:#b3243a;--bad-soft:#fdeaed;--radius:10px;--shadow:0 1px 2px #16191f0a, 0 8px 24px -18px #16191f4d;--sidebar-width:244px;--sidebar-collapsed:68px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1116;--surface:#161a21;--surface-2:#1d222b;--ink:#e8ecf2;--ink-2:#a4aebd;--ink-3:#6f7a8a;--line:#252b35;--line-2:#333b48;--accent:#ffa726;--accent-soft:#33260f;--good:#45c084;--good-soft:#102b1f;--warn:#e0a94a;--warn-soft:#2f2411;--bad:#f0647c;--bad-soft:#331620;--shadow:0 1px 2px #0006, 0 8px 24px -18px #000c}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.55}button{font:inherit;cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;height:100vh;transition:width .18s;display:flex;position:sticky;top:0}.sidebar[data-collapsed=true]{width:var(--sidebar-collapsed)}.sidebar-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:62px;padding:18px 16px;display:flex}.brand{letter-spacing:-.01em;white-space:nowrap;font-weight:700}.brand span{color:var(--accent)}.collapse-toggle{color:var(--ink-3);background:0 0;border:none;border-radius:6px;margin-left:auto;padding:4px;line-height:0}.collapse-toggle:hover{background:var(--surface-2);color:var(--ink)}.nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-group+.nav-group{margin-top:4px}.nav-group-label{width:100%;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;font-weight:600;display:flex}.nav-group-label:hover{color:var(--ink-2)}.nav-group-label .chev{margin-left:auto;transition:transform .15s}.nav-group-label[aria-expanded=false] .chev{transform:rotate(-90deg)}.nav-item{color:var(--ink-2);white-space:nowrap;border-radius:7px;align-items:center;gap:11px;padding:8px 10px;font-size:14.5px;text-decoration:none;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item .glyph{text-align:center;flex-shrink:0;width:18px}.sidebar[data-collapsed=true] .label,.sidebar[data-collapsed=true] .nav-group-label span,.sidebar[data-collapsed=true] .brand{display:none}.sidebar-foot{border-top:1px solid var(--line);padding:12px 10px}.support-button{background:var(--accent);color:#fff;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.support-button:hover{filter:brightness(1.05)}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:16px;padding:14px 26px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:650}.topbar .spacer{margin-left:auto}.content{width:100%;max-width:1360px;padding:26px}.range{background:var(--surface-2);border-radius:8px;gap:2px;padding:3px;display:flex;overflow-x:auto}.range button{color:var(--ink-2);white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:6px 11px;font-size:13.5px}.range button:hover{color:var(--ink)}.range button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #0000000f}.section-head{align-items:baseline;gap:12px;margin:30px 0 14px;display:flex}.section-head:first-child{margin-top:0}.section-head h2{margin:0;font-size:15px;font-weight:650}.section-head .note{color:var(--ink-3);font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:6px;min-height:116px;padding:16px 17px;display:flex}.card-label{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.card-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:27px;font-weight:680;line-height:1.15}.card-foot{color:var(--ink-3);margin-top:auto;font-size:12.5px}.card[data-state=unavailable] .card-value{color:var(--ink-3);font-size:15px;font-weight:600}.card[data-state=unavailable] .card-foot{color:var(--ink-3)}.pill{letter-spacing:.01em;border-radius:20px;padding:2px 7px;font-size:11px;font-weight:600}.pill.settling{background:var(--warn-soft);color:var(--warn)}.pill.ok{background:var(--good-soft);color:var(--good)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--line) 37%, var(--surface-2) 63%);background-size:400% 100%;border-radius:5px;width:62%;height:27px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.notice{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);margin-bottom:18px;padding:16px 18px}.notice h3{margin:0 0 4px;font-size:15px;font-weight:650}.notice p{color:var(--ink-2);margin:0;font-size:14px}.notice.bad{border-left-color:var(--bad)}.empty{text-align:center;color:var(--ink-2);padding:56px 24px}.empty h2{color:var(--ink);margin:0 0 6px;font-size:18px}.empty p{max-width:46ch;margin:0 auto}.login-page{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:388px;box-shadow:var(--shadow);border-radius:14px;padding:32px}.login-card h1{letter-spacing:-.02em;margin:0 0 4px;font-size:22px}.login-card .sub{color:var(--ink-2);margin:0 0 24px;font-size:14px}.field{margin-bottom:15px;display:block}.field span{margin-bottom:6px;font-size:13px;font-weight:550;display:block}.field input{border:1px solid var(--line-2);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;padding:10px 12px;font-size:15px}.field input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.primary-button{background:var(--accent);color:#fff;border:none;border-radius:8px;width:100%;padding:11px;font-size:15px;font-weight:600}.primary-button:hover:not(:disabled){filter:brightness(1.06)}.primary-button:disabled{opacity:.6;cursor:default}.form-error{background:var(--bad-soft);color:var(--bad);border-radius:8px;margin-bottom:15px;padding:10px 12px;font-size:13.5px}.conn-list{gap:10px;display:grid}.conn{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:14px;padding:14px 16px;display:flex}.conn-name{font-weight:600}.conn-detail{color:var(--ink-3);font-size:13px}.conn .spacer{margin-left:auto}@media (width<=720px){.sidebar{z-index:20;box-shadow:var(--shadow);position:fixed}.sidebar[data-collapsed=true]{width:var(--sidebar-collapsed)}.content{padding:18px}.topbar{padding:12px 16px}}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line-2);white-space:nowrap;padding:11px 14px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 14px}tr:last-child td{border-bottom:none}td.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}th.num{text-align:right}.row-actions button{border:1px solid var(--line-2);color:var(--ink-2);background:0 0;border-radius:6px;padding:4px 9px;font-size:12.5px}.row-actions button:hover{border-color:var(--bad);color:var(--bad)}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar .spacer{margin-left:auto}.secondary-button{background:var(--surface);border:1px solid var(--line-2);color:var(--ink);border-radius:8px;padding:9px 14px;font-size:14px;font-weight:550}.secondary-button:hover{border-color:var(--accent);color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;padding:18px}.panel h3{margin:0 0 14px;font-size:15px;font-weight:650}.form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.form-grid .field{margin-bottom:0}.summary-row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px;display:grid}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-2);color:var(--ink-2);background:0 0;border-radius:20px;padding:3px 9px;font-size:12px}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}select{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:7px;padding:7px 10px;font-size:14px}.credentials{background:var(--good-soft);border:1px solid var(--good);border-radius:8px;margin-top:14px;padding:14px;font-size:14px}.credentials code{background:var(--surface);border-radius:4px;padding:2px 6px;font-size:13px}.insights{gap:10px;margin-bottom:24px;display:grid}.insight{text-align:left;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--ink-3);border-radius:var(--radius);align-items:flex-start;gap:14px;width:100%;padding:14px 16px;display:flex}.insight:hover{border-color:var(--line-2);border-left-color:var(--accent)}.insight[data-severity=critical]{border-left-color:var(--bad)}.insight[data-severity=attention]{border-left-color:var(--warn)}.insight[data-severity=good]{border-left-color:var(--good)}.insight-title{font-size:14.5px;font-weight:600}.insight-detail{color:var(--ink-2);margin-top:2px;font-size:13.5px}.insight-cta{color:var(--accent);white-space:nowrap;align-self:center;margin-left:auto;font-size:13px;font-weight:600}.chat{flex-direction:column;gap:16px;max-width:760px;display:flex}.bubble{flex-direction:column;gap:4px;display:flex}.bubble .who{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11.5px;font-weight:600}.bubble .body{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);white-space:pre-wrap;padding:14px 16px;line-height:1.6}.bubble[data-role=user] .body{background:var(--accent-soft);border-color:#0000}.bubble .sources{color:var(--ink-3);font-size:12px}.ask-bar{gap:10px;max-width:760px;margin-top:20px;display:flex}.ask-bar input{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:9px;flex:1;padding:12px 14px;font-size:15px}.ask-bar input:focus{outline:2px solid var(--accent);border-color:#0000}.ask-bar button{padding:12px 20px}.suggestions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.suggestion{background:var(--surface);border:1px solid var(--line-2);color:var(--ink-2);text-align:left;border-radius:20px;padding:7px 14px;font-size:13.5px}.suggestion:hover{border-color:var(--accent);color:var(--accent)}.usage-note{color:var(--ink-3);margin-top:10px;font-size:12.5px}