.drawer-overlay{position:fixed;inset:0;background:#00000080;display:flex;z-index:1000}.drawer-container{background:var(--dash-white, #ffffff);height:100%;display:flex;flex-direction:column;box-shadow:-4px 0 24px #00000026}.drawer-right{margin-left:auto}.drawer-left{margin-right:auto;box-shadow:4px 0 24px #00000026}.drawer-sm{width:320px;max-width:100%}.drawer-md{width:420px;max-width:100%}.drawer-lg{width:560px;max-width:100%}.drawer-xl{width:720px;max-width:100%}.drawer-full{width:100%}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--dash-border, #ebebeb);flex-shrink:0}.drawer-header-content{flex:1;min-width:0}.drawer-title{font-family:var( --dash-font-sans, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif );font-size:18px;font-weight:600;color:var(--dash-text, #222222);margin:0}.drawer-subtitle{font-family:var( --dash-font-sans, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif );font-size:13px;color:var(--dash-text-muted, #717171);margin:4px 0 0}.drawer-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--dash-gray-50, #f7f7f7);border:none;border-radius:8px;cursor:pointer;color:var(--dash-text-muted, #717171);transition:all .15s ease;flex-shrink:0}.drawer-close:hover:not(:disabled){background:var(--dash-gray-100, #ebebeb);color:var(--dash-text, #222222)}.drawer-close:disabled{opacity:.5;cursor:not-allowed}.drawer-body{padding:24px;overflow-y:auto;flex:1}.drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--dash-border, #ebebeb);flex-shrink:0;background:var(--dash-white, #ffffff)}.drawer-enter-active,.drawer-leave-active{transition:opacity .25s ease}.drawer-enter-active .drawer-container,.drawer-leave-active .drawer-container{transition:transform .25s ease}.drawer-enter-from,.drawer-leave-to{opacity:0}.drawer-enter-from .drawer-right,.drawer-leave-to .drawer-right{transform:translate(100%)}.drawer-enter-from .drawer-left,.drawer-leave-to .drawer-left{transform:translate(-100%)}@media(max-width:640px){.drawer-container{width:100%!important;max-width:100%}.drawer-header{padding:16px 20px}.drawer-body{padding:20px}.drawer-footer{padding:16px 20px;flex-direction:column-reverse}.drawer-footer>*{width:100%}}