админка

public/site.css

@@ -134,6 +134,19 @@ pre {
     color: var(--text);
 }
 
+.topbar-actions {
+    display: inline-flex;
+    align-items: center;
+    gap: 12px;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+}
+
+.topbar-user {
+    color: var(--muted);
+    font-size: 0.9rem;
+}
+
 .hero {
     display: grid;
     grid-template-columns: 1.25fr 0.85fr;
@@ -237,7 +250,10 @@ pre {
 .highlight-grid,
 .pillar-grid,
 .adventure-grid,
-.steps-grid {
+.steps-grid,
+.portal-grid,
+.character-grid,
+.account-list {
     display: grid;
     gap: 18px;
 }
@@ -437,6 +453,10 @@ pre {
     gap: 20px;
 }
 
+.portal-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
 .feature-card {
     padding: 30px;
 }
@@ -487,6 +507,144 @@ pre {
     word-break: break-word;
 }
 
+.stats-list {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 16px;
+    margin: 18px 0 0;
+}
+
+.stats-list--compact {
+    margin-top: 20px;
+}
+
+.stats-list dt,
+.stats-list dd {
+    margin: 0;
+}
+
+.stats-list dt {
+    color: var(--muted);
+    font-size: 0.85rem;
+    margin-bottom: 6px;
+}
+
+.stats-list dd {
+    font-size: 1rem;
+    font-weight: 700;
+}
+
+.action-stack,
+.account-list {
+    display: grid;
+    gap: 16px;
+}
+
+.muted-note {
+    color: var(--muted);
+    font-size: 0.92rem;
+}
+
+.character-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.character-card {
+    position: relative;
+    padding: 24px;
+    border: 1px solid var(--line);
+    border-radius: 24px;
+    background: rgba(255, 255, 255, 0.03);
+    box-shadow: var(--shadow);
+}
+
+.character-card__top,
+.account-card__header,
+.character-row,
+.search-form,
+.inline-form {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+}
+
+.character-card__top {
+    align-items: flex-start;
+}
+
+.character-card h3,
+.account-card h3 {
+    margin: 0 0 8px;
+}
+
+.character-card p,
+.account-card p,
+.character-row span,
+.empty-inline {
+    color: var(--muted);
+}
+
+.tag,
+.tag-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+}
+
+.tag {
+    padding: 8px 12px;
+    border: 1px solid rgba(241, 200, 121, 0.22);
+    border-radius: 999px;
+    background: rgba(241, 200, 121, 0.08);
+    color: var(--gold);
+    font-size: 0.84rem;
+    font-weight: 700;
+}
+
+.empty-state {
+    text-align: center;
+}
+
+.search-form {
+    margin-top: 18px;
+}
+
+.search-form .form-control {
+    flex: 1 1 auto;
+}
+
+.inline-form {
+    margin-top: 20px;
+    align-items: end;
+}
+
+.inline-form .form-field {
+    flex: 1 1 auto;
+}
+
+.account-card,
+.character-list {
+    display: grid;
+    gap: 18px;
+}
+
+.character-list {
+    margin-top: 18px;
+}
+
+.character-row {
+    padding: 16px 18px;
+    border: 1px solid var(--line);
+    border-radius: 18px;
+    background: rgba(255, 255, 255, 0.03);
+}
+
+.character-row strong {
+    display: block;
+    margin-bottom: 4px;
+}
+
 .footer {
     display: flex;
     align-items: center;
@@ -499,14 +657,16 @@ pre {
 
 @media (max-width: 1120px) {
     .hero,
-    .section--split {
+    .section--split,
+    .portal-grid {
         grid-template-columns: 1fr;
     }
 
     .pillar-grid,
     .adventure-grid,
     .steps-grid,
-    .highlight-grid {
+    .highlight-grid,
+    .character-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 }
@@ -526,6 +686,16 @@ pre {
         justify-content: flex-start;
     }
 
+    .topbar-actions,
+    .search-form,
+    .inline-form,
+    .character-card__top,
+    .account-card__header,
+    .character-row {
+        flex-direction: column;
+        align-items: stretch;
+    }
+
     .hero {
         padding-top: 18px;
     }
@@ -550,7 +720,9 @@ pre {
     .adventure-grid,
     .steps-grid,
     .highlight-grid,
-    .server-card dl {
+    .server-card dl,
+    .stats-list,
+    .character-grid {
         grid-template-columns: 1fr;
     }
 }