:root{--ink:#17211d;--muted:#67716c;--paper:#fbfcfa;--panel:#fff;--line:#dce4df;--moss:#1e6b58;--moss-dark:#155141;--moss-pale:#e9f4ef;--sand:#f3f1eb;--shadow:0 18px 48px #1e312a14}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #1e6b5840}.login-shell{background:radial-gradient(circle at 18% 10%,#dbece5 0,#0000 34%),linear-gradient(135deg,#f8f9f6,#eef2ed);place-items:center;min-height:100vh;padding:32px;display:grid}.login-card{width:min(460px,100%);box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #17211d14;border-radius:28px;padding:48px}.brand-mark,.wordmark-icon{color:#fff;background:var(--moss);place-items:center;font-family:Georgia,serif;font-weight:700;display:grid}.brand-mark{border-radius:15px;width:48px;height:48px;margin-bottom:28px;font-size:29px}.eyebrow{color:var(--moss);letter-spacing:.14em;margin:0 0 8px;font-size:11px;font-weight:800}.login-card h1{letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,7vw,54px);line-height:1.02}.lede{color:var(--muted);margin:20px 0 30px;font-size:16px;line-height:1.6}.alert{color:#87372b;background:#fff2ee;border:1px solid #e9c6be;border-radius:12px;padding:12px 14px;font-size:14px}.primary-button{color:#fff;background:var(--moss);border:0;border-radius:11px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-weight:700;display:inline-flex}.primary-button:hover{background:var(--moss-dark)}.primary-button:disabled{opacity:.55;cursor:not-allowed}.primary-button.wide{width:100%;min-height:48px}.fine-print{color:#77807b;margin:18px 0 0;font-size:12px;line-height:1.55}.console-frame{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#f5f7f4;flex-direction:column;height:100vh;padding:24px 16px 18px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.02em;align-items:center;gap:11px;padding:0 8px 26px;font-weight:800;display:flex}.wordmark-icon{border-radius:9px;width:31px;height:31px;font-size:20px}.sidebar nav{flex-direction:column;gap:3px;display:flex}.nav-link{color:#56605a;border-radius:10px;align-items:center;gap:11px;min-height:42px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.nav-link:hover{color:var(--ink);background:#ffffffbf}.nav-link.active{color:var(--moss-dark);background:#fff;box-shadow:0 2px 10px #1932280f}.documentation{margin-top:auto}.identity-card{border-top:1px solid var(--line);grid-template-columns:35px minmax(0,1fr) 32px;align-items:center;gap:9px;margin-top:12px;padding:13px 8px 0;display:grid}.avatar{width:34px;height:34px;color:var(--moss-dark);background:#dcebe5;border-radius:50%;place-items:center;font-weight:800;display:grid}.identity-copy{flex-direction:column;min-width:0;display:flex}.identity-copy strong,.identity-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.identity-copy strong{font-size:13px}.identity-copy span{color:var(--muted);font-size:11px}.icon-button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.icon-button:hover{color:var(--ink);background:#fff}.main-column{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfcfae0;justify-content:flex-end;align-items:center;gap:9px;height:64px;padding:0 36px;display:flex}.environment-pill,.role-pill{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.environment-pill{color:var(--moss-dark);background:var(--moss-pale)}.role-pill{color:#616963;background:var(--sand)}.content{max-width:1240px;margin:0 auto;padding:52px 48px 80px}.page-stack{flex-direction:column;gap:32px;display:flex}.page-heading{align-items:flex-start;gap:16px;display:flex}.heading-icon{width:42px;height:42px;color:var(--moss);background:var(--moss-pale);border-radius:13px;place-items:center;display:grid}.page-heading h1{letter-spacing:-.035em;margin:0 0 7px;font-family:Georgia,Times New Roman,serif;font-size:38px;line-height:1}.page-heading p:last-child{color:var(--muted);margin:0;font-size:15px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.metric-card,.getting-started,.empty-card,.connection-card,.settings-card{border:1px solid var(--line);background:var(--panel);border-radius:17px;box-shadow:0 5px 20px #1e312a09}.metric-card{flex-direction:column;padding:22px;display:flex}.metric-card>span{color:var(--muted);font-size:13px;font-weight:600}.metric-card strong{margin:18px 0 6px;font-size:28px}.metric-card small{color:var(--muted)}.metric-card .healthy{color:var(--moss);align-items:center;gap:8px;font-size:18px;display:flex}.getting-started{grid-template-columns:1fr 1fr;gap:44px;padding:30px;display:grid}.getting-started>div{gap:14px;display:flex}.getting-started h2{margin:0 0 8px;font-size:19px}.getting-started p{color:var(--muted);margin:0;line-height:1.5}.getting-started ol{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.getting-started li{align-items:center;gap:10px;font-size:14px;font-weight:650;display:flex}.getting-started li span{width:26px;height:26px;color:var(--moss);background:var(--moss-pale);border-radius:50%;place-items:center;font-size:12px;display:grid}.empty-card{text-align:center;flex-direction:column;align-items:center;padding:64px 24px;display:flex}.empty-card h2{margin:22px 0 8px;font-size:20px}.empty-card p{max-width:460px;color:var(--muted);margin:0 0 22px;line-height:1.55}.empty-card small{color:#909792;margin-top:12px}.empty-illustration{width:74px;height:58px;position:relative}.empty-illustration span{background:var(--moss-pale);border:1px solid #b6cdc4;border-radius:8px;width:58px;height:34px;position:absolute;left:8px}.empty-illustration span:first-child{top:0;transform:rotate(-7deg)}.empty-illustration span:nth-child(2){top:7px;transform:rotate(7deg)}.empty-illustration span:nth-child(3){background:#fff;top:14px}.connection-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.connection-card{padding:23px}.connection-card h2{margin:18px 0 7px;font-size:17px}.connection-card p{color:var(--muted);margin:0 0 19px;font-size:13px}.connection-card button{border:1px solid var(--line);background:#f8faf8;border-radius:9px;padding:8px 12px}.client-logo{width:38px;height:38px;color:var(--moss);background:var(--moss-pale);border-radius:11px;place-items:center;font-weight:900;display:grid}.settings-card{padding:26px}.settings-card h2{margin:0 0 20px;font-size:18px}.settings-card dl{margin:0}.settings-card dl div{border-top:1px solid var(--line);grid-template-columns:220px 1fr;padding:14px 0;display:grid}.settings-card dt{color:var(--muted)}.settings-card dd{margin:0;font-weight:650}@media (max-width:900px){.console-frame{grid-template-columns:78px 1fr}.wordmark span:last-child,.nav-link span,.identity-copy,.documentation{display:none}.sidebar{padding-inline:12px}.wordmark{justify-content:center;padding-inline:0}.nav-link{justify-content:center;padding:0}.identity-card{justify-content:center;display:flex}.metric-grid,.connection-grid{grid-template-columns:1fr 1fr}.getting-started{grid-template-columns:1fr}}@media (max-width:640px){.console-frame{display:block}.sidebar{flex-direction:row;width:100%;height:auto;padding:10px;position:static;overflow-x:auto}.wordmark{padding:0 8px}.sidebar nav{flex-direction:row}.identity-card,.documentation{display:none}.topbar{padding:0 18px}.content{padding:32px 20px 64px}.metric-grid,.connection-grid{grid-template-columns:1fr}.page-heading h1{font-size:32px}.role-pill{display:none}.login-card{padding:34px 26px}}