.import-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.4); display: none; align-items: center; justify-content: center; z-index: 1000; }
.import-modal-overlay.open { display: flex; }
.import-modal { width: 860px; max-width: 96vw; background: #fff; border-radius: 10px; box-shadow: 0 10px 38px rgba(0,0,0,0.18); overflow: hidden; }
.modal-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: linear-gradient(90deg, #ffe3ee, #ffc6dc); color: #7a2f51; font-weight: 600; }
.modal-close { border: none; background: transparent; color: #d94c76; font-size: 18px; cursor: pointer; }
.modal-body { padding: 16px; }
.summary-box { margin-top: 10px; background: #fff; border: 1px dashed #f48fb1; border-radius: 8px; padding: 8px 12px; color: #7a2f51; font-size: 0.9rem; }
.summary-box.invalid { border-color: #dc3545; color: #c82333; }
.info-box { background: #f7f8fc; border: 1px solid #e8eaf0; border-radius: 8px; padding: 12px; margin-bottom: 12px; }
.info-title { display: flex; align-items: center; gap: 8px; color: #d94c76; font-weight: 600; margin-bottom: 8px; }
.info-list { margin: 0; padding-left: 18px; color: #555; font-size: 0.9rem; }
.import-textarea { width: 100%; min-height: 160px; border: 2px solid #f48fb1; border-radius: 10px; padding: 10px 12px; font-size: 0.9rem; outline: none; resize: vertical; box-shadow: inset 0 0 0 2px rgba(244,143,177,0.12); }
.modal-actions { display: flex; gap: 10px; justify-content: flex-end; padding: 12px 16px 16px; }
.btn-cancel { padding: 8px 14px; border-radius: 8px; background: #e9ecef; color: #555; border: none; cursor: pointer; }
.btn-confirm { padding: 8px 14px; border-radius: 8px; background: linear-gradient(45deg, #17a2b8, #9b42f5); color: #fff; border: none; }
.btn-confirm:disabled { background: #e0e0e0; color: #888; cursor: not-allowed; }