/* Material Design touches on top of Bootstrap 5.3 */
body { background: #f0f2f5; }
.card { border: none; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06); }
.card h2 { font-size: 1.1rem; font-weight: 600; }
.btn-primary { border-radius: 8px; font-weight: 500; text-transform: none; padding: .5rem 1.25rem; }
.form-select { border-radius: 8px; border-color: #e0e0e0; }
.form-select:focus { border-color: #1976d2; box-shadow: 0 0 0 2px rgba(25,118,210,.15); }

#drop-zone {
  border: 2px dashed #c0c0c0;
  border-radius: 12px;
  padding: 2.5rem 1rem;
  cursor: pointer;
  transition: background .2s, border-color .2s;
}
#drop-zone:hover { background: #e3f2fd; border-color: #1976d2; }
#drop-zone.has-file { border-color: #43a047; background: #e8f5e9; }
#drop-zone .icon { font-size: 2.5rem; margin-bottom: .5rem; }

#progress-bar { height: 4px; background: #e0e0e0; border-radius: 2px; overflow: hidden; }
#progress-fill { height: 100%; background: #1976d2; border-radius: 2px; transition: width .3s; }