.modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-panel{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;max-height:90vh;animation:.2s ease-out modalSlideIn;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000026}.modal-sm{width:min(420px,92vw)}.modal-md{width:min(560px,92vw)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-header-danger{background:#bf1e2e0a;border-bottom-color:#bf1e2e1f}.modal-title{letter-spacing:-.01em;margin:0;font-size:.9375rem;font-weight:700}.modal-header-danger .modal-title{color:var(--error)}.modal-close{background:var(--surface);border-radius:var(--radius-md);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:.75rem;transition:background .15s,color .15s;display:flex}.modal-close:hover{background:var(--border);color:var(--text-primary)}.modal-body{color:var(--text-secondary);padding:18px;font-size:.875rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;align-items:center;gap:6px;padding:10px 18px;display:flex}.btn-danger{background:var(--error);color:#fff;border:1px solid var(--error)}.btn-danger:hover{background:#a31826;border-color:#a31826}