.referral-page{display:flex;flex-direction:column;gap:var(--space-5, 1.25rem);width:100%;max-width:80rem;margin:0 auto}.referral-hub-card{background:var(--table-body);border:1px solid var(--table-border);border-radius:var(--radius-xl);padding:var(--space-5, 1.25rem);overflow:hidden}.referral-hub-card__grid{display:grid;grid-template-columns:1fr;gap:var(--space-5, 1.25rem)}@media(min-width:860px){.referral-hub-card__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-6, 1.75rem);align-items:start}}.referral-hub-card__info{display:flex;flex-direction:column;gap:1.25rem}.referral-hub-card__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text);letter-spacing:-.01em;line-height:1.3}.referral-hub-card__desc{margin:.35rem 0 0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.referral-steps{display:flex;flex-direction:column;gap:.75rem;padding-top:.25rem}.referral-step{display:flex;align-items:flex-start;gap:.75rem}.referral-step__badge{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:9999px;background:var(--accent-subtle);color:var(--accent);font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:.1rem;border:1px solid var(--accent-border)}.referral-step__content{display:flex;flex-direction:column;gap:.1rem}.referral-step__title{font-size:.8125rem;font-weight:600;color:var(--text);margin:0}.referral-step__desc{font-size:.75rem;color:var(--ink-tertiary);margin:0;line-height:1.35}.referral-hub-card__action-panel{display:flex;flex-direction:column;gap:.9rem;background:var(--surface-raised);border:1px solid var(--table-border);border-radius:var(--radius-lg);padding:1.15rem}.referral-hub-field{display:flex;flex-direction:column;gap:.35rem}.referral-hub-field__label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-tertiary)}.referral-hub-field__row{display:flex;align-items:stretch;gap:.5rem}.referral-hub-field__code-box,.referral-hub-field__url-box{flex:1;min-width:0;display:flex;align-items:center;padding:.55rem .75rem;border:1px solid var(--divider);border-radius:var(--radius-md);background:var(--table-body)}.referral-hub-field__code-text{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--accent);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referral-hub-field__url-text{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referral-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.referral-btn:disabled{opacity:.45;cursor:default}.referral-btn--primary{background:linear-gradient(135deg,#155dfc,#7c32de);color:#fff;border:0;box-shadow:0 2px 6px #155dfc40}.referral-btn--primary:hover:not(:disabled){opacity:.93;transform:translateY(-1px)}.referral-btn--secondary{background:var(--table-body);border:1px solid var(--divider);color:var(--text)}.referral-btn--secondary:hover:not(:disabled){background:var(--table-hover);border-color:var(--accent-border)}.referral-btn--copied{background:#059669!important;border-color:#059669!important;color:#fff!important;box-shadow:none!important}.referral-hub-card__share-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding-top:.25rem}.referral-share-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;border:1px solid var(--divider);background:var(--table-body);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.referral-share-btn:hover:not(:disabled){background:var(--table-hover);color:var(--text);border-color:var(--accent-border)}.referral-share-btn:disabled{opacity:.45;cursor:default}.referral-icon{width:.95rem;height:.95rem;flex-shrink:0}.referral-order-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;cursor:pointer;transition:all .12s ease}.referral-order-btn:hover{background:var(--table-hover);border-color:var(--divider)}.referral-order-btn__icon{width:.8rem;height:.8rem;color:var(--ink-tertiary)}.referral-table__unit{margin-left:.25rem;font-size:.7rem;font-weight:500;color:var(--ink-tertiary)}.referral-table__loading-row{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.referral-loading-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);animation:referral-pulse 1.4s ease-in-out infinite}@keyframes referral-pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.referral-empty-state{padding:1.5rem 1rem;text-align:center}.referral-empty-state__title{margin:0;font-size:.85rem;color:var(--text-secondary)}