.affiliate-container{background:#f5f9ff;flex-direction:column;min-height:630px;padding:30px;display:flex}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.header h2{color:#111;font-size:20px;font-weight:600}.header p{color:#777;font-size:13px}.refer-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:10px 16px;font-weight:500}.refer-btn:hover{background:#4338ca}.stats{background:0 0;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:20px;display:flex}.stats p{font-size:14px}.stats h3{margin-top:6px;font-size:24px;font-weight:700}.stats-box{border-radius:8px;justify-content:space-between;align-items:center;gap:25px;min-width:200px;padding:18px 24px;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.06)}.stats-box.partner{background:rgba(57,255,133,.69)}.stats-box.request{color:#fff;background:#5c4beb}.stats-box.earnings{color:#065f46;background:#d1fae5}.stats-box.month{color:#92400e;background:#fef3c7}.stats-box p{font-size:18px}.stats-box h3{margin:0;font-size:22px;font-weight:700}.table-container{scrollbar-width:thin;background:#fff;border:2px solid #e5e7eb;border-radius:8px;overflow-x:auto;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow-y:visible!important}.table-container table,.table-container td,.table-container th{overflow:visible!important}table{border-collapse:collapse;width:100%;min-width:600px}thead{background:#f3f4f6}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:14px}.no-items{text-align:center;color:#777;padding:20px}.status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.status.approved{color:#065f46;background:#d1fae5}.status.pending{color:#92400e;background:#fef3c7}.status.rejected{color:#991b1b;background:#fee2e2}.pagination{justify-content:center;gap:6px;margin-top:16px;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:4px 12px}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination .active{color:#fff;background:#4f46e5;font-weight:700}@media (max-width:1024px){.stats{gap:20px}}@media (max-width:768px){.header{flex-direction:column;align-items:flex-start;gap:6px}.stats{flex-direction:column;align-items:stretch;gap:16px}.stats h3{font-size:20px}.stats-box{min-width:140px;padding:14px 16px}.stats-box h3{font-size:18px}th,td{padding:10px 12px;font-size:13px}}@media (max-width:480px){.header h2{font-size:18px}.refer-btn{text-align:center;width:100%}.stats h3{font-size:18px}.pagination{gap:4px}.pagination button{padding:5px 10px;font-size:12px}}.filter-container{align-items:center;gap:10px;margin:12px 0 20px;display:flex}.filter-container label{color:#374151;font-size:14px;font-weight:600}.filter-container select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;font-size:14px;transition:all .2s}.filter-container select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px rgba(79,70,229,.2)}.filter-container select:hover{border-color:#9ca3af}