body { padding-top: 50px; background: #f5f6f7; }
.dmi-shell { padding-left: 0; padding-right: 0; }
.dmi-sidebar { position: fixed; top: 50px; bottom: 0; left: 0; padding: 20px 10px; overflow-y: auto; background: #fff; border-right: 1px solid #ddd; }
.dmi-main { padding: 25px; }
.dmi-card { background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 18px; margin-bottom: 20px; }
.dmi-stat { font-size: 28px; font-weight: 600; }
.dmi-upload-zone { border: 2px dashed #aaa; background: #fafafa; padding: 30px; text-align: center; border-radius: 4px; cursor: pointer; }
.dmi-upload-zone.dragover { border-color: #333; background: #eee; }
.dmi-progress-row { margin-top: 12px; text-align: left; }
.table > tbody > tr > td { vertical-align: middle; }
@media (max-width: 767px) {
    .dmi-sidebar { position: static; border-right: 0; }
    .dmi-main { padding: 15px; }
}