:root{color-scheme:light;--bg:#f7f5ff;--bg-elevated:#ffffff;--card:#ffffff;--text:#1e1233;--muted:#6b6280;--primary:#7c3aed;--primary-soft:#9d5af7;--brand-pink:#ec4899;--border:#e8e2f4;--danger:#dc2626;--success:#059669;--warning:#d97706;--gradient-brand:linear-gradient(135deg,#7c3aed,#9d5af7 48%,#ec4899);--gradient-soft:linear-gradient(160deg,#faf8ff,#f3eefc 42%,#fce7f3);--shadow-sm:0 1px 2px rgba(30,18,51,0.04);--shadow-md:0 10px 30px -14px rgba(124,58,237,0.28);--shadow-lg:0 24px 48px -24px rgba(124,58,237,0.35);--radius:16px;--font-sans:"Plus Jakarta Sans","Segoe UI",sans-serif;--font-display:"Outfit","Plus Jakarta Sans",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input{font:inherit}.page{min-height:100vh;padding:32px 20px 48px}.container{max-width:1120px;margin:0 auto}.stack{display:flex;flex-direction:column;gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.title{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,2rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.subtitle{margin:8px 0 0;color:var(--muted);line-height:1.6;font-size:.95rem}.label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#3b3054}.button,.ghostButton,.input{width:100%;min-height:48px;border-radius:12px;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease}.input{border:1px solid var(--border);padding:0 14px;background:#fff;color:var(--text);outline:none}.input:focus{border-color:#c4b5fd;box-shadow:0 0 0 4px rgba(124,58,237,.12)}.input::placeholder{color:#9ca3af}.button{border:none;background:var(--gradient-brand);color:#fff;cursor:pointer;font-weight:700;letter-spacing:.01em;box-shadow:0 12px 24px -12px rgba(124,58,237,.65)}.button:hover:not(:disabled){transform:translateY(-1px)}.ghostButton{border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer;font-weight:600}.ghostButton:hover:not(:disabled){border-color:#d4c8ef;background:#faf8ff}.button:disabled,.ghostButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.errorBox,.notice{border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45}.notice{background:rgba(124,58,237,.08);color:var(--primary);border:1px solid rgba(124,58,237,.14)}.errorBox{background:rgba(220,38,38,.08);color:var(--danger);border:1px solid rgba(220,38,38,.14)}.grid{display:grid;grid-gap:16px;gap:16px}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.statsGridCompact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.statValue{margin:8px 0 0;font-family:var(--font-display);font-size:1.65rem;font-weight:700;letter-spacing:-.03em}.metricsBlock{display:flex;flex-direction:column;gap:16px}.balanceHero{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:20px;gap:20px;align-items:center;border-radius:22px;padding:28px;background:radial-gradient(circle at 100% 0,rgba(236,72,153,.1),transparent 40%),radial-gradient(circle at 0 100%,rgba(124,58,237,.1),transparent 42%),#fff;border:1px solid var(--border);box-shadow:var(--shadow-md)}.balanceHeroValue{margin-top:6px;font-family:var(--font-display);font-size:clamp(2rem,4vw,2.6rem);font-weight:800;letter-spacing:-.04em;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}.balanceHeroMeta{display:grid;grid-gap:12px;gap:12px}.balanceMetaItem{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:#faf8ff;border:1px solid var(--border)}.balanceMetaItem span{font-size:12px;color:var(--muted);font-weight:600}.balanceMetaItem strong{font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.02em}.muted{color:var(--muted)}.topBar{align-items:center}.historyItem,.topBar{display:flex;justify-content:space-between;gap:16px}.historyItem{border:1px solid var(--border);border-radius:14px;padding:16px;background:#fcfbff}.historyItem p{margin:4px 0}.brandMark{display:inline-flex;align-items:center;gap:10px}.brandLogo{height:28px;width:auto;display:block}.brandWord{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.03em;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.brandBadge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(124,58,237,.08);color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.02em}.authShell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.authHero{position:relative;overflow:hidden;padding:48px;background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(236,72,153,.28),transparent 55%),radial-gradient(ellipse 70% 50% at 85% 75%,rgba(124,58,237,.35),transparent 50%),linear-gradient(155deg,#4c1d95,#7c3aed 42%,#a21caf 78%,#db2777);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.authHero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 30% 30%,black,transparent 75%);mask-image:radial-gradient(circle at 30% 30%,black,transparent 75%);pointer-events:none}.authHeroContent,.authHeroFooter{position:relative;z-index:1}.authHeroTitle{margin:28px 0 14px;font-family:var(--font-display);font-size:clamp(2rem,3.2vw,2.75rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;max-width:14ch}.authHeroText{margin:0;max-width:36ch;color:rgba(255,255,255,.86);line-height:1.65;font-size:1rem}.authTrustList{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-gap:12px;gap:12px}.authTrustList li{display:flex;align-items:center;gap:10px;font-size:.92rem;color:rgba(255,255,255,.92)}.authTrustDot{width:8px;height:8px;border-radius:50%;background:#f9a8d4;box-shadow:0 0 0 4px rgba(249,168,212,.2);flex-shrink:0}.authPanel{display:flex;align-items:center;justify-content:center;padding:40px 28px;background:radial-gradient(circle at 90% 10%,rgba(124,58,237,.08),transparent 35%),var(--gradient-soft)}.authCard{width:100%;max-width:420px;background:#fff;border:1px solid var(--border);border-radius:24px;padding:32px 28px;box-shadow:var(--shadow-lg)}.authCardHeader{margin-bottom:28px}.authCardHeader h1{margin:14px 0 8px;font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.03em}.authCardHeader p{margin:0;color:var(--muted);line-height:1.55;font-size:.94rem}.authForm{display:flex;flex-direction:column;gap:16px}.authSecureNote{margin-top:22px;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:#f8f6ff;border:1px solid var(--border);color:var(--muted);font-size:12.5px;line-height:1.5}.authSecureIcon{width:18px;height:18px;border-radius:50%;background:rgba(124,58,237,.12);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;margin-top:1px}.authFooterLink{margin-top:18px;text-align:center;font-size:13px;color:var(--muted)}.authFooterLink a{color:var(--primary);font-weight:600}.authFooterLink a:hover{text-decoration:underline}.dashShell{min-height:100vh;background:radial-gradient(ellipse 60% 40% at 0 0,rgba(124,58,237,.1),transparent 55%),radial-gradient(ellipse 50% 35% at 100% 0,rgba(236,72,153,.08),transparent 50%),var(--bg)}.dashHeader{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(255,255,255,.82);border-bottom:1px solid rgba(232,226,244,.9)}.dashHeaderInner{max-width:1120px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.dashHeaderMeta{display:flex;align-items:center;gap:12px}.dashUserChip{display:none;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#f4f0ff;border:1px solid var(--border)}.dashUserAvatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.dashUserText{display:flex;flex-direction:column;line-height:1.2}.dashUserText strong{font-size:13px}.dashUserText span{font-size:11px;color:var(--muted)}.dashMain{max-width:1120px;margin:0 auto;padding:28px 20px 56px;display:flex;flex-direction:column;gap:20px}.dashGreeting h1{margin:0;font-family:var(--font-display);font-size:clamp(1.55rem,2.5vw,2rem);font-weight:700;letter-spacing:-.03em}.dashGreeting p{margin:8px 0 0;color:var(--muted);max-width:52ch;line-height:1.55}.referralCard{position:relative;overflow:hidden;border:1px solid transparent;border-radius:22px;padding:28px;background:linear-gradient(#fff,#fff) padding-box,var(--gradient-brand) border-box;box-shadow:var(--shadow-md)}.referralCard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(236,72,153,.12),transparent 40%),radial-gradient(circle at 0 100%,rgba(124,58,237,.1),transparent 42%);pointer-events:none}.referralInner{position:relative;z-index:1;display:grid;grid-template-columns:1.4fr 1fr;grid-gap:24px;gap:24px;align-items:center}.referralLabel{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin-bottom:10px}.referralCode{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:.04em;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1;word-break:break-all}.referralHint{margin:12px 0 0;color:var(--muted);font-size:.9rem;line-height:1.55}.referralActions{display:flex;flex-direction:column;gap:10px}.referralLinkBox{border:1px solid var(--border);background:#faf8ff;border-radius:12px;padding:12px 14px;font-size:13px;color:#4b5563;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.statCard{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px 18px 16px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.statCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.statLabel{font-size:13px;color:var(--muted);font-weight:600}.statHint{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:var(--muted)}.sectionCard{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow-sm)}.sectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.sectionHead h2{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.sectionHead p{margin:6px 0 0;color:var(--muted);font-size:.9rem}.statusPill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.statusPill.paid{background:rgba(5,150,105,.1);color:var(--success)}.statusPill.pending{background:rgba(217,119,6,.12);color:var(--warning)}.statusPill.approved,.statusPill.requested{background:rgba(124,58,237,.1);color:var(--primary)}.statusPill.cancelled,.statusPill.rejected{background:rgba(220,38,38,.08);color:var(--danger)}.payoutForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.payoutForm .button{grid-column:1/-1;max-width:280px}.payoutForm select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b6280 0),linear-gradient(135deg,#6b6280 50%,transparent 0);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}@media (max-width:640px){.payoutForm{grid-template-columns:1fr}.payoutForm .button{max-width:none}}.commissionTable{width:100%;border-collapse:collapse}.commissionTable td,.commissionTable th{text-align:left;padding:14px 10px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:middle}.commissionTable th{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.commissionTable tr:last-child td{border-bottom:none}.commissionAmount{font-weight:700;font-family:var(--font-display);letter-spacing:-.02em}.emptyState{text-align:center;padding:36px 16px;color:var(--muted);border:1px dashed var(--border);border-radius:14px;background:#fcfbff}.emptyState strong{display:block;color:var(--text);margin-bottom:6px;font-family:var(--font-display)}.errorShell,.loadingShell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--gradient-soft)}.errorShell .card,.loadingCard{width:100%;max-width:420px;text-align:center}.loadingSpinner{width:36px;height:36px;margin:0 auto 16px;border-radius:50%;border:3px solid #ede9fe;border-top:3px solid var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (min-width:768px){.dashUserChip{display:inline-flex}}@media (max-width:900px){.authShell{grid-template-columns:1fr}.authHero{min-height:280px;padding:28px 24px}.authHeroTitle{max-width:none;font-size:1.85rem}.authTrustList{margin-top:22px}.balanceHero,.referralInner{grid-template-columns:1fr}}@media (max-width:640px){.page{padding:24px 14px 40px}.historyItem,.topBar{flex-direction:column;align-items:stretch}.dashHeaderInner{padding:12px 14px}.dashMain{padding:20px 14px 40px}.authCard{padding:24px 18px}.commissionTable thead{display:none}.commissionTable,.commissionTable tbody,.commissionTable td,.commissionTable tr{display:block;width:100%}.commissionTable tr{border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:10px;background:#fcfbff}.commissionTable td{border:none;padding:4px 0}.commissionTable td:before{content:attr(data-label);display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:2px}}