:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;--bg: #08090a;--panel: rgba(255,255,255,.03);--panel-2: rgba(255,255,255,.05);--border: rgba(255,255,255,.08);--text: #f7f8f8;--muted: #8a8f98;--accent: #3ecf8e;--accent-2: #8bc5a4;--danger: #f2545b;--shadow: 0 24px 80px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top,rgba(62,207,142,.12),transparent 34%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(62,207,142,.14),transparent 32%),var(--bg)}.auth-card{width:min(520px,100%);padding:32px;border-radius:28px;background:#0a0c0de6;border:1px solid var(--border);box-shadow:var(--shadow)}.auth-brand,.eyebrow{font-family:Source Code Pro,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.78rem}.auth-card h1,.topbar h1{margin:12px 0 10px;font-size:clamp(2rem,4vw,3.75rem);line-height:.98;letter-spacing:-.04em}.auth-card p,.panel p,.card small,.connector span,.table-row span,.table-row small{color:var(--muted)}.field-grid{display:grid;gap:16px;margin:24px 0}label span{display:block;font-size:.9rem;margin-bottom:8px}input{width:100%;padding:14px 16px;border-radius:16px;color:var(--text);background:#ffffff0a;border:1px solid var(--border);outline:none}input:focus{border-color:#3ecf8e6b;box-shadow:0 0 0 4px #3ecf8e1a}.primary,.ghost{border:1px solid var(--border);border-radius:999px;min-height:48px;padding:0 18px;cursor:pointer}.primary{background:linear-gradient(135deg,var(--accent),#2f6b4c);color:#02110b;font-weight:800}.ghost{background:#ffffff05;color:var(--text)}.primary:disabled{opacity:.55;cursor:not-allowed}.hint{margin-top:18px;font-size:.92rem}.hint code,.code-block{font-family:Source Code Pro,ui-monospace,monospace}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:#ffffff05;display:flex;flex-direction:column;justify-content:space-between;padding:24px 18px;position:sticky;top:0;height:100vh}.brand-lockup{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#1f4f37);color:#04120b;font-weight:900}.brand-lockup strong{display:block;font-size:1.02rem}.brand-lockup span{display:block;color:var(--muted);font-size:.85rem}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:12px 14px;border-radius:14px;color:var(--muted)}.sidebar nav a:hover{background:#ffffff0a;color:var(--text)}.content{padding:28px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px}.top-actions{display:flex;flex-wrap:wrap;gap:10px}.kpis,.grid-2{display:grid;gap:16px}.kpis{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.card{padding:18px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between}.card strong{font-size:clamp(1.2rem,1.8vw,2rem);letter-spacing:-.04em}.card.danger strong,.danger-text,.danger{color:var(--danger)}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:16px}.panel h2{margin:0 0 6px;font-size:1.15rem}.chart{width:100%;height:260px;display:block;margin:10px 0 6px}.axis-row{display:flex;justify-content:space-between;color:var(--muted);font-family:Source Code Pro,monospace;font-size:.8rem}.connector-list,.table-list,.bullets{display:grid;gap:10px}.connector,.table-row{display:flex;justify-content:space-between;gap:14px;padding:14px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.connector strong,.table-row strong{display:block;margin-bottom:4px}.connector-meta{text-align:right}.connector-meta em{font-style:normal;font-family:Source Code Pro,monospace;text-transform:uppercase;font-size:.78rem}.connector-meta .ok{color:var(--accent)}.connector-meta .syncing{color:#d0d6e0}.connector-meta .auth_error,.connector-meta .degraded{color:var(--danger)}.code-block{overflow:auto;padding:18px;border-radius:16px;background:#ffffff0a;border:1px solid var(--border);color:#dbe7df}.bullets{margin:0;padding-left:18px;color:var(--muted)}@media(max-width:1180px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}}@media(max-width:760px){.content{padding:18px}.topbar{flex-direction:column;align-items:start}.kpis{grid-template-columns:1fr}.card{min-height:112px}.table-row,.connector{flex-direction:column}.connector-meta{text-align:left}}