新增后台管理

meshmap_frontend/src/style.css

@@ -78,7 +78,8 @@ h3 {
   color: #475569;
 }
 
-.topbar button {
+.topbar button,
+.topbar-link {
   border: 0;
   border-radius: 10px;
   padding: 9px 16px;
@@ -87,6 +88,10 @@ h3 {
   font-weight: 700;
 }
 
+.topbar-link {
+  text-decoration: none;
+}
+
 .topbar button:disabled {
   opacity: 0.6;
 }
@@ -337,6 +342,110 @@ h3 {
   background: #eff6ff;
 }
 
+.admin-loading {
+  padding: 24px;
+  color: #64748b;
+}
+
+.admin-login,
+.admin-dashboard {
+  max-width: 1100px;
+  margin: 0 auto;
+  width: 100%;
+}
+
+.admin-form {
+  display: grid;
+  gap: 14px;
+  padding: 18px;
+}
+
+.admin-user-form {
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  align-items: end;
+}
+
+.admin-form label {
+  display: grid;
+  gap: 6px;
+  color: #334155;
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.admin-form input {
+  border: 1px solid #cbd5e1;
+  border-radius: 10px;
+  padding: 10px 12px;
+  font: inherit;
+}
+
+.admin-form button,
+.admin-actions button,
+.admin-button {
+  border: 0;
+  border-radius: 10px;
+  padding: 9px 16px;
+  color: #fff;
+  font-weight: 700;
+  background: #2563eb;
+}
+
+.admin-table-input {
+  min-width: 160px;
+  border: 1px solid #cbd5e1;
+  border-radius: 8px;
+  padding: 8px 10px;
+  font: inherit;
+}
+
+.success {
+  margin: 0 16px 12px;
+  border: 1px solid #bbf7d0;
+  border-radius: 14px;
+  padding: 10px 12px;
+  color: #166534;
+  background: #f0fdf4;
+}
+
+.admin-dashboard {
+  display: grid;
+  gap: 12px;
+}
+
+.admin-actions {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 10px;
+}
+
+.admin-status-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 10px;
+  padding: 16px;
+}
+
+.admin-status-grid div {
+  display: grid;
+  gap: 5px;
+  border: 1px solid #e2e8f0;
+  border-radius: 12px;
+  padding: 12px;
+  background: #f8fafc;
+}
+
+.admin-status-grid span {
+  color: #64748b;
+  font-size: 13px;
+}
+
+.admin-status-grid strong {
+  color: #0f172a;
+}
+
 .pagination {
   display: flex;
   align-items: center;