: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: #f5f7fb;--app-text: #1f2937;--app-muted: #64748b;--app-surface: #ffffff;--app-surface-2: #f8fafc;--app-border: #e5e7eb;--app-hover: #f1f5f9;--app-selected-bg: #eff6ff;--app-selected-border: #bfdbfe;--app-drop-bg: #ecfdf5;--app-drop-border: #86efac;--app-accent: #2563eb;--app-split: #cbd5e1;--app-shadow: 0 20px 60px rgba(15, 23, 42, .18)}[data-theme=dark]{--app-bg: #0b1220;--app-text: #e5edf7;--app-muted: #94a3b8;--app-surface: #111827;--app-surface-2: #0f172a;--app-border: #243244;--app-hover: #162133;--app-selected-bg: #14213a;--app-selected-border: #315388;--app-drop-bg: #10261a;--app-drop-border: #2f7d57;--app-accent: #60a5fa;--app-split: #334155;--app-shadow: 0 24px 70px rgba(2, 6, 23, .48)}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}