feat: профиль — просмотр, смена имени, email и пароля

Co-authored-by: Cursor <cursoragent@cursor.com>

src/public/css/style.css

@@ -671,3 +671,62 @@ a:hover {
   font-size: 0.85rem;
   width: auto;
 }
+
+.account-tabs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-bottom: 1.5rem;
+}
+
+.account-tabs__link {
+  padding: 0.45rem 1rem;
+  border-radius: 8px;
+  background: var(--surface);
+  border: 1px solid var(--border);
+  color: var(--muted);
+  text-decoration: none;
+  font-size: 0.9rem;
+}
+
+.account-tabs__link:hover,
+.account-tabs__link--active {
+  background: var(--accent);
+  border-color: var(--accent);
+  color: #fff;
+}
+
+.account-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 1.25rem;
+}
+
+.account-section {
+  padding: 1.25rem;
+}
+
+.account-section--narrow {
+  max-width: 420px;
+}
+
+.account-section h2 {
+  margin: 0 0 1rem;
+  font-size: 1.1rem;
+}
+
+.profile-dl {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 0.5rem 1.25rem;
+  margin: 0 0 1.25rem;
+}
+
+.profile-dl dt {
+  color: var(--muted);
+  font-size: 0.9rem;
+}
+
+.profile-dl dd {
+  margin: 0;
+}