.spb-shell[data-v-28eb7572]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.spb-loading[data-v-28eb7572]{gap:8px;padding:16px;font-size:13px;color:#6b7280}.spb-loading[data-v-28eb7572],.spb-topbar[data-v-28eb7572]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.spb-topbar[data-v-28eb7572]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e9ecef;background:#fff;-ms-flex-negative:0;flex-shrink:0}.spb-title[data-v-28eb7572]{font-size:13.5px;font-weight:700;color:#1a2e44;letter-spacing:.01em}.spb-topbar-right[data-v-28eb7572]{gap:6px}.spb-close[data-v-28eb7572],.spb-topbar-right[data-v-28eb7572]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.spb-close[data-v-28eb7572]{width:28px;height:28px;border-radius:50%;border:none;background:#f1f3f5;color:#4a5568;font-size:13px;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background .15s ease,color .15s ease;transition:background .15s ease,color .15s ease;-ms-flex-negative:0;flex-shrink:0;line-height:1}.spb-close[data-v-28eb7572]:hover{background:#fee2e2;color:#dc2626}.spb-body[data-v-28eb7572]{padding:14px 16px 0;overflow-y:auto}.po-detail-table[data-v-f001dd40]{width:100%;border-collapse:collapse;font-size:13px}.po-detail-table thead tr[data-v-f001dd40]{background:#321fdb;color:#fff}.po-detail-table thead th[data-v-f001dd40]{padding:10px 12px;font-weight:700;font-size:11px;letter-spacing:.6px;text-transform:uppercase;border:none}.po-detail-table tbody tr[data-v-f001dd40]{border-bottom:1px solid #f0f0f0;-webkit-transition:background .15s;transition:background .15s}.po-detail-table tbody tr[data-v-f001dd40]:hover{background:#f5f6ff}.po-detail-table tbody td[data-v-f001dd40]{padding:9px 12px;color:#2d2d2d;vertical-align:middle}.po-detail-table tfoot tr[data-v-f001dd40]{background:#f8f9fa;border-top:2px solid #dee2e6}.po-detail-table tfoot td[data-v-f001dd40]{padding:10px 12px;font-size:13px}.po-card[data-v-e0077ca8]{border:1px solid #e4e7ed;border-radius:10px;overflow:hidden;background:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.07);box-shadow:0 2px 8px rgba(0,0,0,.07)}.po-card-strip[data-v-e0077ca8]{background:#321fdb;padding:14px 18px}.po-card-icon[data-v-e0077ca8]{width:42px;height:42px;background:hsla(0,0%,100%,.18);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;-ms-flex-negative:0;flex-shrink:0}.po-card-po-number[data-v-e0077ca8]{font-size:17px;font-weight:700;color:#fff;line-height:1.2}.po-card-vendor[data-v-e0077ca8]{font-size:12px;color:hsla(0,0%,100%,.72);margin-top:2px}.po-card-badge[data-v-e0077ca8]{font-size:11px;padding:5px 12px;border-radius:20px}.po-card-body[data-v-e0077ca8]{padding:14px 18px 10px}.po-grid[data-v-e0077ca8]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 8px}.po-grid-item[data-v-e0077ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.po-grid-label[data-v-e0077ca8]{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#8a93a2}.po-grid-val[data-v-e0077ca8]{font-size:13px;font-weight:600;color:#1f2937;margin-top:2px}.po-grid-amount[data-v-e0077ca8]{color:#2eb85c;font-size:15px}.po-remarks[data-v-e0077ca8]{margin-top:10px;font-size:12px;color:#6c757d;border-top:1px dashed #eee;padding-top:8px}.po-card-footer[data-v-e0077ca8]{background:#f8f9fb;border-top:1px solid #edf0f4;padding:10px 18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px}