/* Простой аккуратный стиль */
:root {
  --bg: #f5f7fb;
  --card: #ffffff;
  --muted: #6b7280;
  --accent: #3b82f6;
}

* {box-sizing: border-box}
body {
  margin:0;
  font-family: Inter, Roboto, Arial, sans-serif;
  background: var(--bg);
  color: #111827;
}

.topbar {
  background: white;
  border-bottom: 1px solid #e6e9ef;
  padding: 12px 0;
}
.container { max-width: 1100px; margin: 0 auto; padding: 16px; }

.topbar .container { display:flex; justify-content:space-between; align-items:center; }
.user { font-size: 14px; color: var(--muted); }

.logo {
  width: 75px;
}

.menu a {
  text-decoration:none;
  color: #374151;
  font-weight:500;
}

.centered {
  display:flex;
  min-height:100vh;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.card {
  width: 380px;
  background: var(--card);
  padding: 22px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(17,24,39,0.06);
}
.card h1 { margin:0 0 14px; font-size:20px; }
label { display:block; margin-bottom:12px; font-size:14px; color:var(--muted); }
input[type="email"], input[type="password"], input[type="text"] {
  width:100%; padding:10px 12px; border:1px solid #e6e9ef; border-radius:8px; margin-top:6px;
}
.actions { text-align:right; }
button { background:var(--accent); color:white; border:0; padding:10px 14px; border-radius:8px; cursor:pointer; }

.space-card {
  background: white;
  border-radius: 10px;
  padding: 14px;
  box-shadow: 0 4px 12px rgba(17,24,39,0.04);
  margin-bottom: 16px;
}
.space-header { display:flex; justify-content:space-between;}
.space-header h3 { margin:0; }
.space-header .desc { color:var(--muted); font-size:13px;}

.charts { display:flex; gap:12px; flex-wrap:wrap; }
.chart-card { flex:1 1 320px; min-width:280px; background:#fbfdff; padding:10px; border-radius:8px; }

.error { color:#b91c1c; background:#fff1f2; padding:8px; border-radius:6px; margin-bottom:10px; }