.feed-page{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.feed-page .panel{padding:22px}.feed-page h2{font-size:17px;margin:0}.feed-page .panel-head{margin-bottom:18px;gap:14px;flex-wrap:wrap}.feed-page table{width:100%;border-collapse:collapse;font-size:12px}.feed-page th{background:#edf2fb;color:#61728d;font-size:11px;text-align:left;white-space:nowrap}.feed-page th,.feed-page td{padding:13px 12px;border-bottom:1px solid #e7edf5;vertical-align:middle}.feed-page tbody tr:nth-child(even){background:#f8fafd}.feed-page small{display:block;margin-top:5px;font-size:11px;color:#728198;max-width:350px;overflow-wrap:anywhere}.feed-page tr.feed-problem,.feed-page tr.feed-problem:nth-child(even){background:#fff0f0}.feed-page .feed-problem td{border-color:#f4d7d7}.feed-status{display:inline-block;padding:5px 9px;border-radius:6px;background:#edf0f5;color:#63748d;font-size:11px;font-weight:600}.feed-status.bad{background:#fbd7d7;color:#a82933}.feed-status.good{background:#e4f5ed;color:#197552}.feed-money,.feed-account{white-space:nowrap;font-variant-numeric:tabular-nums}.feed-page .feed-account{color:#243854}.feed-no{color:#8491a6;text-align:center;width:40px}.feed-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:#77869c}.feed-pagination nav{display:flex;gap:6px;flex-wrap:wrap}.feed-pagination a{padding:7px 11px;background:#f5f7fb;color:#61718b;border:1px solid #e1e7f1;margin:0;font-size:12px}.feed-pagination a.selected{background:#e9efff;color:#365bd3;border-color:#bacafa}.feed-help{font-size:12px;color:#74839a;line-height:1.7;margin:18px 0 0;padding:12px 14px;background:#f7f9fc;border-radius:8px}.feed-page .table-wrap{overflow:auto}@media(max-width:650px){.feed-page .panel{padding:16px}.feed-page table{min-width:700px}}

.feed-page #approved th,.feed-page #approved td,.feed-page #entries th,.feed-page #entries td{white-space:nowrap}.feed-page .feed-search{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:14px;background:#f7f9fc;border-radius:9px;margin:0 0 18px}.feed-page .feed-search label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:12px}.feed-page .feed-search input,.feed-page .feed-search select{margin:0;height:42px;min-width:220px}.feed-page .feed-search button,.feed-page .feed-search .button{height:42px;margin:0;font-size:12px}.feed-page #approved table{min-width:1450px}.feed-page #entries table{min-width:1050px}

.feed-page section[aria-busy=true] .table-wrap{opacity:.6}.feed-load-error{color:#b13333;font-size:12px;margin:12px 0}.feed-page .table-wrap{overflow-anchor:none}

.feed-page tr.feed-manual,.feed-page tr.feed-manual:nth-child(even){background:#f1edff}.feed-page .feed-manual td{border-color:#ded5f5}.feed-status.manual{background:#e2d6ff;color:#653ba5}

.feed-tabs{display:flex;gap:6px;padding:6px;margin:0 0 22px;background:#eaf0fa;border:1px solid #dce5f3;border-radius:12px;overflow:auto}
.feed-tabs a{display:block;flex:1;text-align:center;padding:13px 18px;margin:0;border:1px solid transparent;border-radius:9px;color:#64748b;font-size:13px;font-weight:650;white-space:nowrap;text-decoration:none}
.feed-tabs a[aria-selected="true"]{background:#fff;color:#3557db;border-color:#dfe7f5;box-shadow:0 2px 5px #2438540d}
.feed-tabs a:focus-visible{outline:2px solid #4b68ed;outline-offset:1px}
.feed-page [data-tab-panel][hidden]{display:none!important}
.feed-marker{font-size:11px;white-space:nowrap;user-select:all;color:#3e506b;background:#f1f4f9;padding:5px 7px;border-radius:5px}
@media(max-width:650px){.feed-tabs a{padding:11px 12px}.feed-tabs{margin-bottom:16px}}


.mutasi-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.mutasi-total{padding:14px 16px;border:1px solid #dce5f6;border-radius:12px;background:#f1f5ff;min-width:0}
.mutasi-total.sheet{background:#edf9f2;border-color:#ccebd9}.mutasi-total.diff{background:#f6f7fb}
.mutasi-total h3{font-size:12px;color:#53627a;margin:0 0 10px}.mutasi-total-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:6px 0}
.mutasi-total-line span{font-size:12px;color:#53627a}.mutasi-total-line strong{font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}.mutasi-total .negative{color:#c32c3b}
.mutasi-total small{display:block;font-size:11px;color:#68768d;margin-top:6px}
@media(max-width:700px){.mutasi-totals{gap:6px}.mutasi-total{padding:10px 8px}.mutasi-total-line{display:block}.mutasi-total-line strong{display:block;font-size:14px;white-space:normal;overflow-wrap:anywhere}}