diff --git a/app/templates/dashboard.html b/app/templates/dashboard.html
index faf9d6d..8c79d48 100644
--- a/app/templates/dashboard.html
+++ b/app/templates/dashboard.html
@@ -3,24 +3,27 @@
 {% block title %}Dashboard - {{ app_name }}{% endblock %}
 
 {% block content %}
-<div class="row mb-4">
+<div class="row mb-5">
     <div class="col">
-        <h1>
-            <i class="bi bi-speedometer2"></i> Dashboard
-        </h1>
-        <p class="text-muted">Welcome back, {{ current_user.username }}!</p>
+        <div class="text-center text-md-start">
+            <h1 class="display-4 fw-bold mb-2">
+                <i class="bi bi-speedometer2 text-danger"></i> Dashboard
+            </h1>
+            <p class="lead text-muted">Welcome back, <span class="fw-bold text-primary">{{ current_user.username }}</span>! 🎉</p>
+        </div>
     </div>
 </div>
 
 <!-- Statistics Cards -->
-<div class="row mb-4">
-    <div class="col-md-6 col-lg-3 mb-3">
+<div class="row g-4 mb-5">
+    <div class="col-md-6 col-lg-3">
         <div class="card stat-card h-100">
             <div class="card-body">
                 <div class="d-flex justify-content-between align-items-center">
                     <div>
                         <h6 class="text-muted mb-2">Total Sets</h6>
                         <h2 class="mb-0">{{ total_sets }}</h2>
+                        <small class="text-muted">in your collection</small>
                     </div>
                     <div class="text-primary">
                         <i class="bi bi-box-seam display-4"></i>
@@ -30,13 +33,14 @@
         </div>
     </div>
     
-    <div class="col-md-6 col-lg-3 mb-3">
+    <div class="col-md-6 col-lg-3">
         <div class="card stat-card h-100">
             <div class="card-body">
                 <div class="d-flex justify-content-between align-items-center">
                     <div>
                         <h6 class="text-muted mb-2">Instructions</h6>
                         <h2 class="mb-0">{{ total_instructions }}</h2>
+                        <small class="text-muted">PDFs & images</small>
                     </div>
                     <div class="text-success">
                         <i class="bi bi-file-pdf display-4"></i>
@@ -46,13 +50,14 @@
         </div>
     </div>
     
-    <div class="col-md-6 col-lg-3 mb-3">
+    <div class="col-md-6 col-lg-3">
         <div class="card stat-card h-100">
             <div class="card-body">
                 <div class="d-flex justify-content-between align-items-center">
                     <div>
                         <h6 class="text-muted mb-2">Themes</h6>
                         <h2 class="mb-0">{{ theme_stats|length }}</h2>
+                        <small class="text-muted">unique themes</small>
                     </div>
                     <div class="text-danger">
                         <i class="bi bi-grid-3x3 display-4"></i>
@@ -62,13 +67,14 @@
         </div>
     </div>
     
-    <div class="col-md-6 col-lg-3 mb-3">
+    <div class="col-md-6 col-lg-3">
         <div class="card stat-card h-100">
             <div class="card-body">
                 <div class="d-flex justify-content-between align-items-center">
                     <div>
                         <h6 class="text-muted mb-2">Years Collected</h6>
                         <h2 class="mb-0">{{ year_stats|length }}</h2>
+                        <small class="text-muted">different years</small>
                     </div>
                     <div class="text-warning">
                         <i class="bi bi-calendar-range display-4"></i>
@@ -79,13 +85,13 @@
     </div>
 </div>
 
-<div class="row">
+<div class="row g-4 mb-5">
     <!-- Top Themes -->
-    <div class="col-lg-6 mb-4">
+    <div class="col-lg-6">
         <div class="card h-100">
             <div class="card-header">
                 <h5 class="mb-0">
