.member-report-page{display:grid;gap:16px;max-width:1400px;margin:0 auto}.member-report-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.member-report-heading>div:first-child>span{color:#9828c8;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.member-report-heading h1{margin:3px 0;font-size:24px;line-height:1.25;color:#1e1731}.member-report-heading p{color:#716b80;font-size:12.5px}.member-report-id{padding:7px 12px;border:1px solid #e4d9ea;border-radius:99px;background:#fff;color:#76219a;font-size:11px;font-weight:800}.member-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.member-metric-grid article{position:relative;overflow:hidden;padding:14px;border:1px solid #e8e1ec;border-radius:12px;background:#fff}.member-metric-grid article:after{content:"";position:absolute;right:-18px;bottom:-22px;width:62px;height:62px;border-radius:50%;background:#f8effc}.member-metric-grid span,.member-metric-grid strong,.member-metric-grid small{position:relative;z-index:1;display:block}.member-metric-grid span{color:#7b7282;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.member-metric-grid strong{margin:5px 0 2px;color:#2d2533;font-size:17px}.member-metric-grid small{color:#8b8291;font-size:9.5px}.member-report-shell{overflow:hidden;border:1px solid #e7e0eb;border-radius:14px;background:#fff;box-shadow:0 4px 22px rgba(43,29,55,.035)}.member-report-tabs{display:flex;gap:2px;padding:7px 8px 0;border-bottom:1px solid #e9e3ed;background:#faf9fc;overflow-x:auto}.member-report-tabs button{display:flex;align-items:center;gap:6px;min-width:max-content;padding:9px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#756b7d;font-size:11.5px;font-weight:700;cursor:pointer}.member-report-tabs button.active{border-color:#9828c8;background:#fff;color:#8b24b5}.member-report-filter{display:flex;align-items:end;gap:8px;padding:11px 13px;border-bottom:1px solid #eee8f1;flex-wrap:wrap}.member-report-filter>div:not(.member-filter-actions){display:grid;gap:4px;min-width:130px}.member-report-filter label:not(.member-batch-check){color:#7b7282;font-size:9px;font-weight:800;text-transform:uppercase}.member-report-filter select,.member-report-filter input{box-sizing:border-box;height:35px;padding:0 9px;border:1px solid #ddd5e2;border-radius:7px;background:#fcfbfd;color:#3b3341;font-size:11.5px}.member-report-filter select:focus,.member-report-filter input:focus{outline:0;border-color:#9828c8;box-shadow:0 0 0 3px rgba(152,40,200,.08)}.member-batch-check{display:flex;align-items:center;gap:6px;height:35px;padding:0 10px;border:1px solid #e1dae6;border-radius:7px;color:#6e6475;font-size:10.5px;font-weight:650}.member-batch-check input{height:auto;accent-color:#9828c8}.member-filter-actions{display:flex;gap:6px}.member-filter-actions button,.member-report-state button{height:35px;padding:0 12px;border:1px solid #ded5e3;border-radius:7px;background:#fff;color:#6e6475;font-size:10.5px;font-weight:750;cursor:pointer}.member-filter-actions button:first-child{border:0;background:linear-gradient(135deg,#6d28d9,#9828c8);color:#fff}.member-report-table-scroll{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.member-report-table-scroll table{width:100%;min-width:1000px;border-collapse:collapse}.member-report-table-scroll th{padding:9px 12px;border-bottom:1px solid #e7e0eb;background:#f8f6fa;color:#7c7384;font-size:9px;font-weight:800;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}.member-report-table-scroll td{padding:10px 12px;border-bottom:1px solid #eee9f1;color:#3a323f;font-size:11.5px;white-space:nowrap}.member-report-table-scroll tbody tr:hover{background:#fcfafe}.member-report-table-scroll tbody tr:last-child td{border-bottom:0}.member-report-table-scroll td small{display:block;margin-top:2px;color:#8a818f;font-size:9.5px}.member-report-table-scroll .credit{color:#13734a;font-weight:750}.member-report-table-scroll .debit{color:#b02b45;font-weight:750}.member-side,.member-status{display:inline-flex;padding:3px 8px;border-radius:99px;font-size:9px;font-weight:750}.member-side.p{background:#eeeaf8;color:#5f45a3}.member-side.l{background:#e9f7ef;color:#167048}.member-side.r{background:#e8f3fb;color:#256995}.member-status{background:#fff3dc;color:#916015}.member-report-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:175px;padding:25px;color:#7f7686;font-size:11.5px;text-align:center}.member-report-state>span{width:26px;height:26px;border:3px solid #eadfee;border-top-color:#9828c8;border-radius:50%;animation:memberReportSpin .75s linear infinite}.member-report-state b{color:#403746;font-size:14px}.member-report-state p{margin:0}.member-report-state.error{color:#aa2943}.member-report-pages{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-top:1px solid #ebe5ee;color:#776e7e;font-size:10.5px}.member-report-pages>div{display:flex;align-items:center;gap:9px}.member-report-pages button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #ddd5e2;border-radius:7px;background:#fff;color:#79209e;font-size:18px}.member-report-pages button:disabled{opacity:.35}@keyframes memberReportSpin{to{transform:rotate(360deg)}}
@media(max-width:1200px){.member-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.member-report-heading p{display:none}.member-report-heading h1{font-size:21px}.member-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.member-metric-grid article{padding:12px}.member-metric-grid strong{font-size:15px}.member-report-filter{display:grid;grid-template-columns:1fr 1fr;padding:10px}.member-report-filter>div:not(.member-filter-actions){min-width:0}.member-batch-check,.member-filter-actions{grid-column:1/-1}.member-filter-actions button{flex:1}.member-report-table-scroll{overflow-x:auto!important}.member-report-pages{align-items:flex-start;flex-direction:column;gap:9px}.member-report-pages>div{width:100%;justify-content:space-between}}