IPAM: Hierarkkinen puunäkymä + VLANit erilleen

- Subnetit ja IP:t näytetään hierarkkisena puuna jossa pienemmät
  verkot menevät isomman sisään (esim. /24 → /16 → /8)
- Expand/collapse klikkaamalla ▶/▼ ikonia
- Drill-down: poraudu verkon sisään → -nuolella, breadcrumb ylhäällä
- VLANit erotettu omaksi luetteloksi verkkojen alapuolelle
- Omat "Lisää verkko/IP" ja "Lisää VLAN" -napit

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

style.css

@@ -1073,6 +1073,23 @@ span.empty {
 .ipam-tila-varattu { background:#fef3cd; color:#856404; }
 .ipam-tila-reserved { background:#e2e3e5; color:#495057; }
 
+/* IPAM puunäkymä */
+.ipam-tree-table tbody tr { cursor: pointer; }
+.ipam-tree-table tbody tr:hover { background: #f0f4ff; }
+.ipam-toggle { cursor:pointer; display:inline-block; width:1rem; text-align:center; font-size:0.7rem; color:#555; user-select:none; }
+.ipam-toggle:hover { color:#0f3460; }
+.ipam-toggle-placeholder { display:inline-block; width:1rem; }
+.ipam-type-subnet { display:inline-block; padding:1px 8px; border-radius:4px; font-size:0.75rem; font-weight:700; background:#e0e7ff; color:#3730a3; }
+.ipam-type-ip { display:inline-block; padding:1px 8px; border-radius:4px; font-size:0.75rem; font-weight:700; background:#f0fdf4; color:#166534; }
+.ipam-network { font-size:0.85rem; background:#f8f9fa; padding:1px 6px; border-radius:3px; }
+.ipam-drill { cursor:pointer; font-size:0.8rem; color:#6366f1; margin-left:0.4rem; }
+.ipam-drill:hover { color:#4338ca; text-decoration:underline; }
+.ipam-breadcrumb { padding:0.5rem 0; font-size:0.85rem; color:#555; }
+.ipam-bc-link { cursor:pointer; color:#6366f1; }
+.ipam-bc-link:hover { text-decoration:underline; }
+.ipam-bc-current { color:#333; font-weight:600; cursor:default; }
+.ipam-bc-current:hover { text-decoration:none; }
+
 /* Role badge */
 .role-badge {
     display: inline-block;