Console update

public/assets/css/app.css

@@ -154,6 +154,74 @@ body {
 .form-field select,
 .form-field textarea { width: 100%; }
 
+.icon-button {
+  border: 1px solid var(--line);
+  background: var(--panel-2);
+  border-radius: 999px;
+  padding: 4px 10px;
+  cursor: pointer;
+  font-weight: 700;
+}
+.icon-button:hover { background: var(--panel); }
+
+.console-tabs {
+  border: 1px solid var(--line);
+  border-radius: 14px;
+  overflow: hidden;
+  background: #0b0f17;
+}
+.console-tab-bar {
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+  padding: 8px;
+  background: #0f1624;
+  border-bottom: 1px solid rgba(255,255,255,0.08);
+}
+.console-tab {
+  background: transparent;
+  color: #c9d3e3;
+  border: 1px solid transparent;
+  border-radius: 10px;
+  padding: 6px 10px;
+  cursor: pointer;
+  font-weight: 600;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+.console-tab.is-active {
+  border-color: rgba(255,255,255,0.2);
+  background: rgba(255,255,255,0.08);
+  color: #ffffff;
+}
+.console-tab-panels {
+  min-height: 420px;
+}
+.console-tab-close {
+  display: inline-flex;
+  width: 18px;
+  height: 18px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 999px;
+  background: rgba(255,255,255,0.12);
+  color: #ffffff;
+  font-size: 0.8rem;
+  line-height: 1;
+}
+.console-tab-close:hover {
+  background: rgba(255,255,255,0.25);
+}
+.console-panel { display: none; }
+.console-panel.is-active { display: block; }
+.console-panel iframe {
+  width: 100%;
+  height: 520px;
+  border: 0;
+  background: #0b0f17;
+}
+
 .layout-body {
   display: grid;
   grid-template-columns: 1fr;