.collapsible-panel[data-v-7f6154b3]{background:var(--surface-color);height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.desktop[data-v-7f6154b3]{border-radius:0;overflow:hidden}.desktop.collapsed[data-v-7f6154b3]{width:var(--sidebar-collapsed-width)}.collapse-btn[data-v-7f6154b3]{z-index:100;background:var(--surface-color);border:1px solid var(--border-color);position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000001a}.collapse-btn.left-position[data-v-7f6154b3]{right:-12px}.collapse-btn.right-position[data-v-7f6154b3]{left:-12px}.panel-header[data-v-7f6154b3]{z-index:10;background:var(--surface-color);border-bottom:1px solid var(--border-color);transition:all .3s;position:sticky;top:0}.panel-header.collapsed[data-v-7f6154b3]{opacity:0;border-bottom:none;height:0;overflow:hidden}.panel-content[data-v-7f6154b3]{height:calc(100% - 60px);transition:all .3s;overflow-y:auto}.panel-content.collapsed[data-v-7f6154b3]{padding:.5rem}.mobile[data-v-7f6154b3]{border:1px solid var(--border-color);border-radius:8px;margin:.5rem;box-shadow:0 2px 8px #0000001a}.accordion-header[data-v-7f6154b3]{cursor:pointer;background:var(--surface-color);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:1rem;transition:background-color .2s;display:flex}.accordion-header[data-v-7f6154b3]:hover{background:var(--background-color)}.accordion-icon[data-v-7f6154b3]{transition:transform .3s}.accordion-icon.rotated[data-v-7f6154b3]{transform:rotate(180deg)}@media (width<=768px){.collapsible-panel[data-v-7f6154b3]:not(.mobile){display:none}}@media (width>=769px){.collapsible-panel.mobile[data-v-7f6154b3]{display:none}}.panel-content[data-v-7f6154b3]::-webkit-scrollbar{width:6px}.panel-content[data-v-7f6154b3]::-webkit-scrollbar-track{background:0 0}.panel-content[data-v-7f6154b3]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.panel-content[data-v-7f6154b3]::-webkit-scrollbar-thumb:hover{background:var(--text-color-secondary)}