.demo-root{--demo-accent:#0e5f73;--demo-accent-light:#e6f3f6;--demo-background:#fff;--demo-foreground:#0a0a0a;--demo-muted:#666;--demo-border:#eaeaea;--demo-card-bg:#fff;--demo-sidebar-bg:#fafafa;--demo-sidebar-active:#e8e8e8;--demo-table-header:#fafafa;--demo-success:#10b981;--demo-warning:#f5a623;--demo-error:#e00}.demo-scrollbar{scrollbar-width:thin;scrollbar-color:#d4d4d4 transparent}.demo-scrollbar::-webkit-scrollbar{width:8px;height:8px}.demo-scrollbar::-webkit-scrollbar-thumb{background:#d4d4d4}.demo-scrollbar::-webkit-scrollbar-track{background:0 0}.demo-shell{height:100vh;display:flex;overflow:hidden}.demo-main{background:var(--demo-background);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.demo-sidebar{background:var(--demo-sidebar-bg);border-right:1px solid var(--demo-border);flex-direction:column;width:260px;min-width:260px;height:100vh;display:flex}.demo-sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.mobile-only{display:none}.responsive-check-layout{flex:1;grid-template-columns:minmax(320px,420px) 1fr;min-height:0;display:grid;overflow:hidden}@media (max-width:767px){.demo-shell{flex-direction:column;height:100dvh}.demo-sidebar{border-right:0;border-bottom:1px solid var(--demo-border);width:100%;min-width:0;height:auto}.demo-sidebar-nav{gap:4px;padding:8px;display:flex;overflow:auto hidden}.desktop-only{display:none!important}.mobile-only{display:flex}.demo-main{min-height:0}.responsive-check-layout{grid-template-columns:1fr}}