:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#00a76f;--color-primary-dark:#007867;--color-text:#212b36;--color-text-secondary:#637381;--color-background:#f4f6f8;--color-surface:#fff;--color-divider:#919eab33;--color-success:#22c55e;--color-warning:#ffab00;--color-error:#ff5630;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-control:8px;--radius-card:16px;--shadow-card:0 0 2px #919eab33, 0 12px 24px -4px #919eab1f;--sidebar-width:280px;--header-height:72px;font-family:Public Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-background);min-width:320px}body{min-width:320px;min-height:100dvh;color:var(--color-text);background:var(--color-background);margin:0;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}a{color:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 35%, transparent);outline-offset:2px}h1,h2,p{margin-top:0}h1{margin-bottom:var(--space-3);font-size:clamp(28px,4vw,40px);line-height:1.2}h2{margin-bottom:var(--space-2);font-size:16px}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100dvh;display:grid}.app-sidebar{padding:var(--space-6) var(--space-4);background:var(--color-surface);border-right:1px dashed var(--color-divider)}.app-brand,.app-nav__link,.app-header,.setup-card{align-items:center;display:flex}.app-brand{gap:var(--space-3);min-height:48px;padding:0 var(--space-3);font-size:18px;font-weight:700}.app-brand__icon{width:40px;height:40px;color:var(--color-primary-dark);background:color-mix(in srgb, var(--color-primary) 16%, transparent);border-radius:var(--radius-control);place-items:center;display:grid}.app-nav{gap:var(--space-1);margin-top:var(--space-8);display:grid}.app-nav__link{gap:var(--space-3);min-height:48px;padding:0 var(--space-3);color:var(--color-text-secondary);border-radius:var(--radius-control);text-decoration:none}.app-nav__link:hover{background:#919eab14}.app-nav__link.is-active{color:var(--color-primary-dark);background:color-mix(in srgb, var(--color-primary) 16%, transparent);font-weight:700}.app-main{min-width:0}.app-header{z-index:10;min-height:var(--header-height);padding:0 var(--space-8);border-bottom:1px solid var(--color-divider);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;justify-content:space-between;position:sticky;top:0}.status-badge,.connection-state{padding:var(--space-1) var(--space-3);color:var(--color-text-secondary);background:var(--color-background);border-radius:999px;font-size:12px;font-weight:700}.app-content{width:min(100%,1280px);padding:48px var(--space-8);margin:0 auto}.placeholder-page{gap:var(--space-8);display:grid}.eyebrow{margin-bottom:var(--space-2);color:var(--color-primary-dark);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.page-description,.setup-card p{color:var(--color-text-secondary);margin-bottom:0}.setup-card{justify-content:space-between;gap:var(--space-6);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.connection-state.is-ready{color:#065e49;background:#d3fcd2}.page-loading{padding:var(--space-6)}@media (width<=899px){:root{--sidebar-width:88px}.app-brand{justify-content:center}.app-brand>span:last-child,.app-nav__link span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-nav__link{justify-content:center}}@media (width<=599px){.app-shell{display:block}.app-sidebar{z-index:20;padding:var(--space-2);border-top:1px solid var(--color-divider);border-right:0;position:fixed;bottom:0;left:0;right:0}.app-brand{display:none}.app-nav{grid-template-columns:repeat(5,1fr);gap:0;margin:0}.app-nav__link{min-height:52px}.app-header{min-height:64px;padding:0 var(--space-4)}.status-badge{display:none}.app-content{padding:var(--space-8) var(--space-4) 88px}.setup-card{flex-direction:column;align-items:flex-start}}