.ff-shell{box-sizing:border-box;display:grid;gap:16px;min-width:0;max-width:100%;overflow-x:hidden}.ff-shell *{box-sizing:border-box}.ff-hero{display:flex;min-width:0;max-width:100%;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px;border:1px solid #233f5d;border-radius:16px;background:linear-gradient(135deg,#0e2945,#153c5e);color:#fff;overflow:hidden}.ff-hero>div{min-width:0}.ff-hero h2{margin:0 0 8px}.ff-hero p{max-width:800px;margin:0;color:#c9d9e8;overflow-wrap:anywhere}.ff-hero .button{flex:0 0 auto}.ff-tabs{display:flex;min-width:0;max-width:100%;gap:8px;overflow:auto;padding-bottom:2px}.ff-tabs button{flex:0 0 auto;padding:9px 15px;border:1px solid #cddbea;border-radius:999px;background:#fff;color:#24415d;font-weight:700}.ff-tabs button.active{border-color:#147b6c;background:#147b6c;color:#fff}.ff-filter,#ffResults,.ff-summary,.ff-pager{min-width:0;max-width:100%}.ff-filter{padding:18px}.ff-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.ff-filter label{display:grid;min-width:0;gap:6px;color:#435970;font-size:12px;font-weight:750}.ff-filter input,.ff-filter select{box-sizing:border-box;min-width:0;max-width:100%;height:40px;padding:0 10px;border:1px solid #ccd9e7;border-radius:8px;background:#fff;color:#183047;font:inherit}.ff-filter input:focus,.ff-filter select:focus{outline:3px solid #1e8a782b;border-color:#1e8a78}.ff-filter-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}.ff-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#60758a;font-size:13px}.ff-table{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;border:1px solid #dce6ef;border-radius:13px;background:#fff;-webkit-overflow-scrolling:touch}.ff-table table{width:max-content;min-width:1320px;border-collapse:collapse}.ff-table th,.ff-table td{padding:11px 12px;border-bottom:1px solid #edf2f6;text-align:left;vertical-align:top}.ff-table th{position:sticky;top:0;z-index:1;background:#f4f8fb;color:#526980;font-size:11px;text-transform:uppercase}.ff-table td{color:#20384f;font-size:13px}.ff-table small{display:block;margin-top:4px;color:#7a8da0}.ff-money{font-variant-numeric:tabular-nums;white-space:nowrap}.ff-money.positive{color:#11765d}.ff-money.negative{color:#b5414c}.ff-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e8f0f6;color:#35546f;font-size:11px;font-weight:800}.ff-status.COMPLETED,.ff-status.SUCCESS,.ff-status.POSTED{background:#ddf4e8;color:#17643f}.ff-status.FAILED,.ff-status.REJECTED,.ff-status.MISMATCH{background:#ffe8e6;color:#9d352f}.ff-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px;color:#60758a;font-size:13px}.ff-pager div{display:flex;gap:8px}.ff-empty,.ff-error{padding:28px;text-align:center;color:#6c8093}.ff-error{color:#a43636}.ff-detail{width:min(960px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:0;border-radius:15px;color:#20384f;box-shadow:0 28px 80px #081b2c66}.ff-detail::backdrop{background:#071b2d99}.ff-detail header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid #e0e8ef;background:#fff}.ff-detail h3{margin:0}.ff-detail-close{width:36px;height:36px;border:0;border-radius:50%;background:#eaf0f5;color:#24415d;font-size:22px}.ff-detail-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px}.ff-detail-item{min-width:0;padding:12px;border:1px solid #e0e8ef;border-radius:10px;background:#f8fafc}.ff-detail-item span{display:block;margin-bottom:5px;color:#71859a;font-size:11px}.ff-detail-item b{overflow-wrap:anywhere;font-size:13px}.ff-detail-wide{grid-column:1/-1}.ff-components{width:100%;border-collapse:collapse}.ff-components td,.ff-components th{padding:8px;border-bottom:1px solid #e6edf3;text-align:left}@media(max-width:980px){.ff-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-detail-body{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.ff-hero,.ff-summary,.ff-pager{align-items:stretch;flex-direction:column}.ff-hero{padding:17px}.ff-hero .button{width:100%}.ff-filter-grid,.ff-detail-body{grid-template-columns:1fr}.ff-filter-actions{display:grid;grid-template-columns:1fr 1fr}.ff-filter-actions button{width:100%}.ff-table table{min-width:980px}.ff-detail-wide{grid-column:auto}}