:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ml-bg:#f5f7fa;--ml-surface:#fff;--ml-surface-2:#f0f5f2;--ml-text:#17202a;--ml-muted:#647080;--ml-border:#d9e0e8;--ml-green:#0d7a4b;--ml-blue:#185abd;--ml-red:#b42318;--ml-yellow:#f5d547;--ml-shadow:0 16px 50px #17202a14}*{box-sizing:border-box}body{background:var(--ml-bg);color:var(--ml-text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel,.panel,.metric-card,.connection-card{background:var(--ml-surface);border:1px solid var(--ml-border);box-shadow:var(--ml-shadow);border-radius:8px}.login-panel{width:min(420px,100%);padding:28px}.login-panel h1,.page-title h1{letter-spacing:0;margin:0;font-size:1.65rem}.login-panel p,.page-title p{color:var(--ml-muted);line-height:1.5}.form-stack{gap:14px;display:grid}.field{gap:6px;display:grid}.field span{color:var(--ml-muted);font-size:.9rem;font-weight:700}.field input{border:1px solid var(--ml-border);border-radius:8px;width:100%;padding:11px 12px}.button{border:1px solid var(--ml-blue);background:var(--ml-blue);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}.button.secondary{color:var(--ml-blue);background:#fff}.button.danger{border-color:var(--ml-red);color:var(--ml-red);background:#fff}.button:disabled{border-color:var(--ml-border);color:var(--ml-muted);cursor:not-allowed;background:#edf2f7}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8fafc;background:#111827;padding:22px}.brand{gap:4px;margin-bottom:26px;display:grid}.brand strong{font-size:1.05rem}.brand span{color:#b8c0cc;font-size:.88rem}.nav{gap:6px;display:grid}.nav a,.nav button{color:#dbe4ef;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.nav a:hover,.nav button:hover{background:#1f2937}.content{padding:28px}.page-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.grid{gap:16px;display:grid}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.connection-card,.panel{padding:18px}.metric-card span,.connection-meta dt{color:var(--ml-muted);font-size:.88rem;font-weight:800}.metric-card strong{margin-top:8px;font-size:1.7rem;display:block}.connections{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.connection-card h2{letter-spacing:0;margin:0;font-size:1.2rem}.badge{color:#334155;background:#edf2f7;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:900}.badge.connected{color:#166534;background:#dcfce7}.badge.error{color:#991b1b;background:#fee2e2}.connection-meta{grid-template-columns:140px minmax(0,1fr);gap:8px 12px;margin:16px 0;display:grid}.connection-meta dd{overflow-wrap:anywhere;margin:0}.actions{flex-wrap:wrap;gap:10px;display:flex}.notice{color:#7c4a03;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:12px 14px;line-height:1.45}.error{color:var(--ml-red);font-weight:700}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.metrics,.connections{grid-template-columns:1fr}}@media (max-width:620px){.content{padding:18px}.page-title{display:grid}.connection-meta{grid-template-columns:1fr}}