Update

static/css/layout.css

@@ -373,6 +373,8 @@
 .admin-controls {
     display: flex;
     justify-content: flex-end;
+    gap: 0.35rem;
+    flex-wrap: wrap;
 }
 
 .join-window {
@@ -384,6 +386,30 @@
     width: min(27rem, 92vw);
 }
 
+.terminal-modal-overlay {
+    position: fixed;
+    inset: 0;
+    z-index: 72;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.terminal-window {
+    width: min(46rem, 94vw);
+}
+
+.terminal-window-content {
+    padding: 0.55rem;
+}
+
+.terminal-log-output {
+    height: min(55vh, 30rem);
+    overflow-y: auto;
+    padding: 0.5rem;
+    white-space: pre-wrap;
+}
+
 .skeleton-line,
 .skeleton-board,
 .skeleton-table,

static/css/main.css

@@ -172,3 +172,27 @@ input[type="number"]::-webkit-inner-spin-button {
     40% { transform: scale(0.91); }
     100% { transform: scale(1); }
 }
+
+.terminal-window .title-bar {
+    background: #0f0f0f;
+    color: #9dff9d;
+}
+
+.terminal-window .title-bar-controls button {
+    background: #1a1a1a;
+    color: #9dff9d;
+    border-color: #2e2e2e;
+}
+
+.terminal-log-output {
+    background: #020a02;
+    color: #84ff84;
+    border: 1px solid #0f4f0f;
+    font-family: "Courier New", Courier, monospace;
+    font-size: 0.9rem;
+    line-height: 1.35;
+}
+
+.terminal-log-line {
+    margin-bottom: 0.18rem;
+}