<div class="page-content active" id="page-oversikt">
<h1 class="page-title">Dashboard</h1>
<p class="page-subtitle">Översikt över din försäljning och aktiviteter</p>
<div class="stat-grid">
<div class="stat-card">
<div class="stat-card-info"><h4>Totalt Värde</h4><div class="stat-value" id="dashTotalValue">-</div></div>
<div class="stat-card-icon green"><svg viewBox="0 0 24 24"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg></div>
</div>
<div class="stat-card">
<div class="stat-card-info"><h4>Pågående Offerter</h4><div class="stat-value" id="dashOffertar">-</div></div>
<div class="stat-card-icon blue"><svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg></div>
</div>
<div class="stat-card">
<div class="stat-card-info"><h4>Kunder</h4><div class="stat-value" id="dashKunder">-</div></div>
<div class="stat-card-icon purple"><svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></div>
</div>
<div class="stat-card">
<div class="stat-card-info"><h4>Accepterade</h4><div class="stat-value" id="dashAccepted">-</div></div>
<div class="stat-card-icon teal"><svg viewBox="0 0 24 24"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg></div>
</div>
</div>
<div class="dash-grid" style="grid-template-columns:1fr 1fr 1fr">
<div class="dash-panel">
<div class="dash-panel-header">
<svg viewBox="0 0 24 24"><path d="M6 9l6-6 6 6"/><path d="M12 3v14"/><circle cx="6" cy="20" r="1"/><circle cx="12" cy="20" r="1"/><circle cx="18" cy="20" r="1"/></svg>
<h3>Top Säljare</h3>
</div>
<div class="dash-panel-body top-sellers-list" id="dashTopSellers"><div style="padding:20px;text-align:center;color:#94a3b8;font-size:13px">Laddar...</div></div>
</div>
<div class="dash-panel">
<div class="dash-panel-header">
<svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
<h3>Senaste Affärer</h3>
</div>
<div class="dash-panel-body" id="dashRecentDeals"><div style="padding:20px;text-align:center;color:#94a3b8;font-size:13px">Laddar...</div></div>
</div>
<div class="dash-panel">
<div class="dash-panel-header">
<svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
<h3>Kommande Möten</h3>
</div>
<div class="dash-panel-body" id="dashMeetings"><div style="padding:20px;text-align:center;color:#94a3b8;font-size:13px">Inga möten inbokade</div></div>
</div>
</div>
<div class="dash-charts">
<div class="dash-chart-panel">
<div class="dash-panel-header">
<svg viewBox="0 0 24 24"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg>
<h3>Försäljning Februari 2026</h3>
</div>
<div class="dash-chart-body"><canvas id="chartMonthly"></canvas></div>
</div>
<div class="dash-chart-panel">
<div class="dash-panel-header">
<svg viewBox="0 0 24 24"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
<h3>Helårsöversikt 2026</h3>
</div>
<div class="dash-chart-body"><canvas id="chartYearly"></canvas></div>
</div>
</div>
</div>
<!-- FÄLTSÄLJ -->