.app-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;padding:.5rem;animation:.2s ease-out app-modal-overlay-in;display:flex;position:fixed;inset:0}@keyframes app-modal-overlay-in{0%{opacity:0}to{opacity:1}}.app-modal-panel{width:100%;max-height:calc(100vh - 1rem);box-shadow:none;background:#fff;border:1px solid #00000014;border-radius:.75rem;flex-direction:column;animation:.25s ease-out app-modal-panel-in;display:flex;position:relative;overflow:hidden}@keyframes app-modal-panel-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.app-modal-panel--sm{max-width:24rem}.app-modal-panel--md{max-width:28rem}.app-modal-panel--lg{max-width:32rem}.app-modal-panel--xl{max-width:42rem}@media (min-width:640px){.app-modal-overlay{padding:1rem}.app-modal-panel--sm{max-width:28rem}.app-modal-panel--md{max-width:32rem}.app-modal-panel--lg{max-width:36rem}.app-modal-panel--xl{max-width:48rem}}@media (min-width:1024px){.app-modal-panel--sm{max-width:28rem}.app-modal-panel--md{max-width:36rem}.app-modal-panel--lg{max-width:42rem}.app-modal-panel--xl{max-width:56rem}}.app-modal-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1rem 0;display:flex}.app-modal-header--no-title{justify-content:flex-end;padding-top:.75rem;padding-right:.75rem}.app-modal-title{color:#111827;flex:1;min-width:0;font-size:1.125rem;font-weight:700;line-height:1.3}.app-modal-header--center{justify-content:center;position:relative}.app-modal-header--center .app-modal-close{position:absolute;top:50%;right:0;transform:translateY(-50%)}.app-modal-title--center{text-align:center}@media (min-width:640px){.app-modal-header{padding:1.25rem 1.25rem 0}.app-modal-header--no-title{padding-top:1rem;padding-right:1rem}.app-modal-title{font-size:1.25rem}}.app-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;transition:color .15s,background-color .15s;display:flex}.app-modal-close:hover{color:#111827;background-color:#f3f4f6}.app-modal-close:focus{outline-offset:2px;outline:2px solid #059669}.app-modal-close svg{width:1.25rem;height:1.25rem}@media (min-width:640px){.app-modal-close{width:2.25rem;height:2.25rem}.app-modal-close svg{width:1.5rem;height:1.5rem}}.app-modal-body{flex:1;min-height:0;padding:1rem 1rem 1.25rem;overflow-y:auto}@media (min-width:640px){.app-modal-body{padding:1.25rem 1.25rem 1.5rem}}.app-modal-body::-webkit-scrollbar{width:6px}.app-modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.app-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.app-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}