.referral-driver-page,.admin-referrals-page{width:min(1180px,100% - 32px);margin:0 auto;padding:34px 0 64px}.referral-page-header,.admin-referrals-header{align-items:center;gap:18px;margin-bottom:26px;display:flex}.referral-page-header{justify-content:space-between}.referral-page-header small,.admin-referrals-header small,.referral-section-title small,.referral-hero-copy>small,.referral-code-block small,.admin-referrals-toolbar small{color:#a56e00;letter-spacing:.13em;font-size:12px;font-weight:800}.referral-page-header h1,.admin-referrals-header h1{color:var(--text-primary,#151821);margin:4px 0 0;font-size:clamp(30px,4vw,48px);line-height:1}.referral-close{background:var(--surface,#fff);width:46px;height:46px;color:var(--text-primary,#151821);border:1px solid #a56e0033;border-radius:15px;font-size:28px;line-height:1}.referral-hero-card,.referral-share-card,.referral-benefits-card,.referral-how-card,.admin-referrals-table-card,.admin-referrals-kpis article{background:var(--surface,#fff);border:1px solid #c1974138;box-shadow:0 22px 60px #191b1f12}.referral-hero-card{color:#fff;background:radial-gradient(circle at 88% 12%,#ffc03040,#0000 35%),linear-gradient(135deg,#181818,#2b271e);border-radius:34px;grid-template-columns:1fr auto;gap:28px;padding:clamp(28px,5vw,54px);display:grid;position:relative;overflow:hidden}.referral-hero-copy h2{max-width:650px;margin:10px 0 12px;font-size:clamp(28px,4vw,48px);line-height:1.08}.referral-hero-copy p{color:#ffffffad;max-width:650px;margin:0;font-size:16px;line-height:1.6}.referral-progress-orbit{background:conic-gradient(#ffb814 var(--referral-progress), #ffffff1f 0);text-align:center;border-radius:50%;place-content:center;width:138px;height:138px;display:grid;box-shadow:inset 0 0 0 13px #211f1b}.referral-progress-orbit strong{font-size:38px}.referral-progress-orbit span,.referral-progress-orbit small{color:#ffffffa6}.referral-progress-orbit small{text-transform:uppercase;letter-spacing:.1em;font-size:11px;display:block}.referral-hero-track{background:#ffffff1f;border-radius:99px;grid-column:1/-1;height:7px;overflow:hidden}.referral-hero-track span{border-radius:inherit;background:linear-gradient(90deg,#f3ac0b,#ffd977);height:100%;display:block}.referral-share-card{border-radius:26px;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:24px 28px;display:flex;position:relative}.referral-code-block{gap:7px;display:grid}.referral-code-block strong{letter-spacing:.08em;font-size:clamp(24px,4vw,34px)}.referral-share-actions{gap:10px;display:flex}.referral-share-actions button,.admin-referrals-header button,.admin-referrals-error button{color:#332817;background:#fff;border:1px solid #a4741140;border-radius:14px;min-height:46px;padding:0 20px;font-weight:750}.referral-share-actions button.primary{color:#17130b;background:#ffb814;border-color:#ffb814}.referral-feedback{color:#2c7c47;margin:0;font-size:13px;font-weight:700;position:absolute;bottom:-24px;right:28px}.referral-benefits-card,.referral-how-card{border-radius:28px;margin-top:22px;padding:clamp(24px,4vw,36px)}.referral-section-title h2,.admin-referrals-toolbar h2{color:var(--text-primary,#151821);margin:5px 0 0;font-size:clamp(24px,3vw,34px)}.referral-tier-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;display:grid}.referral-tier-grid article{background:#f7f7f5cc;border:1px solid #8189972b;border-radius:18px;align-items:center;gap:12px;min-height:88px;padding:15px;display:flex}.referral-tier-grid article>span{color:#74777e;background:#ecece9;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.referral-tier-grid article.complete>span{color:#277844;background:#e4f4e8}.referral-tier-grid article div{gap:3px;display:grid}.referral-tier-grid article small{color:#858992}.referral-tier-grid article strong{color:var(--text-primary,#151821)}.referral-tier-note{color:#777b84;margin:18px 0 0;font-size:13px}.referral-how-card ol{grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 0;padding:0;list-style:none;display:grid}.referral-how-card li{gap:14px;display:flex}.referral-how-card li>span{color:#996500;background:#fff2cf;border-radius:13px;flex:none;place-items:center;width:38px;height:38px;font-weight:850;display:grid}.referral-how-card li strong{color:var(--text-primary,#151821)}.referral-how-card li p{color:#777b84;margin:7px 0 0;font-size:14px;line-height:1.5}.referral-page-loading,.admin-referrals-loading{background:linear-gradient(100deg,#e6e6e48c 25%,#fafaf9e6 40%,#e6e6e48c 55%) 0 0/220% 100%;border-radius:28px;height:320px;animation:1.2s linear infinite referral-shimmer}.referral-error-card,.admin-referrals-error{color:#8a342d;background:#fff8f7;border:1px solid #edcfc9;border-radius:16px;align-items:center;gap:10px;padding:13px 14px;display:flex}.referral-error-card>span{background:#f5ddd8;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}.referral-error-card>span svg{width:18px;height:18px}.referral-error-card>div{min-width:0}.referral-error-card strong{font-size:14px;line-height:1.25}.referral-error-card p{margin:5px 0 0}.referral-error-card button{color:#17130b;min-height:36px;font:inherit;cursor:pointer;background:#ffb814;border:1px solid #dfa416;border-radius:11px;margin-left:auto;padding:0 14px;font-size:13px;font-weight:850;box-shadow:0 7px 18px #b5770029}.admin-referrals-header{justify-content:space-between}.admin-referrals-header p{color:#767b86;margin:10px 0 0}.admin-referrals-header button{background:var(--surface,#fff)}.admin-referrals-kpis{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px;display:grid}.admin-referrals-kpis article{border-radius:20px;gap:5px;padding:22px;display:grid}.admin-referrals-kpis span,.admin-referrals-kpis small{color:#7b808a}.admin-referrals-kpis strong{color:var(--text-primary,#151821);font-size:28px}.admin-referrals-table-card{border-radius:28px;overflow:hidden}.admin-referrals-toolbar{border-bottom:1px solid #81899726;justify-content:space-between;align-items:end;gap:24px;padding:26px 28px;display:flex}.admin-referrals-toolbar label{border:1px solid #8189973d;border-radius:15px;align-items:center;width:min(360px,100%);min-height:48px;padding:0 15px;display:flex}.admin-referrals-toolbar input{width:100%;color:var(--text-primary,#151821);font:inherit;background:0 0;border:0;outline:0;padding:0 10px}.admin-referrals-table-head,.admin-referrals-table article{grid-template-columns:2fr 1.1fr .7fr 1.3fr 1fr;align-items:center;gap:20px;padding:16px 28px;display:grid}.admin-referrals-table-head{color:#8a8e97;letter-spacing:.06em;text-transform:uppercase;background:#f7f7f5a6;font-size:12px;font-weight:800}.admin-referrals-table article{border-top:1px solid #8189971c;min-height:76px}.admin-referrals-table article:first-of-type{border-top:0}.admin-referrer{align-items:center;gap:12px;min-width:0;display:flex}.admin-referrer>span{color:#956200;background:#fff3d2;border-radius:13px;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:850;display:grid}.admin-referrer strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-referrals-table code{width:max-content;color:var(--text-primary,#151821);background:#8189971a;border-radius:9px;padding:7px 9px}.admin-referral-pending{color:#966200;background:#fff3d2;border-radius:10px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.admin-referral-progress{align-items:center;gap:10px;display:flex}.admin-referral-progress>div{background:#ebebe8;border-radius:9px;width:100%;height:7px;overflow:hidden}.admin-referral-progress>div span{background:#f2b62f;height:100%;display:block}.admin-referral-progress strong{font-size:13px}.admin-referrals-empty{text-align:center;justify-items:center;gap:7px;padding:70px 20px;display:grid}.admin-referrals-empty>span{color:#9c6800;background:#fff3d2;border-radius:18px;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.admin-referrals-empty p{color:#7c8089;margin:0}.admin-referrals-error{margin:26px}.driver-menu-gift{color:#a66e00;place-items:center;width:24px;height:24px;margin-left:auto;font-style:normal;display:grid}.driver-menu-gift svg{width:24px;height:24px}[data-theme=dark] .referral-share-actions button,[data-theme=dark] .admin-referrals-header button{color:#f6f4ef;background:#242526}[data-theme=dark] .referral-close{color:#f7f7f5;background:#202122;border-color:#ffbe3059;box-shadow:0 10px 24px #0000003d}[data-theme=dark] .referral-share-card,[data-theme=dark] .referral-benefits-card,[data-theme=dark] .referral-how-card,[data-theme=dark] .admin-referrals-table-card,[data-theme=dark] .admin-referrals-kpis article{background:#202122;border-color:#ffbe3029;box-shadow:0 22px 60px #00000040}[data-theme=dark] .referral-tier-grid article,[data-theme=dark] .admin-referrals-table-head{background:#ffffff0a}[data-theme=dark] .referral-tier-grid article{border-color:#ffffff17}[data-theme=dark] .referral-tier-grid article>span,[data-theme=dark] .admin-referral-progress>div{background:#343536}[data-theme=dark] .referral-tier-grid article>span{color:#f6cc68}[data-theme=dark] .referral-tier-grid article.complete>span{color:#8fdaa7;background:#1d432b}[data-theme=dark] .referral-code-block strong,[data-theme=dark] .referral-section-title h2,[data-theme=dark] .referral-tier-grid article strong,[data-theme=dark] .referral-how-card li strong{color:#f7f7f5}[data-theme=dark] .referral-tier-grid article small{color:#b8bbc2}[data-theme=dark] .referral-tier-note,[data-theme=dark] .referral-how-card li p,[data-theme=dark] .admin-referrals-header p,[data-theme=dark] .admin-referrals-kpis span,[data-theme=dark] .admin-referrals-kpis small,[data-theme=dark] .admin-referrals-table-head{color:#a9adb6}[data-theme=dark] .admin-referrals-kpis strong,[data-theme=dark] .admin-referrals-toolbar h2,[data-theme=dark] .admin-referrer strong,[data-theme=dark] .admin-referrals-table article>b{color:#f7f7f5}[data-theme=dark] .admin-referrals-toolbar,[data-theme=dark] .admin-referrals-table article{border-color:#ffffff14}[data-theme=dark] .admin-referrals-toolbar label{color:#c9cbd0;background:#18191a;border-color:#ffffff24}[data-theme=dark] .admin-referrals-toolbar input,[data-theme=dark] .admin-referrals-toolbar input:focus,[data-theme=dark] .admin-referrals-toolbar input:hover,.app-shell[data-theme=dark] .admin-referrals-page .admin-referrals-toolbar input,:root[data-theme=dark] .app-shell .admin-referrals-page .admin-referrals-toolbar input{box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}[data-theme=dark] .admin-referrals-table code{color:#f6f4ef;background:#ffffff14}[data-theme=dark] .admin-referrer>span,[data-theme=dark] .admin-referral-pending,[data-theme=dark] .admin-referrals-empty>span{color:#ffd46c;background:#453817}[data-theme=dark] .referral-error-card,[data-theme=dark] .admin-referrals-error{color:#ffb5ad;background:#2a2020;border-color:#653d39}[data-theme=dark] .referral-error-card>span{background:#4a2926}[data-theme=dark] .driver-menu-gift{color:#ffd46c}@media (width<=800px){.referral-driver-page,.admin-referrals-page{width:min(100% - 20px,680px);padding-top:18px}.referral-hero-card{grid-template-columns:1fr}.referral-progress-orbit{width:112px;height:112px}.referral-share-card,.admin-referrals-toolbar{flex-direction:column;align-items:stretch}.referral-share-actions{grid-template-columns:1fr 1fr;display:grid}.referral-tier-grid,.admin-referrals-kpis{grid-template-columns:1fr 1fr}.referral-how-card ol{grid-template-columns:1fr}.admin-referrals-table{overflow-x:auto}.admin-referrals-table-head,.admin-referrals-table article{min-width:820px}}@media (width<=480px){.referral-tier-grid,.admin-referrals-kpis,.referral-share-actions{grid-template-columns:1fr}}:is(html:has(.referral-driver-page),body:has(.referral-driver-page)){overflow:hidden}.referral-driver-page.referral-driver-page{z-index:3200;width:100%;max-width:none;padding:max(24px, env(safe-area-inset-top)) 0 max(42px, env(safe-area-inset-bottom));overscroll-behavior:contain;background:#f5f6fa;position:fixed;inset:0;overflow-y:auto}.referral-driver-page>*{width:min(1180px,100% - 32px);margin-left:auto;margin-right:auto}[data-theme=dark] .referral-driver-page.referral-driver-page{background:#111213}.admin-driver-preview .referral-driver-page.referral-driver-page{top:58px}@media (width<=800px){.referral-driver-page.referral-driver-page{width:100%;padding-top:max(18px, env(safe-area-inset-top))}.referral-driver-page>*{width:min(680px,100% - 20px)}}@keyframes referral-shimmer{to{background-position:-120% 0}}