/* Minimal custom styles for the prototype */
body { background: #f7f9fc; }
.card { border-radius: 0.6rem; }

/* Dashboard layout */
.layout { display: flex; min-height: 100vh; }
.sidebar { width: 220px; background: #ffffff; box-shadow: 2px 0 6px rgba(16,24,40,0.06); padding: 1rem; min-height: 100vh; position: sticky; top: 0; }
.sidebar .logo { display: block; max-width: 160px; margin-bottom: 1rem; }
.sidebar .nav-item { padding: 0.5rem 0.25rem; }
.sidebar .nav-link { color: #343a40; display: block; padding: 0.5rem 0.75rem; border-radius: 0.375rem; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { background: #f1f5f9; color: #0f172a; }

.content { flex: 1; padding: 1.25rem; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.topbar .controls { display:flex; gap:0.5rem; align-items:center; }

.topbar .avatar { width:36px; height:36px; border-radius:50%; object-fit:cover; border:2px solid #fff; box-shadow:0 0 0 1px rgba(0,0,0,0.04); }

/* Charts */
.charts { display:flex; gap:1rem; flex-wrap:wrap; }
.chart-card { flex:1 1 420px; }
canvas { width:100% !important; height:320px !important; }

/* Login logo */
.login-logo { display:block; max-width:220px; margin:0 auto 1rem auto; }