#activityModal {--glass-bg: rgba(255,255,255,.09);--glass-border: rgba(255,255,255,.12);--glass-shadow: 0 25px 70px rgba(0,0,0,.55);--accent: #17a060;}#activityModal .modal-content {background: radial-gradient(120% 120% at top left, #070808 0%, transparent 40%), linear-gradient(145deg, #070808, #070808);border-radius: 22px;border: 1px solid rgba(255,255,255,.07);box-shadow: 0 60px 160px rgba(0,0,0,.85);overflow: hidden;}#activityModal .modal-header {background: linear-gradient(180deg, rgba(56,189,248,.12), transparent 65%), linear-gradient(135deg, #070808, #080808);border-bottom: 1px solid rgba(255,255,255,.08);padding-top: 40px !important;}#activityModal .progress-circle {padding: 6px;border-radius: 50%;box-shadow: 0 0 0 4px rgba(255,181,53,.25), 0 0 35px rgba(245,158,11,.55);transition: .35s;}#activityModal .progress-circle:hover {box-shadow: 0 0 0 6px rgba(245,158,11,.45), 0 0 55px rgba(255,181,53,.85);}#activityModal .modal-header .row {width: 100%;align-items: center;}#activityModal .modal-header .col-8.col-md-6 {position: relative;padding: 12px 16px;display: flex;flex-direction: column;justify-content: center;width: 45%;min-height: 74px;}#activityModal .modal-header .col-8.col-md-6::before {content: "";position: absolute;inset: 0;background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.03));backdrop-filter: blur(22px);border-radius: 22px;border: 1px solid var(--glass-border);box-shadow: var(--glass-shadow);z-index: 0;}#activityModal .modal-header .col-8.col-md-6 * {position: relative;z-index: 1;}#activityModal .modal-header h5 {font-size: 26px;font-weight: 900;background: linear-gradient(90deg, #e6f0ff, #f59e0b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: .4px;line-height: 1.2;margin-bottom: 2px;word-break: break-word;}#activityModal .modal-header small {font-size: 13px;font-weight: 500;color: rgba(255, 255, 255, 0.7);margin-bottom: 8px;}#activityModal .modal-header p {font-size: 13px;font-weight: 700;color: #e0f2fe;display: inline-flex;align-items: center;gap: 6px;padding: 6px 14px;background: linear-gradient(145deg, rgba(56,189,248,.25), rgba(56,189,248,.05));border-radius: 999px;border: 1px solid rgba(56,189,248,.45);box-shadow: 0 8px 24px rgba(56,189,248,.35);}#activityModal .stats-title {font-weight: 800;font-size: 14px;letter-spacing: 0.5px;}#activityModal .modal-body .row.text-center > .col {background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));margin: 6px;padding: 16px 10px;border-radius: 16px;border: 1px solid rgba(255,255,255,.08);transition: .3s ease;}#activityModal .modal-body .row.text-center > .col:hover {transform: translateY(-6px) scale(1.02);box-shadow: 0 20px 45px rgba(0,0,0,.55);}#activityModal .modal-body .row.text-center span, #activityModal .modal-body .row.text-center p {font-size: 19px;font-weight: 800;color: #fff;}#activityModal .table {color: #cbd5f5;}#activityModal .table thead th {background: rgba(255,255,255,.07);color: #fff;}#activityModal .table tbody tr {transition: .25s;}#activityModal .table tbody tr:hover {background: linear-gradient(90deg, rgba(56,189,248,.15), transparent);}#activityModal .table tbody td:last-child {color: #ffffff;font-weight: 800;}#activityModal .pagination .page-link {background: rgba(255,255,255,.06);border: none;color: #fff;border-radius: 12px;}#activityModal .pagination .page-item.active .page-link {background: linear-gradient(135deg, #17a060, #0ea5e9);}@media (min-width: 992px) {#activityModal .modal-dialog {max-width: 480px;width: 35%;}}@media (min-width: 1200px) {#activityModal .modal-dialog {max-width: 1000px;}}@media (max-width: 576px) {#activityModal .modal-dialog {margin: 10px auto;height: calc(100vh - 20px);}#activityModal .modal-content {max-height: 100%;display: flex;flex-direction: column;}#activityModal .modal-header .col-8.col-md-6 {padding: 8px 12px;width: 50%;}#activityModal .modal-header h5 {font-size: 20px;letter-spacing: .3px;}#activityModal .modal-header small {font-size: 11px;}#activityModal .modal-header p {font-size: 11px;padding: 4px 10px;}#activityModal .modal-body {flex: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;padding: 14px 14px 18px;}#activityModal .table-responsive {overflow-x: auto;width: 100%;}#activityModal .table {font-size: 12px;min-width: 100%;}#activityModal .table thead th {font-size: 11px;white-space: nowrap;}#activityModal .table tbody td {font-size: 12px;padding: 10px 8px;white-space: nowrap;}#activityModal .pagination {margin-top: 12px;margin-bottom: 8px;justify-content: center;gap: 6px;flex-wrap: wrap;}#activityModal .pagination .page-link {font-size: 12px;padding: 6px 10px;}}