.modal-fade-enter-active,.modal-fade-leave-active{transition:all .3s cubic-bezier(.25,.8,.25,1)}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-from .modal-container,.modal-fade-leave-to .modal-container{opacity:0;transform:translateY(-20px) scale(.95)}.modal-overlay{align-items:center;background:#0006;display:flex;justify-content:center;inset:0;padding:16px;position:fixed;transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:2000}.modal-overlay--blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-overlay--no-backdrop{background:transparent}.modal-overlay--dark,.modal-overlay--light,.modal-overlay--system{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0009}@media (max-width:640px){.modal-overlay{padding:8px}}.modal-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 25px 50px -12px var(--shadow-color);color:var(--text-primary);display:flex;flex-direction:column;max-height:100%;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.modal-container--xs{max-width:320px}.modal-container--sm{max-width:480px}.modal-container--md{max-width:640px}.modal-container--lg{max-width:800px}.modal-container--xl{max-width:1024px}.modal-container--2xl{max-width:1280px}.modal-container--full{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.modal-container--fullscreen{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.modal-container--center{margin:auto}.modal-container--dark,.modal-container--light,.modal-container--system{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}@media (max-width:640px){.modal-container{border-radius:12px;margin:0 8px;max-width:calc(100% - 16px);width:calc(100% - 16px)}.modal-container--full,.modal-container--fullscreen{border-radius:0;margin:0;max-width:100%;width:100%}}.modal-close{align-items:center;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px;z-index:10}.modal-close:hover{background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--text-primary)}.modal-close:active{transform:scale(.95)}.modal-close--dark,.modal-close--light,.modal-close--system{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-secondary)}.modal-close--dark:hover,.modal-close--light:hover,.modal-close--system:hover{background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--text-primary)}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-container--no-padding .modal-header,.modal-header{padding:24px 24px 0}.modal-header .modal-header-content{margin-right:48px}.modal-header .modal-title{color:var(--text-primary);font-size:20px;font-weight:600;line-height:1.3;margin:0 0 8px}.modal-header .modal-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0;opacity:.7}.modal-header--dark,.modal-header--light,.modal-header--system{border-bottom:1px solid var(--border-color)}.modal-header--dark .modal-title,.modal-header--light .modal-title,.modal-header--system .modal-title{color:var(--text-primary)}.modal-header--dark .modal-subtitle,.modal-header--light .modal-subtitle,.modal-header--system .modal-subtitle{color:var(--text-secondary)}@media (max-width:640px){.modal-container--no-padding .modal-header,.modal-header{padding:20px 20px 0}.modal-header .modal-header-content{margin-right:48px}.modal-header .modal-title{font-size:18px}.modal-header .modal-subtitle{font-size:13px}}.modal-body{flex:1;min-height:0;padding:24px}.modal-container--no-padding .modal-body{padding:0}.modal-body--scrollable{overflow-y:auto}.modal-body--scrollable::-webkit-scrollbar{width:6px}.modal-body--scrollable::-webkit-scrollbar-track{background:transparent}.modal-body--scrollable::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.modal-body--scrollable::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width:640px){.modal-body{padding:20px}.modal-container--no-padding .modal-body{padding:0}}.modal-footer{border-top:1px solid rgba(0,0,0,.08);flex-shrink:0}.modal-container--no-padding .modal-footer,.modal-footer{padding:0 24px 24px}.modal-footer--light{border-top-color:#f3f4f6}.modal-footer--dark{border-top-color:#374151}.modal-footer--system{border-top-color:var(--border-color)}@media (max-width:640px){.modal-container--no-padding .modal-footer,.modal-footer{padding:0 20px 20px}}body:has(.modal-overlay){overflow:hidden}@media (prefers-contrast:high){.modal-container{border:2px solid}.modal-close{border:1px solid}}@media (prefers-reduced-motion:reduce){.modal-container,.modal-fade-enter-active,.modal-fade-leave-active{transition:none}}