Streamline CSS code across all views.

templates/dashboard.html

@@ -1,10 +1,10 @@
 {% extends "layout.html" %}
 
 {% block content %}
-<div class="dashboard-container">
-    <div class="dashboard-header">
+<div class="page-container dashboard-container">
+    <div class="page-header dashboard-header">
         <h2>My Dashboard</h2>
-        <div class="dashboard-actions">
+        <div class="page-actions dashboard-actions">
             <button id="customize-btn" class="btn btn-md btn-primary">
                 <i class="fas fa-edit"></i> Customize
             </button>
@@ -193,30 +193,7 @@
 </div>
 
 <style>
-.dashboard-container {
-    padding: 1rem;
-    max-width: 1400px;
-    margin: 0 auto;
-}
-
-.dashboard-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 2rem;
-    padding-bottom: 1rem;
-    border-bottom: 2px solid #e9ecef;
-}
-
-.dashboard-header h2 {
-    margin: 0;
-    color: #333;
-}
-
-.dashboard-actions {
-    display: flex;
-    gap: 0.5rem;
-}
+/* Dashboard-specific overrides */
 
 .dashboard-grid {
     display: grid;
@@ -231,20 +208,7 @@
     min-height: 400px;
 }
 
-.widget {
-    background: white;
-    border: 1px solid #dee2e6;
-    border-radius: 8px;
-    padding: 1rem;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-    transition: all 0.2s ease;
-    position: relative;
-    overflow: hidden;
-}
-
-.widget:hover {
-    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
-}
+/* Widget styles now inherited from common styles.css */
 
 .widget.dragging {
     opacity: 0.8;
@@ -282,21 +246,7 @@
     grid-row: span 1;
 }
 
-.widget-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 1rem;
-    padding-bottom: 0.5rem;
-    border-bottom: 1px solid #e9ecef;
-}
-
-.widget-title {
-    font-size: 1.1rem;
-    font-weight: 600;
-    color: #333;
-    margin: 0;
-}
+/* Widget header and title styles now inherited from common styles.css */
 
 .widget-actions {
     display: flex;
@@ -324,6 +274,7 @@
     color: #333;
 }
 
+/* Widget content styling now inherited from common styles.css */
 .widget-content {
     flex: 1;
     overflow: hidden;