.sidepanel-overlay{position:fixed;inset:0;background-color:#0000004d;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;pointer-events:none}[data-theme=light] .sidepanel-overlay{background-color:#0003}[data-theme=dark] .sidepanel-overlay{background-color:#0006}.sidepanel-overlay.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility 0s linear 0s}.sidepanel-content{position:fixed;top:0;right:0;width:var(--sidepanel-width, 400px);height:100vh;background-color:var(--admin-color-card-bg);color:var(--admin-color-text-main);box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.sidepanel-overlay.open .sidepanel-content{transform:translate(0)}.sidepanel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--admin-color-border);background-color:var(--admin-color-background);flex-shrink:0}.sidepanel-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--admin-color-text-main);font-family:var(--font-family-heading)}.sidepanel-close-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--admin-color-input-border);border-radius:6px;background-color:var(--admin-color-input-bg);color:var(--admin-color-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidepanel-close-button:hover{background-color:var(--admin-color-button-hover-bg, #f3f4f6);border-color:var(--admin-color-input-border-hover, #d1d5db);color:var(--admin-color-text-main)}.sidepanel-body{flex:1;padding:var(--spacing-4, 1.5rem);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.sidepanel-body::-webkit-scrollbar{width:6px}.sidepanel-body::-webkit-scrollbar-track{background:var(--admin-color-background)}.sidepanel-body::-webkit-scrollbar-thumb{background:var(--admin-color-border);border-radius:3px}.sidepanel-body::-webkit-scrollbar-thumb:hover{background:var(--admin-color-text-secondary)}@media (max-width: 768px){.sidepanel-content{width:100vw}.sidepanel-header,.sidepanel-body{padding:var(--spacing-3)}}[data-theme=dark] .sidepanel-content{box-shadow:-4px 0 20px #0006}[data-theme=dark] .sidepanel-header{border-bottom-color:var(--admin-color-border)}[data-theme=dark] .sidepanel-close-button{border-color:var(--admin-color-input-border);background-color:var(--admin-color-input-bg);color:var(--admin-color-text-secondary)}[data-theme=dark] .sidepanel-close-button:hover{background-color:var(--admin-color-button-hover-bg);border-color:var(--admin-color-input-border-hover);color:var(--admin-color-text-main)}