.panel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.panel-overlay.open{opacity:1;visibility:visible}.panel-container{position:fixed;top:0;right:0;height:100%;width:50%;background-color:var(--color-surface);box-shadow:var(--shadow-lg);z-index:1001;transform:translateX(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;overflow:hidden}.panel-container.open{transform:translateX(0)}.panel-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg)}.panel-content{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-lg)}@media (max-width:1024px){.panel-container{width:75%}.panel-content{padding:var(--spacing-md)}}@media (max-width:768px){.panel-container{width:100%}.panel-content{padding:var(--spacing-md)}}