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>

index.html

@@ -741,9 +741,23 @@
                         <div id="no-docs" class="empty-state" style="display:none;">
                             <div class="empty-icon">📄</div>
                             <p>Ei dokumentteja vielä.</p>
-                            <p class="empty-hint">Klikkaa "+ Uusi dokumentti" aloittaaksesi.</p>
+                            <p class="empty-hint">Klikkaa "+ Uusi dokumentti" tai raahaa tiedostoja alle.</p>
                         </div>
                     </div>
+
+                    <!-- Drag & Drop -tiedostolataus -->
+                    <div id="doc-dropzone" class="doc-dropzone">
+                        <div class="doc-dropzone-icon">📁</div>
+                        <p>Raahaa tiedostoja tähän ladataksesi</p>
+                        <p class="doc-dropzone-hint">tai <label for="doc-multi-file" class="doc-dropzone-link">valitse tiedostot</label></p>
+                        <input type="file" id="doc-multi-file" multiple style="display:none;">
+                    </div>
+                    <div id="doc-upload-progress" class="doc-upload-progress" style="display:none;">
+                        <div class="doc-upload-progress-bar">
+                            <div class="doc-upload-progress-fill" id="doc-upload-fill"></div>
+                        </div>
+                        <span class="doc-upload-status" id="doc-upload-status">Ladataan...</span>
+                    </div>
                 </div>
 
                 <!-- Lukunäkymä -->