refactor(styles): move common styles to shared CSS file

Extract duplicated styles across multiple components into a common CSS file and import it where needed. This improves maintainability by reducing code duplication and centralizing style definitions.

src/views/Logs.vue

@@ -66,6 +66,8 @@ export default {
 </script>
 
 <style scoped>
+@import '../styles/common.css';
+
 .logs-page {
     padding: 24px;
 }
@@ -74,30 +76,6 @@ export default {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: 24px;
-}
-
-.page-header h2 {
-    font-size: 24px;
-    color: var(--text-color);
-    margin: 0;
-    transition: color 0.3s;
-}
-
-.filter-controls select {
-    padding: 8px 16px;
-    border: 1px solid var(--border-color);
-    border-radius: 6px;
-    font-size: 14px;
-    background: var(--card-bg);
-    color: var(--text-color);
-    cursor: pointer;
-    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
-}
-
-.filter-controls select:focus {
-    outline: none;
-    border-color: var(--primary-color);
 }
 
 .logs-container {
@@ -170,11 +148,4 @@ export default {
     word-break: break-all;
     transition: color 0.3s;
 }
-
-.empty-state {
-    text-align: center;
-    padding: 60px 20px;
-    color: #999;
-    font-size: 16px;
-}
 </style>