-                    <i class="bi bi-bar-chart"></i> Top Themes
+                    <i class="bi bi-bar-chart text-danger"></i> Top Themes
                 </h5>
             </div>
             <div class="card-body">
@@ -93,24 +99,30 @@
                     <ul class="list-group list-group-flush">
                         {% for theme, count in theme_stats %}
                             <li class="list-group-item d-flex justify-content-between align-items-center">
-                                {{ theme }}
+                                <span class="fw-semibold">{{ theme }}</span>
                                 <span class="badge bg-primary rounded-pill">{{ count }}</span>
                             </li>
                         {% endfor %}
                     </ul>
                 {% else %}
-                    <p class="text-muted">No themes yet. <a href="{{ url_for('sets.add_set') }}">Add your first set!</a></p>
+                    <div class="text-center py-4">
+                        <i class="bi bi-grid-3x3 display-4 text-muted d-block mb-3"></i>
+                        <p class="text-muted mb-3">No themes yet.</p>
+                        <a href="{{ url_for('sets.add_set') }}" class="btn btn-danger">
+                            <i class="bi bi-plus-circle"></i> Add your first set
+                        </a>
+                    </div>
                 {% endif %}
             </div>
         </div>
     </div>
     
     <!-- Recent Years -->
-    <div class="col-lg-6 mb-4">
+    <div class="col-lg-6">
         <div class="card h-100">
             <div class="card-header">
                 <h5 class="mb-0">
-                    <i class="bi bi-calendar3"></i> Sets by Year
+                    <i class="bi bi-calendar3 text-success"></i> Sets by Year
                 </h5>
             </div>
             <div class="card-body">
@@ -118,13 +130,16 @@
                     <ul class="list-group list-group-flush">
                         {% for year, count in year_stats %}
                             <li class="list-group-item d-flex justify-content-between align-items-center">
-                                {{ year }}
+                                <span class="fw-semibold">{{ year }}</span>
                                 <span class="badge bg-success rounded-pill">{{ count }}</span>
                             </li>
                         {% endfor %}
                     </ul>
                 {% else %}
-                    <p class="text-muted">No sets yet.</p>
+                    <div class="text-center py-4">
+                        <i class="bi bi-calendar3 display-4 text-muted d-block mb-3"></i>
+                        <p class="text-muted">No sets yet.</p>
+                    </div>
                 {% endif %}
             </div>
         </div>
@@ -135,9 +150,9 @@
 <div class="row">
     <div class="col-12">
         <div class="card">
-            <div class="card-header d-flex justify-content-between align-items-center">
+            <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
                 <h5 class="mb-0">
-                    <i class="bi bi-clock-history"></i> Recently Added Sets
+                    <i class="bi bi-clock-history text-info"></i> Recently Added Sets
                 </h5>
                 <a href="{{ url_for('sets.list_sets') }}" class="btn btn-sm btn-outline-primary">
                     View All <i class="bi bi-arrow-right"></i>
@@ -145,10 +160,10 @@
             </div>
             <div class="card-body dashboard">
                 {% if recent_sets %}
-                    <div class="row">
+                    <div class="row g-4">
                         {% for set in recent_sets %}
-                            <div class="col-md-6 col-lg-4 mb-3">
-                                <div class="card h-100">
+                            <div class="col-md-6 col-lg-4 col-xl-3">
+                                <div class="card h-100 shadow-sm">
                                     <a href="{{ url_for('sets.view_set', set_id=set.id) }}" class="text-decoration-none">
                                         {% if set.cover_image %}
                                             <img src="{{ url_for('static', filename='uploads/' + set.cover_image.replace('\\', '/')) }}" 
@@ -165,23 +180,23 @@
                                         {% endif %}
                                     </a>
                                     <div class="card-body">
-                                        <h6 class="card-title">
-                                            {{ set.set_number }}
+                                        <h6 class="card-title d-flex align-items-center gap-2 mb-2">
+                                            <span class="fw-bold">{{ set.set_number }}</span>
                                             {% if set.is_moc %}
                                                 <span class="badge bg-warning text-dark" title="My Own Creation">
