.of-referral-page{z-index:2;width:100%;max-width:980px;margin:0 auto;padding:24px 16px 120px;position:relative}.of-referral-card{background:var(--of-cream);border:var(--of-border);box-shadow:var(--of-shadow-md);border-radius:22px;padding:24px 20px}.of-referral-hero{background:var(--of-yellow);border:var(--of-border);min-height:123px;box-shadow:var(--of-shadow-sm);border-radius:20px;flex-wrap:wrap;justify-content:space-between;padding:20px 18px;display:flex;position:relative;overflow:hidden}.of-referral-hero-title{font-family:var(--of-font-display);color:var(--of-ink);max-width:20em;font-size:max(18px,min(3vw,28px));font-weight:800;line-height:1.15}.of-referral-hero-subtitle{color:var(--of-muted-warm);max-width:24em;font-size:13px;font-weight:700;line-height:1.45}.of-referral-panel{background:var(--of-cream);border:var(--of-border);box-shadow:var(--of-shadow-sm);border-radius:20px;flex-wrap:wrap;gap:32px;margin-top:28px;padding:22px 18px;display:flex}.of-referral-split{background:rgba(20,20,20,.12);width:100%;height:1px}@media (min-width:1280px){.of-referral-split{align-self:stretch;width:1px;height:auto}}.of-referral-reward-bar{border:var(--of-border);background:var(--of-magenta);box-shadow:var(--of-shadow-sm);color:var(--of-cream);border-radius:16px;gap:16px;padding:16px 18px;font-weight:800;display:flex}.of-referral-reward-bar>div{flex:1;align-items:center;gap:12px;font-size:15px;display:flex}.of-referral-reward-bar>div+div{border-left:2px solid rgba(255,248,238,.35);padding-left:16px}.of-referral-reward-bar strong{font-family:var(--of-font-display);font-size:22px}.of-referral-label{color:var(--of-ink);margin-bottom:12px;font-size:14px;font-weight:800;display:block}.of-referral-input-wrap{flex:1;min-width:220px;max-width:420px;position:relative}.of-referral-input{background:var(--of-cream);border:var(--of-border);width:100%;height:52px;color:var(--of-ink);border-radius:14px;padding:0 48px 0 14px;font-size:14px;font-weight:600}.of-referral-input:focus{outline:3px solid var(--of-yellow);outline-offset:1px}.of-referral-input-wrap .of-referral-copy-btn{cursor:pointer;background:0 0;border:none;padding:0;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.of-referral-action-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.of-referral-btn{border:var(--of-border);min-height:42px;box-shadow:var(--of-shadow-sm);font-family:var(--of-font-display);cursor:pointer;transition:transform var(--of-ease), box-shadow var(--of-ease);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:800;display:inline-flex}.of-referral-btn:hover:not(:disabled){box-shadow:4px 4px 0 var(--of-ink);transform:translate(-2px,-2px)}.of-referral-btn:disabled{opacity:.55;cursor:not-allowed}.of-referral-btn-primary{background:var(--of-yellow);color:var(--of-ink)}.of-referral-btn-outline{background:var(--of-cream);color:var(--of-magenta)}.of-referral-btn-outline:hover:not(:disabled){background:var(--of-magenta);color:var(--of-cream)}.of-referral-progress-ring text{font-family:var(--of-font-display)}.of-referral-stat-grid{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.of-referral-stat-box{background:var(--of-cream);border:var(--of-border);min-height:96px;box-shadow:var(--of-shadow-sm);border-radius:16px;flex-direction:column;flex:180px;justify-content:space-between;padding:16px;display:flex}.of-referral-stat-label{color:var(--of-ink);font-size:15px;font-weight:800}.of-referral-stat-value{font-family:var(--of-font-display);color:var(--of-ink);font-size:20px;font-weight:800}.of-referral-tooltip{z-index:20;background:var(--of-ink);border:1px solid var(--of-ink);width:min(351px,90vw);color:var(--of-cream);box-shadow:var(--of-shadow-md);border-radius:12px;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.45;position:absolute}.of-referral-activity{background:var(--of-cream);border:var(--of-border);box-shadow:var(--of-shadow-sm);border-radius:20px;margin-top:28px;overflow:hidden}.of-referral-activity-header{border-bottom:2.5px solid rgba(20,20,20,.1);padding:18px 20px}.of-referral-activity-title{font-family:var(--of-font-display);color:var(--of-ink);font-size:18px;font-weight:800}.of-referral-summary-grid{background:rgba(255,224,102,.25);border-bottom:2.5px solid rgba(20,20,20,.1);grid-template-columns:1fr;gap:12px;padding:16px 20px;display:grid}@media (min-width:744px){.of-referral-summary-grid{grid-template-columns:repeat(3,1fr)}}.of-referral-summary-item{background:var(--of-cream);border:var(--of-border);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.of-referral-table-head,.of-referral-table-row{border-top:2px solid rgba(20,20,20,.08);align-items:center;gap:8px;width:100%;padding:12px 20px;display:flex}.of-referral-table-head{color:var(--of-muted-warm);font-size:12px;font-weight:800;display:none}@media (min-width:744px){.of-referral-table-head{display:flex}}.of-referral-table-row{color:var(--of-ink);flex-wrap:wrap;font-size:13px;font-weight:700}.of-referral-badge{border:1px solid var(--of-ink);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.of-referral-badge-success{background:var(--of-mint)}.of-referral-badge-warning{background:var(--of-yellow)}.of-referral-badge-info{background:rgba(255,143,188,.35)}.of-referral-badge-pending{background:var(--of-cream)}.of-referral-badge-danger{background:var(--of-magenta);color:var(--of-cream)}.of-referral-toast{z-index:99999;border:var(--of-border);box-shadow:var(--of-shadow-md);border-radius:14px;max-width:calc(100vw - 32px);padding:12px 18px;font-size:14px;font-weight:800;position:fixed;top:20px;left:50%;transform:translate(-50%)}.of-referral-toast-success{background:var(--of-ink);color:var(--of-yellow)}.of-referral-toast-error{background:var(--of-magenta);color:var(--of-cream)}.of-referral-toast-info{background:var(--of-yellow);color:var(--of-ink)}.of-referral-overlay{z-index:9999;background:rgba(20,20,20,.55);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.of-referral-modal{background:var(--of-cream);border:var(--of-border);width:100%;max-width:440px;box-shadow:var(--of-shadow-lg);border-radius:24px;padding:24px}.of-referral-modal-title{font-family:var(--of-font-display);color:var(--of-ink);margin:0 0 16px;font-size:20px;font-weight:800}.of-referral-modal-label{color:var(--of-ink);margin-bottom:8px;font-size:13px;font-weight:800;display:block}.of-referral-modal-actions{gap:10px;margin-top:20px;display:flex}.of-referral-modal-actions .of-btn{flex:1;justify-content:center;padding:11px 16px;font-size:15px}.of-referral-legend-dot{border:1px solid var(--of-ink);background:var(--of-mint);border-radius:50%;flex-shrink:0;width:14px;height:14px}@media (max-width:560px){.of-referral-page{padding:16px 16px 120px}.of-referral-card{padding:18px 14px}}
/*# sourceMappingURL=0.71jaziyfvq1.css.map*/