.referral-commission-dashboard[data-v-7086ece0]{padding:24px;background-color:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header[data-v-7086ece0]{margin-bottom:32px}.stats-cards[data-v-7086ece0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:16px}.stat-card[data-v-7086ece0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:16px;-webkit-box-shadow:0 4px 20px rgba(102,126,234,.25);box-shadow:0 4px 20px rgba(102,126,234,.25);-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease}.stat-card[data-v-7086ece0]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 30px rgba(102,126,234,.35);box-shadow:0 8px 30px rgba(102,126,234,.35)}.stat-card h3[data-v-7086ece0]{margin:0 0 8px 0;font-size:14px;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.stat-value[data-v-7086ece0]{margin:0;font-size:32px;font-weight:700;line-height:1.2}.monthly-totals[data-v-7086ece0]{background:#fff;border-radius:12px;padding:20px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.08);box-shadow:0 2px 10px rgba(0,0,0,.08)}.monthly-totals h4[data-v-7086ece0]{margin:0 0 16px 0;color:#374151;font-weight:600;font-size:16px}.monthly-totals-grid[data-v-7086ece0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.monthly-total-card[data-v-7086ece0]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;text-align:center;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease}.monthly-total-card.has-commission[data-v-7086ece0]{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#10b981;-webkit-box-shadow:0 2px 8px rgba(16,185,129,.1);box-shadow:0 2px 8px rgba(16,185,129,.1)}.monthly-total-card[data-v-7086ece0]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.month-name[data-v-7086ece0]{font-size:13px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.monthly-total-card.has-commission .month-name[data-v-7086ece0]{color:#059669}.month-total[data-v-7086ece0]{font-size:16px;font-weight:600;color:#1f2937}.monthly-total-card.has-commission .month-total[data-v-7086ece0]{color:#059669}.month-indicator[data-v-7086ece0]{position:absolute;top:6px;right:8px;color:#10b981;font-size:12px;opacity:.8}.filters-section[data-v-7086ece0]{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.08);box-shadow:0 2px 10px rgba(0,0,0,.08)}.filter-row[data-v-7086ece0]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-ms-flex-wrap:wrap;flex-wrap:wrap}.filter-group[data-v-7086ece0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:160px}.filter-group label[data-v-7086ece0]{font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.filter-group select[data-v-7086ece0]{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;-webkit-transition:border-color .2s ease;transition:border-color .2s ease}.filter-group select[data-v-7086ece0]:focus{outline:none;border-color:#667eea;-webkit-box-shadow:0 0 0 3px rgba(102,126,234,.1);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.refresh-btn[data-v-7086ece0]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.refresh-btn[data-v-7086ece0]:hover:not(:disabled){-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(16,185,129,.3);box-shadow:0 4px 12px rgba(16,185,129,.3)}.refresh-btn[data-v-7086ece0]:disabled{opacity:.6;cursor:not-allowed}.error-state[data-v-7086ece0],.loading-state[data-v-7086ece0]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;margin:24px 0}.error-state[data-v-7086ece0]{color:#ef4444}.retry-btn[data-v-7086ece0]{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:8px;margin-top:16px;cursor:pointer;-webkit-transition:background .2s ease;transition:background .2s ease}.retry-btn[data-v-7086ece0]:hover{background:#dc2626}.commissions-table-container[data-v-7086ece0]{background:#fff;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.08);box-shadow:0 2px 10px rgba(0,0,0,.08)}.commissions-table[data-v-7086ece0]{width:100%;border-collapse:collapse}.commissions-table thead[data-v-7086ece0]{background:#f9fafb}.commissions-table th[data-v-7086ece0]{padding:16px;text-align:left;font-weight:600;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.commissions-table td[data-v-7086ece0]{padding:16px;border-bottom:1px solid #f3f4f6;color:#1f2937}.commissions-table tbody tr[data-v-7086ece0]:hover{background:#f9fafb}.commission-amount[data-v-7086ece0]{font-weight:600;color:#059669}.commission-type[data-v-7086ece0]{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;text-transform:uppercase}.commission-type.withdrawal-fee[data-v-7086ece0]{background:#fef3c7;color:#92400e}.commission-type.deposit-fee[data-v-7086ece0]{background:#dbeafe;color:#1e40af}.status-badge[data-v-7086ece0]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.status-paid[data-v-7086ece0]{background:#d1fae5;color:#065f46}.status-badge.status-pending[data-v-7086ece0]{background:#fef3c7;color:#92400e}.status-badge.status-cancelled[data-v-7086ece0]{background:#fee2e2;color:#991b1b}.action-btn[data-v-7086ece0]{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.view-btn[data-v-7086ece0]{background:#667eea;color:#fff}.view-btn[data-v-7086ece0]:hover{background:#5a67d8;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.pagination[data-v-7086ece0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:20px;background:#fff}.pagination-btn[data-v-7086ece0]{padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.pagination-btn[data-v-7086ece0]:hover:not(:disabled){background:#f3f4f6;border-color:#667eea}.pagination-btn[data-v-7086ece0]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-7086ece0]{font-size:14px;color:#6b7280;font-weight:500}.no-commissions[data-v-7086ece0]{text-align:center;padding:60px 20px;color:#6b7280;background:#fff;border-radius:12px}.modal-overlay[data-v-7086ece0]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000;backdrop-filter:blur(4px)}.modal-content[data-v-7086ece0]{background:#fff;border-radius:16px;max-width:600px;width:90%;max-height:80vh;overflow:hidden;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.3);box-shadow:0 20px 60px rgba(0,0,0,.3);-webkit-animation:modalSlideIn-7086ece0 .3s ease-out;animation:modalSlideIn-7086ece0 .3s ease-out}@-webkit-keyframes modalSlideIn-7086ece0{0%{opacity:0;-webkit-transform:translateY(-20px) scale(.95);transform:translateY(-20px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes modalSlideIn-7086ece0{0%{opacity:0;-webkit-transform:translateY(-20px) scale(.95);transform:translateY(-20px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.modal-header[data-v-7086ece0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-header h3[data-v-7086ece0]{margin:0;color:#1f2937;font-weight:600}.close-btn[data-v-7086ece0]{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;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;border-radius:6px;-webkit-transition:all .2s ease;transition:all .2s ease}.close-btn[data-v-7086ece0]:hover{background:#e5e7eb;color:#374151}.modal-body[data-v-7086ece0]{padding:24px;overflow-y:auto}.detail-row[data-v-7086ece0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.detail-row[data-v-7086ece0]:last-child{border-bottom:none}.detail-label[data-v-7086ece0]{font-weight:500;color:#6b7280;-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%}.detail-value[data-v-7086ece0]{color:#1f2937;font-weight:500;text-align:right}.commission-highlight[data-v-7086ece0]{color:#059669!important;font-size:18px;font-weight:600}@media (max-width:768px){.referral-commission-dashboard[data-v-7086ece0]{padding:16px}.stats-cards[data-v-7086ece0]{grid-template-columns:1fr}.monthly-totals-grid[data-v-7086ece0]{grid-template-columns:repeat(3,1fr);gap:8px}.monthly-total-card[data-v-7086ece0]{padding:8px}.month-name[data-v-7086ece0]{font-size:11px}.month-total[data-v-7086ece0]{font-size:14px}.filter-row[data-v-7086ece0]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.commissions-table-container[data-v-7086ece0]{overflow-x:auto}.commissions-table[data-v-7086ece0]{min-width:800px}.modal-content[data-v-7086ece0]{margin:20px;width:calc(100% - 40px)}}@media (max-width:480px){.monthly-totals-grid[data-v-7086ece0]{grid-template-columns:repeat(2,1fr)}}.referral-commission-dashboard [data-v-7086ece0]{-webkit-transition:all .2s ease;transition:all .2s ease}[data-v-7086ece0]::-webkit-scrollbar{width:8px}[data-v-7086ece0]::-webkit-scrollbar-track{background:#f1f5f9}[data-v-7086ece0]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-v-7086ece0]::-webkit-scrollbar-thumb:hover{background:#94a3b8}