:root{--knack-side-panel-width:260px;--knack-side-panel-collapsed-width:60px}.knack-side-panel{position:fixed;top:0;left:0;width:var(--knack-side-panel-width);height:100vh;background:var(--knack-bg-secondary);border-right:1px solid var(--knack-border-soft);z-index:var(--knack-z-panel);overflow:hidden;transition:width var(--knack-transition-slow)}.has-side-panel .knack-site-inner{margin-left:var(--knack-side-panel-width);transition:margin-left var(--knack-transition-slow)}.has-side-panel .knack-header--sticky{left:var(--knack-side-panel-width);transition:left var(--knack-transition-slow)}.knack-panel-collapsed .knack-side-panel{width:var(--knack-side-panel-collapsed-width)}.knack-panel-collapsed.has-side-panel .knack-site-inner{margin-left:var(--knack-side-panel-collapsed-width)}.knack-panel-collapsed.has-side-panel .knack-header--sticky{left:var(--knack-side-panel-collapsed-width)}.knack-panel-collapsed .knack-side-panel .knack-menu-label{opacity:0;width:0;overflow:hidden;white-space:nowrap;transition:opacity 0.15s ease,width 0.15s ease}.knack-panel-collapsed .knack-side-panel .knack-panel-arrow{display:none}.knack-panel-collapsed .knack-side-panel .sub-menu{display:none}.knack-side-panel-inner{display:flex;flex-direction:column;padding:0;height:100%;min-height:0}.knack-side-panel-header{padding:0 var(--knack-space-sm);height:var(--knack-header-height);display:flex;align-items:center;border-bottom:1px solid var(--knack-border-soft);flex-shrink:0;overflow:visible;box-sizing:border-box}.knack-panel-collapse-btn{display:flex;align-items:center;gap:var(--knack-space-sm);width:100%;padding:10px var(--knack-space-md);background:none;border:none;color:var(--knack-text-secondary);font-size:0.8125rem;font-weight:500;border-radius:var(--knack-radius-xl);cursor:pointer;transition:all var(--knack-transition);white-space:nowrap;overflow:hidden}.knack-panel-collapse-btn:hover{color:var(--knack-text);background:var(--knack-bg-tertiary)}.knack-panel-collapse-btn .knack-collapse-icon{flex-shrink:0}.knack-collapse-icon--expand{display:none}.knack-collapse-icon--collapse{display:block}.knack-panel-collapsed .knack-collapse-icon--collapse{display:none}.knack-panel-collapsed .knack-collapse-icon--expand{display:block}.knack-panel-collapsed .knack-panel-collapse-btn{justify-content:center;padding:12px;gap:0}.knack-panel-collapsed .knack-panel-collapse-btn .knack-menu-label{opacity:0;width:0;overflow:hidden}.knack-side-panel-nav{flex:1;min-height:0;display:flex;flex-direction:column;padding:var(--knack-space-sm) var(--knack-space-sm);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}.knack-side-panel-nav::-webkit-scrollbar{display:none}.knack-side-panel-inner:has(.knack-side-panel-customer){overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.knack-side-panel-inner:has(.knack-side-panel-customer) .knack-side-panel-nav{flex:none;overflow:visible}.knack-side-panel-customer{padding-top:0;margin-top:0;border-top:1px solid var(--knack-border-soft,#e5e7eb)}.knack-side-panel-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.knack-side-panel-menu li{margin-bottom:0}.knack-side-panel-menu>li>a{display:flex;align-items:center;gap:var(--knack-space-sm);padding:10px var(--knack-space-md);color:var(--knack-text-secondary);font-size:0.875rem;font-weight:500;border-radius:var(--knack-radius-xl);transition:all var(--knack-transition);text-decoration:none;white-space:nowrap;overflow:hidden;position:relative}.knack-side-panel-menu>li>a:hover,.knack-side-panel-menu>li.current-menu-item>a{color:var(--knack-text);background:var(--knack-bg-tertiary)}.knack-side-panel-menu>li.current-menu-item>a{font-weight:600;color:var(--knack-accent)}.knack-side-panel-menu>li.current-menu-item>a::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--knack-accent);border-radius:0 3px 3px 0}.knack-side-panel-divider{height:0;margin:var(--knack-space-sm,0.5rem) var(--knack-space-md,1rem);border-top:1px solid var(--knack-border-soft,#e5e7eb);list-style:none;flex-shrink:0}.knack-side-panel-menu>.knack-side-panel-divider:first-child,.knack-side-panel-menu>.knack-side-panel-divider:last-child,.knack-side-panel-menu>.knack-side-panel-divider + .knack-side-panel-divider{display:none}.knack-side-panel-view-page{margin-top:auto;padding:var(--knack-space-sm) var(--knack-space-sm);border-top:1px solid var(--knack-border-soft,#e5e7eb);flex-shrink:0}.knack-side-panel-view-page a{display:flex;align-items:center;gap:var(--knack-space-sm,0.5rem);padding:8px 12px;color:var(--knack-text-muted);font-size:0.8125rem;font-weight:500;text-decoration:none;border-radius:var(--knack-radius-md,8px);transition:all var(--knack-transition);white-space:nowrap;overflow:hidden}.knack-side-panel-view-page a:hover{color:var(--knack-accent);background:var(--knack-bg-tertiary,rgba(0,0,0,0.04))}.knack-side-panel-view-page a svg{flex-shrink:0;opacity:0.7}.knack-side-panel-view-page a:hover svg{opacity:1}.knack-panel-collapsed .knack-side-panel-view-page{padding:var(--knack-space-sm) var(--knack-space-xs)}.knack-panel-collapsed .knack-side-panel-view-page a{justify-content:center;padding:10px}.knack-panel-collapsed .knack-side-panel-view-page a .knack-menu-label{display:none}.knack-menu-icon{flex-shrink:0;opacity:0.75;transition:opacity var(--knack-transition)}.knack-side-panel-menu>li>a:hover .knack-menu-icon,.knack-side-panel-menu>li.current-menu-item>a .knack-menu-icon{opacity:1}.knack-menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--knack-transition-slow)}.knack-panel-arrow{flex-shrink:0;margin-left:auto;opacity:0.5}.knack-side-panel-menu .sub-menu{list-style:none;margin:0;padding:0 0 0 var(--knack-space-lg);transition:all var(--knack-transition)}.knack-side-panel-menu .sub-menu li a{display:flex;align-items:center;gap:var(--knack-space-sm);padding:6px var(--knack-space-md);color:var(--knack-text-muted);font-size:0.8125rem;border-radius:var(--knack-radius-sm);transition:all var(--knack-transition);text-decoration:none;white-space:nowrap;overflow:hidden}.knack-side-panel-menu .sub-menu li a:hover{color:var(--knack-text-secondary);background:var(--knack-bg-tertiary)}.knack-side-panel-menu .sub-menu .knack-menu-icon{width:16px;height:16px}.knack-panel-collapsed .knack-side-panel{overflow:visible}.knack-panel-collapsed .knack-side-panel-inner{overflow:visible}.knack-panel-collapsed .knack-side-panel-nav{padding:var(--knack-space-sm) var(--knack-space-xs);overflow-x:visible;overflow-y:auto;scrollbar-width:none}.knack-panel-collapsed .knack-side-panel-nav::-webkit-scrollbar{display:none}.knack-panel-collapsed .knack-side-panel-menu{overflow:visible}.knack-panel-collapsed .knack-side-panel-menu>li{overflow:visible}.knack-panel-collapsed .knack-side-panel-menu>li>a{justify-content:center;padding:12px;gap:0;overflow:visible}.knack-panel-collapsed .knack-side-panel-menu>li>a::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--knack-surface-raised);color:var(--knack-text);padding:6px 12px;border-radius:var(--knack-radius);font-size:0.8125rem;font-weight:500;white-space:nowrap;box-shadow:var(--knack-shadow-md);border:1px solid var(--knack-border-soft);opacity:0;pointer-events:none;z-index:9999;transition:opacity 0.15s ease 0.3s}.knack-panel-has-js-tooltip .knack-panel-collapsed .knack-side-panel-menu>li>a::after,.knack-panel-has-js-tooltip .knack-panel-collapsed .knack-panel-collapse-btn::after{display:none !important}.knack-panel-collapsed .knack-side-panel-menu>li>a:hover::after{opacity:1}.knack-panel-tooltip{position:fixed;background:var(--knack-surface-raised);color:var(--knack-text);padding:6px 12px;border-radius:var(--knack-radius);font-size:0.8125rem;font-weight:500;white-space:nowrap;box-shadow:var(--knack-shadow-md);border:1px solid var(--knack-border-soft);pointer-events:none;z-index:99999;opacity:0;transition:opacity 0.15s ease}.knack-panel-tooltip--visible{opacity:1}.knack-panel-collapsed .knack-panel-collapse-btn{position:relative;overflow:visible}.knack-panel-collapsed .knack-panel-collapse-btn::after{content:'Expand';position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--knack-surface-raised);color:var(--knack-text);padding:6px 12px;border-radius:var(--knack-radius);font-size:0.8125rem;font-weight:500;white-space:nowrap;box-shadow:var(--knack-shadow-md);border:1px solid var(--knack-border-soft);opacity:0;pointer-events:none;z-index:9999;transition:opacity 0.15s ease 0.3s}.knack-panel-collapsed .knack-panel-collapse-btn:hover::after{opacity:1}.knack-panel-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:calc(var(--knack-z-panel) - 1)}.knack-panel-mobile-open .knack-panel-overlay{display:block}body.admin-bar .knack-side-panel{top:32px;height:calc(100vh - 32px)}@media (max-width:782px){body.admin-bar .knack-side-panel{top:46px;height:calc(100vh - 46px)}}@media (max-width:1024px){.knack-side-panel{transform:translateX(-100%);transition:transform var(--knack-transition-slow),width var(--knack-transition-slow)}.has-side-panel .knack-site-inner{margin-left:0}.has-side-panel .knack-header--sticky{left:0}.knack-panel-mobile-open .knack-side-panel{transform:translateX(0);width:var(--knack-side-panel-width)}.knack-panel-collapsed .knack-side-panel{width:var(--knack-side-panel-width)}.knack-panel-collapsed.has-side-panel .knack-site-inner{margin-left:0}.knack-panel-collapsed.has-side-panel .knack-header--sticky{left:0}.knack-panel-collapsed .knack-side-panel .knack-menu-label{opacity:1;width:auto}.knack-panel-collapsed .knack-side-panel .knack-panel-arrow{display:block}.knack-panel-collapsed .knack-side-panel .sub-menu{display:block}.knack-panel-collapsed .knack-side-panel-nav{padding:var(--knack-space-sm) var(--knack-space-sm)}.knack-panel-collapsed .knack-side-panel-menu>li>a{justify-content:flex-start;padding:10px var(--knack-space-md);gap:var(--knack-space-sm)}.knack-panel-collapsed .knack-side-panel-menu>li>a::after{display:none}.knack-panel-collapsed .knack-panel-collapse-btn{justify-content:flex-start;padding:10px var(--knack-space-md);gap:var(--knack-space-sm)}.knack-panel-collapsed .knack-panel-collapse-btn .knack-menu-label{opacity:1;width:auto}.knack-side-panel-header{display:none}}.knack-nav-menu .knack-menu-icon,.knack-mobile-menu .knack-menu-icon{flex-shrink:0;opacity:0.7;vertical-align:middle;margin-right:2px}.knack-nav-menu a:hover .knack-menu-icon,.knack-nav-menu .current-menu-item>a .knack-menu-icon,.knack-mobile-menu a:hover .knack-menu-icon{opacity:1}.knack-mobile-menu-item-wrap a{display:flex;align-items:center;gap:var(--knack-space-sm)}.knack-side-panel .ks-sidebar-sub-section{list-style:none;padding:0;margin:0}.knack-side-panel .ks-sidebar-creator-list,.knack-side-panel .ks-sidebar-topic-list{list-style:none;margin:0;padding:2px 0 4px 0;display:flex;flex-direction:column;gap:1px}.knack-side-panel .ks-sidebar-creator>a,.knack-side-panel .ks-sidebar-topic>a{display:flex;align-items:center;gap:var(--knack-space-sm,0.5rem);padding:6px var(--knack-space-md,1rem) 6px calc(var(--knack-space-md,1rem) + 20px);color:var(--knack-text-secondary,#6b7280);font-size:0.8125rem;font-weight:400;border-radius:var(--knack-radius,0.375rem);transition:all 0.15s ease;text-decoration:none;white-space:nowrap;overflow:hidden}.knack-side-panel .ks-sidebar-creator>a:hover,.knack-side-panel .ks-sidebar-topic>a:hover{color:var(--knack-text,#111827);background:var(--knack-bg-tertiary,#f3f4f6)}.knack-side-panel .ks-sidebar-creator-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.knack-side-panel .ks-sidebar-topic-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0.65;color:var(--knack-accent,#60335e)}.knack-side-panel .ks-sidebar-topic-icon svg{width:16px;height:16px}.knack-side-panel .ks-sidebar-topic>a:hover .ks-sidebar-topic-icon{opacity:1}.knack-side-panel .ks-new-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;flex-shrink:0;margin-left:auto}.knack-side-panel .ks-sidebar-show-all>a{display:flex;align-items:center;gap:var(--knack-space-sm,0.5rem);padding:6px var(--knack-space-md,1rem) 6px calc(var(--knack-space-md,1rem) + 20px);color:var(--knack-text-muted,#9ca3af);font-size:0.75rem;font-weight:500;border-radius:var(--knack-radius,0.375rem);transition:all 0.15s ease;text-decoration:none}.knack-side-panel .ks-sidebar-show-all>a:hover{color:var(--knack-accent,#60335e);background:var(--knack-bg-tertiary,#f3f4f6)}.knack-side-panel .ks-show-all-icon{width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.knack-side-panel .ks-show-all-icon svg{width:16px;height:16px;opacity:0.5}.knack-panel-collapsed .ks-sidebar-show-all{display:none}.knack-panel-collapsed .ks-sidebar-topics-list{display:none}.knack-panel-collapsed .ks-sidebar-creator>a{justify-content:center;padding:6px;gap:0;position:relative;overflow:visible}.knack-panel-collapsed .ks-sidebar-creator .ks-new-dot{position:absolute;top:2px;right:6px;width:6px;height:6px;margin-left:0}.knack-collapsible{list-style:none}.knack-collapsible-header{display:flex;align-items:center;position:relative}.knack-collapsible-header>a{flex:1;min-width:0;display:flex;align-items:center;gap:var(--knack-space-sm);padding:10px var(--knack-space-md);color:var(--knack-text-secondary);font-size:0.875rem;font-weight:500;border-radius:var(--knack-radius-xl);transition:all var(--knack-transition);text-decoration:none;position:relative;white-space:nowrap}.knack-collapsible-header>a:hover{color:var(--knack-text);background:var(--knack-bg-tertiary)}.knack-collapsible-header>a svg{flex-shrink:0;opacity:0.7}.knack-collapsible-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--knack-text-muted,#9ca3af);cursor:pointer;border-radius:6px;flex-shrink:0;transition:background-color 0.15s;padding:0}.knack-collapsible-toggle:hover{background:var(--knack-surface-hover,rgba(0,0,0,0.05));color:var(--knack-text,#111)}.knack-collapsible-toggle .knack-chevron{transition:transform 0.2s}.knack-collapsible.is-expanded .knack-collapsible-toggle .knack-chevron{transform:rotate(180deg)}.knack-collapsible-body{padding:2px 0 4px 0;overflow:hidden;margin:0;list-style:none}.knack-panel-collapsed .knack-collapsible-toggle{display:none !important}.knack-panel-collapsed .knack-collapsible-body{display:none !important}