-                                                    <i class="bi bi-star-fill"></i>
+                                                    <i class="bi bi-star-fill"></i> MOC
                                                 </span>
                                             {% endif %}
                                         </h6>
-                                        <p class="card-text small">{{ set.set_name }}</p>
-                                        <div class="d-flex justify-content-between align-items-center">
+                                        <p class="card-text small text-muted mb-3">{{ set.set_name }}</p>
+                                        <div class="d-flex justify-content-between align-items-center gap-2 flex-wrap">
                                             <span class="badge badge-theme">{{ set.theme }}</span>
                                             <span class="badge badge-year">{{ set.year_released }}</span>
                                         </div>
                                     </div>
-                                    <div class="card-footer bg-transparent">
+                                    <div class="card-footer bg-transparent border-top">
                                         <a href="{{ url_for('sets.view_set', set_id=set.id) }}" class="btn btn-sm btn-primary w-100">
-                                            View Details
+                                            <i class="bi bi-eye"></i> View Details
                                         </a>
                                     </div>
                                 </div>
@@ -190,13 +205,14 @@
                     </div>
                 {% else %}
                     <div class="text-center py-5">
-                        <i class="bi bi-inbox display-1 text-muted"></i>
-                        <p class="mt-3 text-muted">No sets in your collection yet.</p>
-                        <div class="d-flex justify-content-center gap-2">
-                            <a href="{{ url_for('sets.add_set') }}" class="btn btn-danger">
+                        <i class="bi bi-inbox display-1 text-muted d-block mb-4"></i>
+                        <h4 class="mb-3">No sets in your collection yet</h4>
+                        <p class="text-muted mb-4">Start building your LEGO library by adding your first set!</p>
+                        <div class="d-flex justify-content-center gap-3 flex-wrap">
+                            <a href="{{ url_for('sets.add_set') }}" class="btn btn-danger btn-lg">
                                 <i class="bi bi-box-seam"></i> Add Official Set
                             </a>
-                            <a href="{{ url_for('sets.add_set') }}?type=moc" class="btn btn-warning">
+                            <a href="{{ url_for('sets.add_set') }}?type=moc" class="btn btn-warning btn-lg">
                                 <i class="bi bi-star-fill"></i> Add MOC
                             </a>
                         </div>
@@ -206,4 +222,43 @@
         </div>
     </div>
 </div>
-{% endblock %}
+
+<!-- Quick Actions (if no sets) -->
+{% if not recent_sets %}
+<div class="row mt-5">
+    <div class="col-12">
+        <div class="card bg-light border-0">
+            <div class="card-body text-center p-5">
+                <h3 class="mb-4">
+                    <i class="bi bi-lightbulb text-warning"></i> Getting Started
+                </h3>
+                <div class="row g-4 justify-content-center">
+                    <div class="col-md-4">
+                        <div class="text-center">
+                            <i class="bi bi-1-circle-fill display-4 text-danger mb-3"></i>
+                            <h5>Add a Set</h5>
+                            <p class="text-muted small">Add your first LEGO set or MOC to begin organizing your collection</p>
+                        </div>
+                    </div>
+                    <div class="col-md-4">
+                        <div class="text-center">
+                            <i class="bi bi-2-circle-fill display-4 text-success mb-3"></i>
+                            <h5>Upload Instructions</h5>
+                            <p class="text-muted small">Upload PDF or image files of your instruction manuals</p>
+                        </div>
+                    </div>
+                    <div class="col-md-4">
+                        <div class="text-center">
+                            <i class="bi bi-3-circle-fill display-4 text-primary mb-3"></i>
+                            <h5>Search & Manage</h5>
+                            <p class="text-muted small">Easily find and manage all your instructions in one place</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endif %}
+
+{% endblock %}
\ No newline at end of file