:root{font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;color:#e8e8e8;background:#0b0d0e;font-synthesis:none;font-weight:400;line-height:1.4;color-scheme:dark;--bg: #0b0d0e;--bar: #111416;--surface: #15191b;--hover: #1d2326;--text: #e8e8e8;--muted: #8d969b;--border: #2a3033;--green: #55d187;--amber: #e5b94b;--red: #e36464;--info: #8fafc2}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--bg);font-size:12px}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid var(--info);outline-offset:1px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:19px;font-weight:400;letter-spacing:-.03em}h2{margin-bottom:6px;font-size:15px;font-weight:400}h3{margin-bottom:8px;font-size:11px;font-weight:400;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}a{color:var(--info);text-decoration:none}a:hover{text-decoration:underline}code{color:#b9ccd7;overflow-wrap:anywhere}.loading-screen{display:grid;min-height:100vh;place-items:center;color:var(--muted)}.app-shell{min-height:100vh;padding-top:42px;padding-left:164px}.topbar{position:fixed;z-index:20;inset:0 0 auto;height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bar);padding:0 14px}.topbar-brand,.topbar-meta{display:flex;align-items:center;gap:9px}.topbar-brand{font-size:13px}.topbar-meta{color:var(--muted);font-size:11px}.username,.logout{border:0;background:none;padding:3px;cursor:pointer}.username{color:var(--text)}.logout,.topbar-meta button:hover{color:var(--info)}.divider{color:var(--border)}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--green);color:var(--green);font-size:12px;letter-spacing:.08em}.brand-mark-small{width:24px;height:24px;font-size:9px}.sidebar{position:fixed;z-index:15;inset:42px auto 0 0;width:164px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border);background:var(--bar)}.sidebar nav{padding:10px 7px}.sidebar nav button{width:100%;display:flex;gap:9px;border:1px solid transparent;background:transparent;color:var(--muted);padding:8px 9px;text-align:left;cursor:pointer}.sidebar nav button:hover{background:var(--hover);color:var(--text)}.sidebar nav button.active{border-color:var(--border);background:var(--surface);color:var(--text)}.sidebar nav button span{width:14px;color:var(--info)}.sidebar footer{border-top:1px solid var(--border);padding:12px 15px;color:#60696e;font-size:9px}.sidebar footer span{color:#778188;letter-spacing:.09em}.main-area{padding:15px;min-width:0}.page-heading{height:44px;display:flex;align-items:flex-start;justify-content:space-between}.eyebrow{margin-bottom:2px;color:#687176;font-size:8px;letter-spacing:.14em}.quiet-button,.icon-button,.text-button{border:0;background:none;color:var(--muted);cursor:pointer}.quiet-button{border:1px solid var(--border);padding:5px 9px;background:var(--surface)}.quiet-button:hover,.text-button:hover{color:var(--info)}.icon-button{padding:0 4px;font-size:20px;font-weight:300}.text-button{padding:6px 0}.text-button.inline{display:inline;padding:0;color:var(--info)}.metric-strip{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));border:1px solid var(--border);background:var(--surface);margin-bottom:12px}.metric-strip>div{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:8px 11px;border-right:1px solid var(--border)}.metric-strip>div:last-child{border-right:0}.metric-strip span{color:var(--muted);font-size:10px}.metric-strip strong{font-size:17px;font-weight:400;font-variant-numeric:tabular-nums}.text-healthy{color:var(--green)}.text-warning{color:var(--amber)}.table-frame{border:1px solid var(--border);background:var(--surface)}.table-caption{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:6px 8px;color:#697277;font-size:8px;letter-spacing:.1em}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:10px}.data-table th{height:29px;padding:6px 7px;background:#121618;color:var(--muted);font-weight:400;text-align:left;white-space:nowrap}.data-table td{height:34px;padding:5px 7px;border-top:1px solid var(--border);vertical-align:middle;white-space:nowrap}.data-table th+th,.data-table td+td{border-left:1px solid var(--border)}.data-table tbody tr:not(.detail-row):hover td{background:var(--hover)}.data-table .selected-row td{background:var(--hover)}.data-table .number{text-align:right;font-variant-numeric:tabular-nums}.data-table .active-number{color:var(--green)}.primary-cell{display:block;color:var(--text)}.data-table small{display:block;color:#626b70;font-size:8px}.status{white-space:nowrap;font-size:9px}.status-healthy{color:var(--green)}.status-warning{color:var(--amber)}.status-error{color:var(--red)}.alert-cell{color:var(--amber)}.table-error,.notice-line{border:1px solid rgba(227,100,100,.35);background:#e364640f;color:var(--red);padding:7px 9px;margin:0 0 10px}.notice-line{border-color:#55d1874d;background:#55d1870d;color:var(--green)}.empty-state{padding:40px 15px;text-align:center;color:var(--muted)}.detail-row td{padding:0;white-space:normal;border-left:0!important}.detail-loading{padding:20px;color:var(--muted)}.inline-detail{display:grid;grid-template-columns:repeat(3,1fr);background:#0f1213;box-shadow:inset 3px 0 0 var(--info)}.detail-section{min-width:0;padding:10px;border-top:1px solid var(--border);border-right:1px solid var(--border)}.detail-section.wide{grid-column:1 / -1;padding:0;overflow:auto}.detail-section.wide h3{padding:9px 10px 0}.detail-section>p{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px;color:var(--muted);font-size:9px}.detail-section>p span{overflow:hidden;color:#bbc0c3;text-overflow:ellipsis;white-space:nowrap}.detail-section time{white-space:nowrap}.mini-table{width:100%;border-collapse:collapse;font-size:9px}.mini-table th,.mini-table td{height:26px;padding:4px 9px;border-top:1px solid var(--border);border-left:0;text-align:left}.mini-table th{color:var(--muted);font-weight:400}.session-active{color:var(--green)}.session-idle{color:var(--amber)}.session-ended,.session-expired{color:var(--muted)}.connect-form-panel{border:1px solid var(--border);background:var(--surface);margin-bottom:12px;padding:12px}.connect-form-panel form{display:grid;grid-template-columns:minmax(160px,1fr) minmax(240px,1.8fr) minmax(145px,.7fr) auto;align-items:end;gap:9px}label{display:grid;gap:4px;color:var(--muted);font-size:9px}input,select{width:100%;height:30px;border:1px solid var(--border);border-radius:0;background:var(--bg);color:var(--text);padding:5px 7px}input::placeholder{color:#515a5e}.connect-form-panel>p{margin:7px 0 0;color:#5d666b;font-size:8px}.primary-button{border:1px solid #3e7858;background:#193223;color:#cfeedd;min-height:34px;padding:7px 11px;cursor:pointer}.primary-button:hover{background:#20412c}.primary-button:disabled,button:disabled{cursor:not-allowed;opacity:.5}.primary-button.compact{min-height:28px;padding:4px 8px;font-size:9px}.add-button{height:30px;min-height:30px}.connection-list{margin-top:12px}.actions{display:flex;align-items:center;gap:4px}.actions button{border:0;background:none;color:var(--info);padding:3px;font-size:9px;cursor:pointer}.actions .danger-link,.danger-link{color:var(--red)}.setup-result,.code-inspector{position:relative;border:1px solid #365b45;background:#101713;padding:12px;margin-bottom:12px}.result-heading{display:flex;justify-content:space-between}.result-heading h2{margin:5px 0 10px}.setup-steps{display:flex;border:1px solid var(--border);margin-bottom:8px}.setup-steps span{flex:1;padding:7px;border-right:1px solid var(--border);color:var(--muted);font-size:9px}.setup-steps span:last-child{border-right:0}.setup-steps b{display:inline-grid;width:17px;height:17px;place-items:center;border:1px solid #3f494d;color:var(--text);font-weight:400;margin-right:4px}.code-block,.code-inspector pre{position:relative;border:1px solid var(--border);background:var(--bg);margin-bottom:8px}.code-block pre,.code-inspector pre{margin:0;padding:10px;color:#b9ccd7;white-space:pre-wrap;overflow-wrap:anywhere;font-size:9px}.code-block>button{position:absolute;z-index:1;right:5px;top:5px;border:1px solid var(--border);background:var(--hover);color:var(--info);padding:3px 6px;font-size:8px;cursor:pointer}.advanced{border-top:1px solid var(--border);margin-top:10px;padding-top:8px}.advanced summary{color:var(--muted);cursor:pointer;font-size:9px}.advanced dl{display:grid;grid-template-columns:115px 1fr;gap:1px;margin:8px 0 0}.advanced dt,.advanced dd{margin:0;padding:5px 7px;background:#00000029;font-size:9px}.advanced dt{color:var(--muted)}.advanced dd small{display:block;color:var(--red);margin-top:3px}.code-inspector{display:grid;grid-template-columns:1fr auto;border-color:var(--border);background:var(--surface);margin-top:12px}.code-inspector pre,.code-inspector>div:not(:first-child),.code-inspector details{grid-column:1 / -1}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px;background-color:var(--bg)}.login-panel{width:min(390px,100%);border:1px solid var(--border);background:#111416fa;padding:25px;box-shadow:0 18px 50px #0008}.login-panel .brand-mark{margin-bottom:18px}.login-panel h1{margin-bottom:20px}.google-button{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid #747a7d;background:#f5f7f8;color:#202124;padding:12px 10px;cursor:pointer}.google-button:hover{border-color:#aeb4b7;background:#fff}.google-button:disabled{cursor:not-allowed;opacity:.5}.google-mark{display:inline-grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#fff;color:#4285f4;font:700 15px/1 Arial,sans-serif;box-shadow:inset 0 0 0 1px #d9dce0}.auth-form{display:grid;gap:9px;border-top:1px solid var(--border);margin-top:8px;padding-top:12px}.form-error{color:var(--red);margin:10px 0 0;font-size:10px}.hint,.setup-note,.security-note{color:var(--muted);font-size:9px}.setup-note{border-left:2px solid var(--amber);padding-left:8px}.security-note{border-top:1px solid var(--border);margin:15px 0 0;padding-top:10px;color:#687176}.drawer-backdrop{position:fixed;z-index:40;inset:0;background:#0008}.account-drawer{position:absolute;right:0;top:0;width:min(460px,100%);height:100%;border-left:1px solid var(--border);background:var(--bar);padding:16px;box-shadow:-20px 0 50px #0007}.drawer-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:14px}.drawer-header p{margin-bottom:2px;color:var(--muted)}.section-note{color:var(--muted);font-size:9px}.google-credential{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid var(--border);margin:10px 0 14px;padding:10px}.google-credential strong,.google-credential small{display:block}.google-credential strong{font-weight:400}.google-credential small{color:var(--muted);font-size:8px}.credential-status{border:1px solid #315b3d;color:var(--green);padding:3px 5px;font-size:8px}.muted,.empty-line{color:var(--muted)}.empty-line{margin:0;padding:10px}@media(max-width:900px){.app-shell{padding-left:0;padding-bottom:46px}.sidebar{inset:auto 0 0;width:auto;height:46px;border:0;border-top:1px solid var(--border)}.sidebar nav{display:flex;padding:5px}.sidebar nav button{justify-content:center;min-width:130px}.sidebar footer{display:none}.metric-strip{grid-template-columns:repeat(5,minmax(100px,1fr));overflow-x:auto}.connect-form-panel form{grid-template-columns:1fr 1fr}.inline-detail{grid-template-columns:1fr}.topbar-meta time,.topbar-meta .divider{display:none}}@media(max-width:560px){.main-area{padding:10px}.connect-form-panel form{grid-template-columns:1fr}.setup-steps{display:grid;grid-template-columns:1fr 1fr}.setup-steps span{border-bottom:1px solid var(--border)}.metric-strip>div{display:grid}.topbar-brand>span:last-child{display:none}}