.panel-overlay[data-v-b040edaa]{position:fixed;inset:0;z-index:1000;background:#0000004d;display:flex;justify-content:flex-end}.panel-overlay.side-left[data-v-b040edaa]{justify-content:flex-start}.panel-content[data-v-b040edaa]{height:100%;background:var(--color-bg-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;box-shadow:-4px 0 24px var(--color-shadow-md)}.side-left .panel-content[data-v-b040edaa]{border-left:none;border-right:1px solid var(--color-border);box-shadow:4px 0 24px var(--color-shadow-md)}.panel-header[data-v-b040edaa]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.panel-title[data-v-b040edaa]{font-size:16px;font-weight:600;color:var(--color-text-primary)}.panel-close[data-v-b040edaa]{width:32px;height:32px;border:none;background:none;color:var(--color-text-muted);font-size:16px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.panel-close[data-v-b040edaa]:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.panel-body[data-v-b040edaa]{flex:1;overflow-y:auto;padding:20px}.panel-enter-active[data-v-b040edaa],.panel-leave-active[data-v-b040edaa]{transition:opacity .2s ease}.panel-enter-active .panel-content[data-v-b040edaa],.panel-leave-active .panel-content[data-v-b040edaa]{transition:transform .25s ease}.panel-enter-from[data-v-b040edaa]{opacity:0}.panel-enter-from .panel-content[data-v-b040edaa]{transform:translate(100%)}.panel-leave-to[data-v-b040edaa]{opacity:0}.panel-leave-to .panel-content[data-v-b040edaa]{transform:translate(100%)}.side-left.panel-enter-from .panel-content[data-v-b040edaa],.side-left.panel-leave-to .panel-content[data-v-b040edaa]{transform:translate(-100%)}