:root{--su-bg: #ffffff;--su-surface: #ffffff;--su-text: #111111;--su-muted: #666666;--su-primary: #000000;--su-accent: #0e7afe;--su-border: #e5e7eb;--su-radius: 12px;--su-shadow: 0 2px 10px rgba(0, 0, 0, .06);--su-control-bg: #f6f7f8;--su-control-border: var(--su-border);--su-control-radius: 10px;--su-hover-bg: #f3f4f6;--su-editor-border: #dddddd;--su-editor-border-focus: #999999;--su-editor-text-muted: #555555;--su-editor-hr: #e2e2e2;--su-shadow-elevated: 0 0 20px rgba(0, 0, 0, .3)}[data-theme=dark]{--su-bg: #0b0b0b;--su-surface: #121212;--su-text: #f7f7f7;--su-muted: #b3b3b3;--su-primary: #eaeaea;--su-accent: #75a7ff;--su-border: #242424;--su-shadow: 0 2px 10px rgba(0, 0, 0, .45);--su-control-bg: #1a1a1a;--su-hover-bg: #202020;--su-editor-border: #2a2a2a;--su-editor-border-focus: #5a5a5a;--su-editor-text-muted: #b3b3b3;--su-editor-hr: #2f2f2f;--su-shadow-elevated: 0 0 20px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body,#root{height:100%;background:var(--su-bg);color:var(--su-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer}.su-layout{display:grid;grid-template-columns:280px 1fr;grid-template-rows:56px 1fr auto;grid-template-areas:"sidebar topbar" "sidebar content" "sidebar footer";min-height:100vh}.su-sidebar{grid-area:sidebar;border-right:1px solid var(--su-border);background:var(--su-surface);padding:12px;z-index:41;width:260px}.su-topbar{grid-area:topbar;border-bottom:1px solid var(--su-border);background:var(--su-surface);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;z-index:42;position:sticky;top:0}.su-content{grid-area:content;padding:20px}.su-footer{grid-area:footer;border-top:1px solid var(--su-border);padding:12px 16px;color:var(--su-muted);display:flex;justify-content:space-between;align-items:center}.su-card{background:var(--su-surface);border:1px solid var(--su-border);border-radius:var(--su-radius);box-shadow:var(--su-shadow);padding:16px}.su-card-title{font-size:1rem;font-weight:600;margin-bottom:8px}.su-btn{padding:8px 12px;border-radius:var(--su-control-radius);border:1px solid var(--su-control-border);background:var(--su-control-bg);font-size:.875rem}.su-btn.primary{background:var(--su-accent);color:#fff;border-color:transparent}.su-input,.su-select,.su-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--su-border);background:var(--su-surface);color:var(--su-text);font-size:.875rem}.su-label{display:block;font-size:.8rem;font-weight:500;margin-bottom:4px}.su-grid{display:grid;gap:16px}.su-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.su-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.su-nav-header{font-weight:700;margin-bottom:12px;font-size:.9rem}.su-nav-link{width:100%;text-align:left;margin-bottom:4px}.su-nav-parent{margin-bottom:4px}.su-nav-parent-toggle{width:100%;display:flex;justify-content:space-between;align-items:center}.su-nav-parent-label{flex:1;text-align:left}.su-nav-caret{font-size:.75rem;opacity:.7}.su-nav-children{margin-top:4px;margin-left:8px}.su-topbar-left{display:flex;align-items:center;gap:8px}.su-topbar-title{font-weight:600;font-size:.95rem}.su-topbar-nav{display:flex;align-items:center;gap:8px}.su-topbar-link{font-size:.85rem}.su-topbar-dropdown-wrapper{position:relative}.su-topbar-dropdown{position:absolute;right:0;top:calc(100% + 4px);min-width:180px;background:var(--su-surface);border-radius:10px;border:1px solid var(--su-border);box-shadow:var(--su-shadow);padding:4px;z-index:50}.su-topbar-dropdown-link{display:block;padding:6px 10px;border-radius:8px;font-size:.85rem}.su-topbar-dropdown-link:hover{background:var(--su-hover-bg)}.su-sidebar-close{display:none;margin-bottom:12px;width:100%;text-align:left;font-weight:600}.su-topbar-hamburger{display:none}@media (max-width: 1024px){.su-layout{grid-template-columns:1fr;grid-template-rows:56px 1fr auto;grid-template-areas:"topbar" "content" "footer"}.su-sidebar{position:fixed;top:0;left:0;height:100vh;width:100%;background:var(--su-surface);box-shadow:var(--su-shadow-elevated);transform:translate(-100%);transition:transform .2s ease-out;z-index:1000}body.su-sidebar-open .su-sidebar{transform:translate(0)}.su-sidebar-close{display:block}.su-topbar-hamburger{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;padding-inline:10px}}@media (min-width: 1025px){.su-layout.collapsed{grid-template-columns:72px 1fr}.su-layout.collapsed .su-sidebar{width:72px;overflow:hidden}}.qb-layout{display:grid;gap:16px}.qb-top{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.qb-fields{width:100%}@media (max-width: 1024px){.qb-top{grid-template-columns:1fr}}.qb-typeBtn{width:100%;text-align:left;border:1px solid transparent;background:transparent;padding:8px 10px;border-radius:10px}.qb-typeBtn:hover{background:var(--su-hover-bg)}.qb-typeBtn.is-active{background:#0e7afe14;border-color:#0e7afe40}.qb-typeBtnInner{display:flex;flex-direction:column;gap:4px}.qb-typeBtnLabelRow{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.qb-typeBtnLabel{font-size:14px;font-weight:600}.qb-typeBtnMeta{font-size:11px;color:var(--su-muted);border:1px solid var(--su-border);padding:2px 6px;border-radius:999px;background:var(--su-control-bg)}.qb-typeBtnSlug{font-size:12px;color:var(--su-muted)}.qb-fields table{width:100%;border-collapse:collapse}.qb-fields th,.qb-fields td{padding:10px 8px;vertical-align:top}.qb-fields thead th{border-bottom:1px solid var(--su-border);font-weight:600;font-size:13px}.qb-fields tbody td{border-bottom:1px solid rgba(0,0,0,.04)}.qb-fields .su-input.su-input-sm{padding:8px 10px}.qb-savingNote{font-size:11px;color:var(--su-muted);margin-top:8px}.col-span-2{grid-column:1 / -1}@media (max-width: 1024px){.su-grid.cols-2{grid-template-columns:1fr}}.tiptap{min-height:180px;padding:10px;border:1px solid var(--su-editor-border);border-radius:8px;outline:none}.tiptap p{margin:0 0 8px}.tiptap a{text-decoration:underline}.tiptap ul,.tiptap ol{padding-left:1.25rem}.tiptap h1,.tiptap h2,.tiptap h3{margin:.6em 0 .4em}.tiptap blockquote{margin:8px 0;padding-left:12px;border-left:3px solid var(--su-editor-border);color:var(--su-editor-text-muted)}.tiptap:focus{border-color:var(--su-editor-border-focus)}.tiptap-editor-surface{border:1px solid var(--su-editor-border);border-radius:8px;padding:12px;min-height:180px}.ProseMirror:focus{outline:none}.ProseMirror p{margin:0 0 .75rem;line-height:1.6}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4{margin:.75rem 0}.ProseMirror blockquote{border-left:3px solid var(--su-editor-border);margin:.75rem 0;padding-left:.75rem;color:var(--su-editor-text-muted)}.ProseMirror ul,.ProseMirror ol{padding-left:1.25rem}.ProseMirror hr{border:none;border-top:1px solid var(--su-editor-hr);margin:1rem 0}:root{--su-bg: #ffffff;--su-surface: #ffffff;--su-text: #111111;--su-muted: #666666;--su-primary: #000000;--su-accent: #BF2C3E;--su-border: #e5e7eb;--su-radius: 12px;--su-shadow: 0 2px 10px rgba(0, 0, 0, .06);--su-control-bg: #d68f67;--su-control-border: var(--su-border);--su-control-radius: 10px;--su-hover-bg: #f3f4f6;--su-editor-border: #dddddd;--su-editor-border-focus: #999999;--su-editor-text-muted: #555555;--su-editor-hr: #e2e2e2;--su-shadow-elevated: 0 0 20px rgba(0, 0, 0, .3)}:root .su-btn{color:#fff}:root .su-table th{padding:2px 80px}:root .su-grid.cols-2{grid-template-columns:unset;max-width:1450px}