:root{--c4b-auth-bg: #f5f7fb;--c4b-auth-surface: #ffffff;--c4b-auth-text: #111827;--c4b-auth-muted: #6b7280;--c4b-auth-border: #e5e7eb;--c4b-auth-shadow: 0 20px 60px rgba(15, 23, 42, .12);--c4b-auth-accent: #2563eb;--c4b-auth-accent-hover: #1d4ed8}.c4b-auth-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--c4b-auth-bg);color:var(--c4b-auth-text)}.c4b-auth-login-card{width:100%;max-width:24rem;padding:2rem;border:1px solid var(--c4b-auth-border);border-radius:1rem;background:var(--c4b-auth-surface);box-shadow:var(--c4b-auth-shadow);text-align:center}.c4b-auth-login-brand{margin-bottom:1.5rem}.c4b-auth-login-title{margin:0 0 .35rem;font-size:1.75rem;line-height:1.15}.c4b-auth-login-version{color:var(--c4b-auth-muted);font-size:.95rem}.c4b-auth-login-button{width:100%;border:0;border-radius:.75rem;padding:.85rem 1rem;background:var(--c4b-auth-accent);color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:background-color .12s ease}.c4b-auth-login-button:hover,.c4b-auth-login-button:focus{background:var(--c4b-auth-accent-hover)}:root{--app-bg: var(--vfs-app-bg, #f5f7fb);--app-text: var(--vfs-app-text, #1f2937);--app-muted: var(--vfs-app-muted, #64748b);--app-surface: var(--vfs-app-surface, #ffffff);--app-surface-2: var(--vfs-app-surface-2, #f8fafc);--app-border: var(--vfs-app-border, #e5e7eb);--app-hover: var(--vfs-app-hover, #f1f5f9);--app-selected-bg: var(--vfs-app-selected-bg, #eff6ff);--app-selected-border: var(--vfs-app-selected-border, #bfdbfe);--app-drop-bg: var(--vfs-app-drop-bg, #ecfdf5);--app-drop-border: var(--vfs-app-drop-border, #86efac);--app-accent: var(--vfs-app-accent, #2563eb);--app-split: var(--vfs-app-split, #cbd5e1);--app-shadow: var(--vfs-app-shadow, 0 20px 60px rgba(15, 23, 42, .18))}html,body{height:100%;min-height:100vh;background:var(--app-bg);color:var(--app-text);margin:0}#root,.app-shell{height:100%;min-height:100vh}.app-navbar{background:var(--app-surface);border-color:var(--app-border)!important}.app-brand{color:var(--app-text)}.app-brand-stack{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.05rem;line-height:1.1}.app-brand-name{color:var(--app-text)}.app-brand-version{color:var(--app-muted);font-size:.72rem;font-weight:500;letter-spacing:.02em}.app-brand:hover,.app-brand:focus{color:var(--app-text)}.app-nav-link{color:var(--app-muted)}.app-nav-link:hover,.app-nav-link:focus,.app-nav-link.is-active{color:var(--app-text);background:var(--app-hover)}.app-user-label{color:var(--app-muted)}.app-user-menu{position:relative}.app-user-menu-trigger{display:inline-flex;align-items:center;gap:.55rem;min-width:0}.app-user-menu-trigger.is-open{border-color:var(--app-selected-border);background:var(--app-hover)}.app-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:999px;background:var(--app-selected-bg);color:var(--app-text);border:1px solid var(--app-selected-border);font-size:.75rem;font-weight:700;line-height:1}.app-user-menu-dropdown{position:absolute;top:calc(100% + .55rem);right:0;min-width:12rem;padding:.4rem;border-radius:.85rem;border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-shadow);z-index:1035}.app-user-menu-item{width:100%;display:flex;align-items:center;padding:.55rem .75rem;border:0;border-radius:.6rem;background:transparent;color:var(--app-text);text-decoration:none;text-align:left;font-size:.92rem}.app-user-menu-item:hover,.app-user-menu-item:focus{background:var(--app-hover);color:var(--app-text)}.app-user-menu-item.is-danger{color:#dc2626}.app-user-menu-item.is-danger:hover,.app-user-menu-item.is-danger:focus{color:#dc2626;background:#dc262614}.app-user-menu-divider{height:1px;margin:.35rem 0;background:var(--app-border)}.app-main{position:relative;display:flex;flex:1 1 auto;min-height:0;width:100%}.app-graphql-shell{position:absolute;top:0;right:0;bottom:0;left:0;display:none;min-height:0;background:var(--app-surface)}.app-graphql-shell.is-active{display:block}.app-graphql-frame{display:block;width:100%;height:100%;min-height:0;border:0;background:#fff}.app-main-content{flex:1 1 auto;display:flex;min-height:0;width:100%}.app-main-content.is-hidden{visibility:hidden;pointer-events:none}.navbar .nav-link{border-radius:.5rem}.auth-card{max-width:420px}.auth-login-page{min-height:calc(100vh - 72px);display:flex;align-items:center;width:100%}.auth-login-page>.row{width:100%}.auth-card-version{font-size:.95rem}.json-view{font-size:.875rem;white-space:pre-wrap;word-break:break-word;background:var(--app-surface-2)!important;border-color:var(--app-border)!important}