update warna dan klinik ruang

components/common/PageHeader.vue

@@ -3,7 +3,7 @@
     <div class="header-content">
       <div class="header-left">
         <div class="header-icon">
-          <v-icon size="32" color="white">{{ icon }}</v-icon>
+          <v-icon size="28" color="white">{{ icon }}</v-icon>
         </div>
         <div class="header-text">
           <h2 class="page-title">{{ title }}</h2>
@@ -108,7 +108,7 @@ $font-weight-semibold: 600;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 32px;
+  padding: 20px 28px;
   color: $neutral-100;
 }
 
@@ -119,15 +119,15 @@ $font-weight-semibold: 600;
 
 .header-icon {
   background: rgba(255, 255, 255, 0.2);
-  border-radius: 16px;
-  padding: 16px;
-  margin-right: 20px;
+  border-radius: 12px;
+  padding: 12px;
+  margin-right: 16px;
   backdrop-filter: blur(10px);
 }
 
 .page-title {
-  font-size: 36px;
-  line-height: 44px;
+  font-size: 32px;
+  line-height: 40px;
   font-weight: $font-weight-semibold;
   margin: 0;
   color: $neutral-100;
@@ -135,10 +135,10 @@ $font-weight-semibold: 600;
 }
 
 .page-subtitle {
-  margin: 4px 0 0 0;
+  margin: 2px 0 0 0;
   opacity: 0.9;
-  font-size: 16px;
-  line-height: 24px;
+  font-size: 15px;
+  line-height: 22px;
   font-weight: $font-weight-regular;
   color: $neutral-100;
 }