integrated with unifi api

style.css

@@ -86,4 +86,66 @@ body {
 
 .copper-diagnostic {
     border-color: #F59E0B;
-}
+}
+
+.device-info {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+
+.device-details {
+    font-size: 0.8em;
+    color: #666;
+}
+
+.diagnostic-details {
+    display: grid;
+    gap: 15px;
+    padding: 10px;
+}
+
+.status-group, .firmware-group, .interfaces-group {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.interface-item {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.label {
+    font-weight: 500;
+    color: #666;
+}
+
+.value {
+    font-family: monospace;
+}
+
+.state {
+    padding: 2px 8px;
+    border-radius: 12px;
+    font-size: 0.8em;
+}
+
+.state.up {
+    background-color: #10B981;
+    color: white;
+}
+
+.state.down {
+    background-color: #EF4444;
+    color: white;
+}
+
+.online {
+    color: #10B981;
+}
+
+.offline {
+    color: #EF4444;
+}