Dokumentit: drag & drop -tiedostolataus useille tiedostoille

- Drop zone dokumenttilistan alaosaan (raahaa tai klikkaa)
- Multi-file upload: luo dokumentit ja lataa tiedostot automaattisesti
- Edistymispalkki näyttää latauksen tilanteen
- Kansioiden raahaus: luo automaattisesti alikansio + tiedostot
- Kategoria-tunnistus tiedostopäätteen mukaan (kuva/muu)
- Multi-file input fallback perinteiselle tiedostovalinnalle

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

style.css

@@ -1681,6 +1681,70 @@ span.empty {
     color: #888;
 }
 
+/* Drag & Drop -tiedostolataus */
+.doc-dropzone {
+    border: 2px dashed #d1d5db;
+    border-radius: 12px;
+    padding: 2rem 1rem;
+    text-align: center;
+    transition: all 0.2s;
+    margin-top: 1rem;
+    cursor: pointer;
+    background: #fafafa;
+}
+.doc-dropzone:hover {
+    border-color: #a0aec0;
+    background: #f7fafc;
+}
+.doc-dropzone.active {
+    border-color: var(--primary-color);
+    background: #eff6ff;
+    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+.doc-dropzone-icon {
+    font-size: 2rem;
+    margin-bottom: 0.5rem;
+}
+.doc-dropzone p {
+    margin: 0.25rem 0;
+    color: #666;
+    font-size: 0.9rem;
+}
+.doc-dropzone-hint {
+    font-size: 0.85rem !important;
+    color: #999 !important;
+}
+.doc-dropzone-link {
+    color: var(--primary-color);
+    cursor: pointer;
+    text-decoration: underline;
+}
+.doc-upload-progress {
+    margin-top: 0.75rem;
+    padding: 0.75rem 1rem;
+    background: #f8fafc;
+    border-radius: 8px;
+    border: 1px solid #e2e8f0;
+}
+.doc-upload-progress-bar {
+    height: 6px;
+    background: #e5e7eb;
+    border-radius: 3px;
+    overflow: hidden;
+    margin-bottom: 0.4rem;
+}
+.doc-upload-progress-fill {
+    height: 100%;
+    background: var(--primary-color);
+    transition: width 0.3s;
+    width: 0%;
+    border-radius: 3px;
+}
+.doc-upload-status {
+    font-size: 0.8rem;
+    color: #666;
+}
+
 /* Asiakasprofiilin dokumentit */
 .customer-doc-item {
     display: flex;