.drop-zone { border: 2px dashed #0d6efd; border-radius: 1rem; background: #f8fafc; padding: 2rem; text-align: center; transition: 0.2s; cursor: pointer; }
        .drop-zone.drag-over { background: #e9ecef; border-color: #0a58ca; }
        .file-list-container { max-height: 280px; overflow-y: auto; border: 1px solid #dee2e6; border-radius: 12px; background: white; }
        .file-item { display: flex; justify-content: space-between; padding: 0.75rem 1rem; border-bottom: 1px solid #f0f0f0; }
        .badge-status { background: #e9ecef; padding: 0.2rem 0.6rem; border-radius: 30px; font-size: 0.75rem; }
        .convert-all-btn { background: #28a745; color: white; border: none; padding: 0.4rem 1.2rem; border-radius: 40px; }
        .security-badge { background: #e3f2fd; border-left: 4px solid #0d6efd; padding: 0.8rem 1.2rem; border-radius: 8px; margin: 1rem 0; }
        .warning-badge { background: #fff3cd; border-left: 4px solid #ffc107; padding: 0.8rem 1.2rem; border-radius: 8px; margin: 1rem 0; }
        .btn-sm-custom { font-size: 0.75rem; padding: 0.2rem 0.6rem; margin-left: 0.5rem; }
        .progress-sm { width: 100px; height: 6px; }
 