body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin: 0; background: #0b0d12; color: #e7eaf0; }
header { padding: 16px; border-bottom: 1px solid #1e2430; background: #0f1320; position: sticky; top: 0; }
h1 { margin: 0 0 10px; font-size: 18px; }
.row { display: flex; gap: 8px; align-items: center; margin: 8px 0; flex-wrap: wrap; }
input, button { padding: 10px 12px; border-radius: 10px; border: 1px solid #273043; background: #0b0d12; color: #e7eaf0; }
button { cursor: pointer; }
main { padding: 16px; display: grid; gap: 16px; max-width: 1100px; margin: 0 auto; }
.dropzone { border: 2px dashed #2b3550; border-radius: 16px; padding: 22px; text-align: center; background: #0f1320; }
.dropzone.dragover { border-color: #7aa2ff; }
.card { background: #0f1320; border: 1px solid #1e2430; border-radius: 16px; padding: 16px; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 10px; border-bottom: 1px solid #1e2430; }
.actions { display: flex; gap: 8px; }
.small { opacity: 0.8; font-size: 12px; }
#progress { margin-top: 12px; font-size: 12px; opacity: 0.9; }