style: remove colored left border and hover shadow from rule cards

Simpler, cleaner look without the AI-style decorative borders

web/src/views/RiskRules.vue

@@ -76,7 +76,6 @@
         <div v-if="parsed.length" style="display:flex;flex-direction:column;gap:10px">
           <div v-for="(rule, idx) in parsed" :key="idx"
             class="rule-card"
-            :style="rule.type==='EXEMPT'?'border-left-color:#67c23a':''"
             :draggable="true"
             @dragstart="onDragStart($event, idx)"
             @dragover.prevent="onDragOver($event, idx)"
@@ -469,14 +468,10 @@ onMounted(fetchAll)
 <style scoped>
 .rule-card {
   border: 1px solid #e4e7ed;
-  border-left: 4px solid #f56c6c;
-  border-radius: 8px;
+  border-radius: 4px;
   background: #fff;
-  transition: box-shadow .2s;
   cursor: default;
 }
-.rule-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,.08); }
-
 .card-header {
   display: flex; align-items: center; justify-content: space-between;
   padding: 8px 12px; gap: 8px; user-select: none;