.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease}.modal-overlay.dark{background-color:rgba(0,0,0,.7)}.modal-content{display:flex;flex-direction:column;border-radius:.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);margin:1rem;max-width:100%;max-height:90vh;min-height:0;width:auto;transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(.95);opacity:0}.modal-content.show{transform:scale(1);opacity:1}.modal-content.hide{transform:scale(.95);opacity:0}.modal-content{background-color:#ffffff;border:1px solid #e5e7eb;color:#111827}.dark .modal-content,[data-theme=dark] .modal-content{background-color:#1f2937;border:1px solid #374151;color:#f9fafb}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid;padding:1.5rem;border-radius:.75rem .75rem 0 0;min-height:0;background-color:#f9fafb;border-bottom-color:#e5e7eb}.dark .modal-header,[data-theme=dark] .modal-header{background-color:#111827;border-bottom-color:#374151}.modal-header-content{flex:1;font-size:1.25rem;font-weight:600;line-height:1.75rem;color:#111827}.dark .modal-header-content,[data-theme=dark] .modal-header-content{color:#f9fafb}.modal-close-button{margin-left:1rem;color:#9ca3af;background:transparent;border:none;border-radius:9999px;padding:.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{color:#6b7280;background-color:rgba(0,0,0,.05)}.dark .modal-close-button:hover,[data-theme=dark] .modal-close-button:hover{color:#d1d5db;background-color:rgba(255,255,255,.1)}.modal-close-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.modal-body{min-height:0;flex:1;overflow-y:auto;padding:1.5rem;background-color:#ffffff}.dark .modal-body,[data-theme=dark] .modal-body{background-color:#1f2937}.modal-footer{display:flex;justify-content:flex-end;border-top:2px solid;padding:1.5rem;border-radius:0 0 .75rem .75rem;min-height:0;background-color:#f9fafb;border-top-color:#e5e7eb}.dark .modal-footer,[data-theme=dark] .modal-footer{background-color:#111827;border-top-color:#374151}.modal-sm{max-width:24rem}.modal-md{max-width:28rem}.modal-lg{max-width:32rem}.modal-xl{max-width:36rem}.modal-2xl{max-width:42rem}.modal-3xl{max-width:48rem}.modal-4xl{max-width:56rem}.modal-5xl{max-width:64rem}.modal-6xl{max-width:72rem}.modal-7xl{max-width:80rem}@media (max-width:640px){.modal-content{margin:.5rem;max-height:calc(100vh - 1rem)}.modal-body,.modal-footer,.modal-header{padding:1rem}.modal-header-content{font-size:1.125rem}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.modal-enter{animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1)}.modal-exit{animation:modalFadeOut .3s cubic-bezier(.4,0,.2,1)}