interfaces update

static/style.css

@@ -126,22 +126,43 @@ body {
     font-family: monospace;
 }
 
-.state {
-    padding: 2px 8px;
-    border-radius: 12px;
+.interface-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 8px;
+    border-bottom: 1px solid #eee;
+}
+
+.port-status {
+    padding: 4px 8px;
+    border-radius: 4px;
     font-size: 0.8em;
 }
 
-.state.up {
+.port-status.up {
     background-color: #10B981;
     color: white;
 }
 
-.state.down {
+.port-status.down {
     background-color: #EF4444;
     color: white;
 }
 
+.metrics-list {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 15px;
+    margin-top: 10px;
+}
+
+.metric-item {
+    background: rgba(0,111,255,0.1);
+    padding: 10px;
+    border-radius: 8px;
+    text-align: center;
+}
 .online {
     color: #10B981;
 }