.modal-overlay{z-index:9999;padding:var(--spacing-xl);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface-2);border-radius:var(--border-radius-xl);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-md);border:1px solid var(--border-color);z-index:10000;padding:0;animation:.2s ease-out modalSlideIn;position:relative;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content-small{max-width:400px}.modal-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-lg);min-height:var(--control-md);background:#ffffff08;border-bottom:1px solid #ffffff14;display:flex;box-shadow:inset 0 -1px #0003}.modal-header h2,.modal-header h3{color:#fff;font-weight:var(--font-weight-semibold);letter-spacing:.01em;margin:0;line-height:1.15}.modal-header h2{font-size:var(--font-size-xl)}.modal-header h3{font-size:var(--font-size-lg)}.modal-close-btn{font-size:var(--font-size-xl);color:#fff;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:var(--transition-fast);width:var(--control-md);height:var(--control-md);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background:var(--surface-3);color:var(--text-primary)}.modal-body{max-height:calc(90vh - 120px);padding:12px;overflow-y:auto}.modal-content:not(:has(.modal-header)) .modal-body{padding:12px}.modal-content .form-actions{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}@media (max-width:768px){.modal-overlay{padding:var(--spacing-md)}.modal-content{border-radius:var(--border-radius-xl);max-height:95vh}.modal-header{padding:var(--spacing-sm)var(--spacing-lg);min-height:var(--control-md)}.modal-header h2{font-size:var(--font-size-lg)}.modal-header h3{font-size:var(--font-size-md)}.modal-body{max-height:calc(95vh - 100px);padding:12px}.modal-close-btn{width:var(--control-md);height:var(--control-md);font-size:var(--font-size-xl)}}@media (max-width:480px){.modal-overlay{padding:var(--spacing-sm)}.modal-content{border-radius:var(--border-radius-lg);max-height:98vh}.modal-header{padding:var(--spacing-md)var(--spacing-lg)var(--spacing-sm)}.modal-header h2{font-size:var(--font-size-lg)}.modal-header h3{font-size:var(--font-size-md)}.modal-body{max-height:calc(98vh - 80px);padding:12px}.modal-close-btn{width:var(--control-sm);height:var(--control-sm);font-size:var(--font-size-xl)}}.modal-content:focus{outline:none}.modal-overlay[aria-hidden=true]{display:none}.modal-body.loading{justify-content:center;align-items:center;min-height:200px;display:flex}.modal-body.loading:before{content:"";width:var(--control-md);height:var(--control-md);border:3px solid var(--border-color);border-top:3px solid var(--accent-primary);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}