🎨 Add and style new components for status cards, file lists, and code blocks in GamemasterManager view

code/websites/pokedex.online/src/views/GamemasterManager.vue

@@ -519,6 +519,71 @@ h2 {
   color: #495057;
 }
 
+.status-card {
+  background: white;
+  padding: 1.5rem;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.status-card p {
+  margin: 0.75rem 0;
+  color: #495057;
+  font-size: 1rem;
+}
+
+.status-card strong {
+  color: #667eea;
+}
+
+.file-list {
+  margin-top: 1rem;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 0.75rem;
+}
+
+.file-item {
+  background: #f8f9fa;
+  padding: 0.75rem;
+  border-radius: 6px;
+  border: 1px solid #e9ecef;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.file-name {
+  font-weight: 500;
+  color: #495057;
+  font-size: 0.9rem;
+  word-break: break-word;
+  flex: 1;
+}
+
+.file-size {
+  color: #999;
+  font-size: 0.85rem;
+  margin-left: 0.5rem;
+  white-space: nowrap;
+}
+
+.code-block {
+  background: #2d3748;
+  color: #e2e8f0;
+  padding: 1rem;
+  border-radius: 6px;
+  overflow-x: auto;
+  margin: 1rem 0;
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  font-size: 0.85rem;
+  line-height: 1.5;
+}
+
+.code-block code {
+  color: inherit;
+}
+
 @media (max-width: 768px) {
   .container {
     padding: 1rem;
@@ -540,5 +605,9 @@ h2 {
     width: 100%;
     margin-right: 0;
   }
+
+  .file-list {
+    grid-template-columns: 1fr;
+  }
 }
 </style>