:root{--dashboard-header-height:3.5rem;--dashboard-top-offset:4.875rem;--dashboard-content-padding:1rem;--dashboard-content-box-padding:1rem;--dashboard-sidebar-width:240px;--dashboard-gap:1rem;--dashboard-bottom-margin:1rem;--dashboard-z-header:50;--dashboard-z-sidebar:30;--dashboard-z-content:10;--dashboard-z-overlay:20;--dashboard-border-radius:1rem;--dashboard-border-radius-lg:1.5rem;--dashboard-border-radius-sm:.5rem;--dashboard-font-size-xs:.75rem;--dashboard-font-size-sm:.875rem;--dashboard-font-size-base:1rem;--dashboard-font-size-lg:1.125rem;--dashboard-font-size-xl:1.25rem;--dashboard-font-size-2xl:1.5rem;--dashboard-space-1:.25rem;--dashboard-space-2:.5rem;--dashboard-space-3:.75rem;--dashboard-space-4:1rem;--dashboard-space-5:1.25rem;--dashboard-space-6:1.5rem;--dashboard-space-8:2rem;--dashboard-space-10:2.5rem;--dashboard-space-12:3rem;--dashboard-transition-fast:.15s;--dashboard-transition-normal:.3s;--dashboard-transition-slow:.5s}@media (min-width:640px){:root{--dashboard-content-padding:1.5rem;--dashboard-gap:1.5rem}}@media (min-width:1024px){:root{--dashboard-content-padding:2rem;--dashboard-gap:2rem}}@media (min-width:1280px){:root{--dashboard-sidebar-width:280px}}
:root{--dashboard-bg-page-light:#c4c6c9;--dashboard-bg-page-dark:#1a0b3e;--dashboard-bg-content-light:#e2e4e6;--dashboard-bg-content-dark:#2f1b6e;--dashboard-bg-active-light:#a4c7eb;--dashboard-bg-active-dark:#aa02bd;--dashboard-bg-hover-light:#f3f4f6;--dashboard-bg-hover-dark:#4f3b8e;--dashboard-bg-accent-light:#8b5cf61a;--dashboard-bg-accent-dark:#8b5cf633;--dashboard-bg-success-light:#10b9811a;--dashboard-bg-success-dark:#10b98133;--dashboard-bg-warning-light:#f59e0b1a;--dashboard-bg-warning-dark:#f59e0b33;--dashboard-bg-error-light:#ef44441a;--dashboard-bg-error-dark:#ef444433;--dashboard-bg-info-light:#3b82f61a;--dashboard-bg-info-dark:#3b82f633;--dashboard-border-primary:#8b5cf6;--dashboard-border-secondary:#3a4aa3;--dashboard-border-header:#3a4aa3;--dashboard-border-light:#8b5cf64d;--dashboard-border-success:#10b981;--dashboard-border-warning:#f59e0b;--dashboard-border-error:#ef4444;--dashboard-border-info:#3b82f6;--dashboard-text-primary-light:#374151;--dashboard-text-primary-dark:#e5e7eb;--dashboard-text-secondary-light:#6b7280;--dashboard-text-secondary-dark:#9ca3af;--dashboard-text-accent-light:#8b5cf6;--dashboard-text-accent-dark:#a78bfa;--dashboard-text-success:#10b981;--dashboard-text-warning:#f59e0b;--dashboard-text-error:#ef4444;--dashboard-text-info:#3b82f6;--dashboard-shadow-default:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--dashboard-shadow-hover:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--dashboard-shadow-inner:inset 0 0 12px #8b5cf633;--dashboard-shadow-inner-hover:inset 0 0 16px #8b5cf64d;--dashboard-shadow-sm:0 1px 2px 0 #0000000d;--dashboard-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--dashboard-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--dashboard-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--dashboard-shadow-2xl:0 25px 50px -12px #00000040;--dashboard-focus-ring:0 0 0 3px #8b5cf680;--dashboard-focus-ring-success:0 0 0 3px #10b98180;--dashboard-focus-ring-warning:0 0 0 3px #ea580c80;--dashboard-focus-ring-error:0 0 0 3px #ef444480;--dashboard-focus-ring-info:0 0 0 3px #3b82f680}.light-mode{--dashboard-bg-page:var(--dashboard-bg-page-light);--dashboard-bg-content:var(--dashboard-bg-content-light);--dashboard-bg-active:var(--dashboard-bg-active-light);--dashboard-bg-hover:var(--dashboard-bg-hover-light);--dashboard-bg-accent:var(--dashboard-bg-accent-light);--dashboard-bg-success:var(--dashboard-bg-success-light);--dashboard-bg-warning:var(--dashboard-bg-warning-light);--dashboard-bg-error:var(--dashboard-bg-error-light);--dashboard-bg-info:var(--dashboard-bg-info-light);--dashboard-text-primary:var(--dashboard-text-primary-light);--dashboard-text-secondary:var(--dashboard-text-secondary-light);--dashboard-text-accent:var(--dashboard-text-accent-light);--dashboard-text-warning:#111827}.dark-mode,.dark{--dashboard-bg-page:var(--dashboard-bg-page-dark);--dashboard-bg-content:var(--dashboard-bg-content-dark);--dashboard-bg-active:var(--dashboard-bg-active-dark);--dashboard-bg-hover:var(--dashboard-bg-hover-dark);--dashboard-bg-accent:var(--dashboard-bg-accent-dark);--dashboard-bg-success:var(--dashboard-bg-success-dark);--dashboard-bg-warning:var(--dashboard-bg-warning-dark);--dashboard-bg-error:var(--dashboard-bg-error-dark);--dashboard-bg-info:var(--dashboard-bg-info-dark);--dashboard-text-primary:var(--dashboard-text-primary-dark);--dashboard-text-secondary:var(--dashboard-text-secondary-dark);--dashboard-text-accent:var(--dashboard-text-accent-dark)}:root:not(.dark-mode):not(.dark){--dashboard-bg-page:var(--dashboard-bg-page-light);--dashboard-bg-content:var(--dashboard-bg-content-light);--dashboard-bg-active:var(--dashboard-bg-active-light);--dashboard-bg-hover:var(--dashboard-bg-hover-light);--dashboard-bg-accent:var(--dashboard-bg-accent-light);--dashboard-bg-success:var(--dashboard-bg-success-light);--dashboard-bg-warning:var(--dashboard-bg-warning-light);--dashboard-bg-error:var(--dashboard-bg-error-light);--dashboard-bg-info:var(--dashboard-bg-info-light);--dashboard-text-primary:var(--dashboard-text-primary-light);--dashboard-text-secondary:var(--dashboard-text-secondary-light);--dashboard-text-accent:var(--dashboard-text-accent-light);--dashboard-text-warning:#111827}
.referral-dashboard{flex-direction:column;gap:1.5rem;display:flex}.referral-dashboard__header{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}@media (min-width:768px){.referral-dashboard__header{flex-direction:row;align-items:center}.referral-dashboard__header-content{flex:1}.referral-dashboard__illustration-container{flex:1;justify-content:center;display:flex}}.referral-dashboard__title{color:var(--dashboard-text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.referral-dashboard__subtitle{color:var(--dashboard-text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.referral-dashboard__illustration{-o-object-fit:contain;object-fit:contain;max-width:100%;height:auto;animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.referral-dashboard__link-section{margin-top:1rem;margin-bottom:2rem}.referral-dashboard__link-title{color:var(--dashboard-text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.referral-dashboard__link-container{gap:.5rem;margin-bottom:1rem;display:flex}.referral-dashboard__link-input{border-radius:var(--dashboard-border-radius-sm);color:var(--dashboard-text-primary);background-color:#8b5cf60d;border:2px solid #8b5cf64d;flex:1;padding:.75rem 1rem;font-size:.875rem}.referral-dashboard__copy-button{background-color:var(--dashboard-text-accent);color:#fff;border-radius:var(--dashboard-border-radius-sm);white-space:nowrap;padding:.75rem 1.5rem;font-weight:500;transition:background-color .2s,transform .2s}.referral-dashboard__copy-button:hover{background-color:#8b5cf6cc;transform:translateY(-2px)}.referral-dashboard__social-buttons{gap:.5rem;margin-top:1rem;display:flex}.referral-dashboard__social-button{width:2rem;height:2rem;color:var(--dashboard-text-accent);background-color:#8b5cf61a;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,transform .2s;display:flex}.referral-dashboard__social-button:hover{background-color:#8b5cf633;transform:translateY(-2px)}.referral-dashboard__activity{margin-top:2rem}.referral-dashboard__stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:1rem;margin-bottom:1.5rem;display:grid}.referral-dashboard__stat-card{border-radius:var(--dashboard-border-radius);text-align:center;background-color:#8b5cf61a;padding:1.25rem;transition:transform .2s}.referral-dashboard__stat-card:hover{background-color:#8b5cf626;transform:translateY(-2px)}.referral-dashboard__stat-value{color:var(--dashboard-text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.referral-dashboard__stat-label{color:var(--dashboard-text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:500}.referral-dashboard__table{border-collapse:separate;border-spacing:0;width:100%;margin-top:1rem}.referral-dashboard__table th{text-transform:uppercase;text-align:left;color:var(--dashboard-text-primary);background-color:#8b5cf61a;padding:.75rem 1.5rem;font-size:.75rem;font-weight:600}.referral-dashboard__table td{color:var(--dashboard-text-primary);border-bottom:1px solid #8b5cf61a;padding:1rem 1.5rem;font-size:.875rem}.referral-dashboard__table tbody tr:hover{background-color:#8b5cf60d}.referral-dashboard__terms{border-radius:var(--dashboard-border-radius);border-left:4px solid var(--dashboard-text-accent);background-color:#8b5cf60d;margin-top:2rem;padding:1.5rem}.referral-dashboard__terms-title{color:var(--dashboard-text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.referral-dashboard__terms-list{margin-top:1rem;padding-left:1.5rem;list-style-type:decimal}.referral-dashboard__terms-item{color:var(--dashboard-text-secondary);margin-bottom:.75rem;font-size:.875rem;line-height:1.5}@media (max-width:768px){.referral-dashboard__link-container{flex-direction:column}.referral-dashboard__stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.referral-dashboard__table th,.referral-dashboard__table td{padding:.75rem .5rem}.referral-dashboard__table th:nth-child(4),.referral-dashboard__table td:nth-child(4){display:none}}