diff --git a/resources/views/business/pages/courier-payables/payable-cloud-warehouse-vehicle-fee.blade.php b/resources/views/business/pages/courier-payables/payable-cloud-warehouse-vehicle-fee.blade.php
index eded0d9e..0312fcd3 100644
--- a/resources/views/business/pages/courier-payables/payable-cloud-warehouse-vehicle-fee.blade.php
+++ b/resources/views/business/pages/courier-payables/payable-cloud-warehouse-vehicle-fee.blade.php
@@ -19,19 +19,21 @@
 <div class="ding-payable-page">
     <style>
         .ding-payable-page { color: var(--vip-content-ink, #171717); font-size: .8125rem; }
-        .ding-payable-toolbar { display:flex; flex-wrap:wrap; align-items:flex-end; gap:.75rem; padding:1rem; margin-bottom:1rem; border:1px solid var(--vip-border,#D8D2C7); border-radius:.5rem; background:var(--vip-surface,#fff); }
-        .ding-payable-field { display:flex; flex-direction:column; gap:.35rem; min-width:16rem; }
-        .ding-payable-field label { color:var(--vip-content-muted,#595959); font-size:.75rem; font-weight:600; }
-        .ding-payable-field input,.ding-payable-field select { height:2.25rem; padding:0 .65rem; border:1px solid var(--vip-border,#D8D2C7); border-radius:.5rem; background:#fff; color:var(--vip-content-ink,#171717); }
+        .ding-payable-toolbar { display:flex; flex-wrap:wrap; align-items:flex-end; gap:.45rem .75rem; padding:.55rem .9rem; margin-bottom:.6rem; border:1px solid var(--vip-border,#D8D2C7); border-radius:.5rem; background:var(--vip-surface,#fff); }
+        .ding-payable-field { display:flex; flex-direction:column; gap:.2rem; min-width:15rem; }
+        .ding-payable-field label { color:var(--vip-content-muted,#595959); font-size:.68rem; font-weight:600; }
+        .ding-payable-field input,.ding-payable-field select { height:1.9rem; padding:0 .5rem; border:1px solid var(--vip-border,#D8D2C7); border-radius:.4rem; background:#fff; color:var(--vip-content-ink,#171717); }
         .ding-payable-field input:focus,.ding-payable-field select:focus { border-color:var(--vip-content-accent-dark,#856632); outline:none; box-shadow:0 0 0 3px rgba(133,102,50,.2); }
         .ding-payable-date-range { display:flex; align-items:center; gap:.5rem; }
         .ding-payable-date-range input { min-width:9rem; }
         .ding-payable-date-range span { color:var(--vip-content-muted,#595959); }
         .ding-payable-actions { display:flex; gap:.5rem; }
-        .ding-payable-button { display:inline-flex; align-items:center; gap:.35rem; height:2.25rem; padding:0 .85rem; border:1px solid var(--vip-border,#D8D2C7); border-radius:.5rem; background:#fff; color:var(--vip-content-ink,#171717); text-decoration:none; font-weight:600; }
+        .ding-payable-button { display:inline-flex; align-items:center; gap:.3rem; height:1.9rem; padding:0 .65rem; border:1px solid var(--vip-border,#D8D2C7); border-radius:.4rem; background:#fff; color:var(--vip-content-ink,#171717); text-decoration:none; font-weight:600; }
+        .ding-payable-button .material-icons-outlined { font-size:.95rem; }
         .ding-payable-button.primary { border-color:var(--vip-content-accent-dark,#856632); background:var(--vip-content-accent-dark,#856632); color:#fff; }
         .ding-payable-alert { padding:.75rem 1rem; margin-bottom:1rem; border:1px solid var(--vip-danger,#B80000); border-radius:.5rem; background:#fff5f5; color:var(--vip-danger,#B80000); }
-        .ding-payable-meta { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; margin-bottom:.75rem; color:var(--vip-content-muted,#595959); font-size:.75rem; }
+        .ding-payable-meta { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; margin-bottom:.5rem; color:var(--vip-content-muted,#595959); font-size:.75rem; }
+        .ding-payable-page .ding-payable-table-wrap { max-height:min(calc(100vh - 16.5rem), 46rem); }
         .ding-payable-table-wrap { overflow:auto; border:1px solid var(--vip-border,#D8D2C7); border-radius:.5rem; background:#fff; }
         .ding-payable-table { width:100%; min-width:125rem; border-collapse:separate; border-spacing:0; font-size:.75rem; }
         .ding-payable-table th,.ding-payable-table td { padding:.55rem .65rem; border-right:1px solid var(--vip-border,#D8D2C7); border-bottom:1px solid var(--vip-border,#D8D2C7); white-space:nowrap; vertical-align:top; }
@@ -42,7 +44,7 @@
         .ding-payable-detail summary { cursor:pointer; color:var(--vip-content-accent-dark,#856632); }
         .ding-payable-detail pre { max-width:36rem; max-height:18rem; overflow:auto; margin:.5rem 0 0; padding:.65rem; border:1px solid var(--vip-border,#D8D2C7); background:#faf9f6; white-space:pre-wrap; word-break:break-word; font:inherit; }
         .ding-payable-empty { padding:4rem 1rem; text-align:center; color:var(--vip-content-muted,#595959); }
-        .ding-payable-pagination { display:flex; justify-content:space-between; padding:.75rem 1rem; color:var(--vip-content-muted,#595959); }
+        .ding-payable-pagination { display:flex; justify-content:space-between; padding:.5rem 1rem; color:var(--vip-content-muted,#595959); }
         .ding-payable-pagination a { color:var(--vip-content-accent-dark,#856632); margin-left:.75rem; }
     </style>