Refine voucher compare UI/layout and fix suggestion behavior

templates/annual_summary.html

@@ -41,10 +41,10 @@
         font-size: 13px;
         font-weight: 800;
         letter-spacing: -0.01em;
-        background: rgba(255,255,255,0.92);
-        border: 1px solid var(--line);
-        border-radius: 12px;
-        padding: 8px 12px;
+        background: transparent;
+        border: 0;
+        border-radius: 0;
+        padding: 0;
     }
 
     .legend-swatch {

templates/base.html

@@ -249,6 +249,17 @@
             padding: 10px 12px;
             color: var(--ink);
             box-shadow: inset 0 1px 2px rgba(16, 24, 40, 0.03);
+            box-sizing: border-box;
+        }
+
+        input[type="text"],
+        input[type="number"],
+        input[type="date"],
+        select {
+            min-height: 38px;
+            line-height: 1.2;
+            padding-top: 8px;
+            padding-bottom: 8px;
         }
 
         select option {
@@ -301,6 +312,10 @@
             text-decoration: none;
             transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease;
             box-shadow: 0 8px 18px rgba(17, 17, 17, 0.14);
+            min-height: 38px;
+            box-sizing: border-box;
+            white-space: nowrap;
+            line-height: 1.2;
         }
 
         button:hover,
@@ -513,6 +528,7 @@
         <a href="/" class="{% if request.url.path == '/' %}active{% endif %}">대시보드</a>
         <a href="/projects" class="{% if request.url.path == '/projects' %}active{% endif %}">프로젝트 정보</a>
         <a href="/annual-summary" class="{% if request.url.path == '/annual-summary' %}active{% endif %}">연도별 수익/비용</a>
+        <a href="/wehago-compare" class="{% if request.url.path == '/wehago-compare' %}active{% endif %}">전표비교</a>
         <div class="nav-spacer"></div>
         <aside
             class="sync-status"

templates/dashboard.html

@@ -158,12 +158,12 @@
         display: inline-flex;
         align-items: center;
         gap: 8px;
-        border-radius: 10px;
-        padding: 6px 10px;
-        background: rgba(255,255,255,0.92);
-        border: 1px solid var(--line);
+        border-radius: 0;
+        padding: 0;
+        background: transparent;
+        border: 0;
         color: #363b44;
-        font-size: 12px;
+        font-size: 13px;
         font-weight: 700;
     }
 

templates/projects.html

@@ -227,14 +227,15 @@
         gap: 8px;
         min-width: 0;
         max-width: 190px;
-        padding: 8px 12px;
+        min-height: 27px;
+        padding: 3px 12px;
         border: 1px solid var(--line);
         border-radius: 999px;
         background: rgba(255, 255, 255, 0.96);
         color: var(--ink);
         font-size: 12px;
         font-weight: 700;
-        line-height: 1.3;
+        line-height: 1.05;
         cursor: pointer;
         transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
     }
@@ -263,6 +264,22 @@
         justify-content: center;
         cursor: pointer;
         flex: 0 0 auto;
+        width: 14px;
+        height: 14px;
+        min-width: 14px;
+        min-height: 14px;
+        max-width: 14px;
+        max-height: 14px;
+        border-radius: 999px;
+        aspect-ratio: 1 / 1;
+        background: rgba(15, 23, 42, 0.08);
+        box-shadow: none !important;
+        transform: none !important;
+        line-height: 1;
+    }
+
+    .project-quick-link-remove:hover {
+        background: rgba(15, 23, 42, 0.14);
     }
 
     .project-quick-link-remove svg {
@@ -506,10 +523,11 @@
         background: #f7fbfe;
         color: #29485f;
         border-radius: 999px;
-        padding: 5px 10px;
+        min-height: 18px;
+        padding: 1px 10px;
         font-size: 12px;
         font-weight: 700;
-        line-height: 1.2;
+        line-height: 1.05;
     }
 
     .related-project-tag.is-muted {
@@ -517,15 +535,25 @@
     }
 
     .related-project-tag button {
-        width: 18px;
-        height: 18px;
-        min-width: 18px;
+        width: 14px;
+        height: 14px;
+        min-width: 14px;
+        min-height: 14px;
+        max-width: 14px;
+        max-height: 14px;
         padding: 0;
-        border-radius: 999px;
+        border-radius: 50%;
+        aspect-ratio: 1 / 1;
         border: 0;
         background: rgba(41, 72, 95, 0.08);
         color: #29485f;
-        box-shadow: none;
+        box-shadow: none !important;
+        transform: none !important;
+        font-size: 11px;
+        line-height: 1;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
     }
 
     .related-project-tag button:hover {