.dashboardHeader{z-index:30;--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-sizing:border-box;justify-content:flex-end;align-items:center;height:64px;padding:16px 64px;display:flex;position:sticky;top:0}.dashboardHeaderMobileMenu{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));margin-right:auto;padding:.5rem}.dashboardHeaderMobileMenu:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}@media (min-width:1024px){.dashboardHeaderMobileMenu{display:none}}.topNavbar{align-items:center;gap:12px;display:flex}.topNavbarButton{cursor:pointer;background:#f5f5f7;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex;position:relative}.topNavbarButton:hover{background:#e5e5e5}.topNavbarButton svg{color:#000;width:20px;height:20px}.topNavbarNotificationBadge{color:#fff;white-space:nowrap;background:#f30218;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-family:Inter Tight,sans-serif;font-size:10px;font-style:normal;font-weight:600;line-height:12px;display:flex;position:absolute;top:-4px;right:-4px}.topNavbarDropdown{position:relative}.topNavbarDropdownMenu{z-index:1000;background:#fff;border:1px solid #e2e2e2;border-radius:8px;min-width:200px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}@media (max-width:768px){.topNavbarDropdownMenu{max-height:calc(100vh - 88px);position:fixed;top:72px;overflow-y:auto}.notificationDropdown{width:calc(100vw - 32px);max-width:400px;left:auto;right:16px}.profileDropdown{left:auto;right:16px}}.notificationDropdown{width:320px;max-width:calc(100vw - 32px)}.profileDropdown{min-width:180px}.dropdownHeader{border-bottom:1px solid #e2e2e2;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dropdownTitle{color:#000;margin:0;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:17px}.dropdownBadge{color:#fff;background:#f30218;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-family:Inter Tight,sans-serif;font-size:11px;font-style:normal;font-weight:500;line-height:13px;display:flex}.dropdownContent{max-height:400px;overflow-y:auto}.dropdownEmpty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.dropdownEmptyIcon{color:#a1a1a1;width:32px;height:32px;margin-bottom:12px}.dropdownEmptyText{color:#797979;margin:0;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:17px}.dropdownList{padding:0}.dropdownItem{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:flex-start;padding:12px 16px;transition:background-color .2s;display:flex;position:relative}.dropdownItem:hover{background-color:#f9f9f9}.dropdownItemUnread{background-color:#f0f7ff}.dropdownItemUnread:hover{background-color:#e6f2ff}.dropdownItemContent{flex:1;min-width:0}.dropdownItemTitle{color:#000;margin:0 0 4px;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:17px}.dropdownItemText{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-family:Inter Tight,sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:16px;display:-webkit-box;overflow:hidden}.dropdownItemTime{color:#999;font-family:Inter Tight,sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:13px}.dropdownItemUnreadDot{background:#0245f4;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px;margin-left:12px}.dropdownMenuList{padding:4px 0}.dropdownMenuItem{cursor:pointer;color:#000;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 16px;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:17px;text-decoration:none;transition:background-color .2s;display:flex}.dropdownMenuItem:hover{background:#f5f5f5}.dropdownMenuItemDanger{color:#e23939}.dropdownMenuItemDanger:hover{color:#dc2626;background:#fef2f2}.dropdownMenuItemIcon{flex-shrink:0;width:18px;height:18px}.dropdownMenuItemText{text-align:left;flex:1}.dropdownDivider{background:#e2e2e2;height:1px;margin:4px 0}.dropdownFooter{background:#fafafa;border-top:1px solid #e2e2e2;border-radius:0 0 8px 8px;padding:12px 16px}.dropdownFooterLink{text-align:center;color:#0245f4;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:17px;text-decoration:none;transition:color .2s;display:block}.dropdownFooterLink:hover{color:#0230c4;text-decoration:underline}.actionBanner{box-sizing:border-box;background:#fffbeb;border-left:4px solid #d97706;border-radius:0 8px 8px 0;flex-direction:row;align-items:flex-start;gap:12px;width:100%;padding:16px;display:flex}.actionBannerIcon{flex-shrink:0;margin-top:2px}.actionBannerIcon svg{color:#d97706;width:20px;height:20px}.actionBannerContent{flex-direction:column;flex:1;gap:15px;min-width:0;display:flex}.actionBannerTitle{color:#92400e;margin:0;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:17px}.actionBannerMessage{color:#000;margin:0;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:17px}.actionBannerButtonContainer{flex-shrink:0;align-self:center}.actionBannerButton{cursor:pointer;white-space:nowrap;background:#d97706;border:none;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:147px;height:32px;padding:11px 14px;transition:background-color .2s;display:flex}.actionBannerButton:hover{background:#b45309}.actionBannerButtonText{color:#fff;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:17px}.welcomeSection{flex-direction:column;gap:16px;width:100%;max-width:568px;display:flex}.welcomeTitle{color:#000;text-transform:capitalize;margin:0;font-family:Instrument Serif,serif;font-size:clamp(28px,4vw,36px);font-style:normal;font-weight:400;line-height:1.22}.welcomeSubtitle{color:#868686;margin:0;font-family:Inter Tight,sans-serif;font-size:clamp(14px,1.5vw,16px);font-style:normal;font-weight:400;line-height:19px}.referralStatsSection{box-sizing:border-box;background:#000;border-radius:15px;flex-direction:column;gap:24px;width:100%;padding:32px;display:flex}.referralStatsTitle{color:#fff;font-family:Inter Tight,sans-serif;font-size:clamp(20px,3vw,28px);font-style:normal;font-weight:600;line-height:34px}.referralStatsCards{flex-flow:wrap;justify-content:flex-start;gap:13px;width:100%;display:flex}.statCard{box-sizing:border-box;border-radius:12px;flex-direction:row;flex:215.5px;justify-content:space-between;align-items:center;gap:22px;width:100%;min-width:215.5px;height:100px;padding:16px;display:flex}.statCardDefault{background:#ffffff14;border:1px solid #4e4e4e}.statCardHighlight{background:#0245f4;border:1px solid #ffffff14}.statCardContent{flex-direction:column;flex:auto;gap:12px;min-width:0;display:flex}.statCardValue{white-space:nowrap;text-overflow:ellipsis;font-family:Instrument Serif,serif;font-size:40px;font-style:normal;font-weight:400;line-height:52px;overflow:hidden}.statCardLabel{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:17px;display:-webkit-box;overflow:hidden}.statCardIcon{background:#ccffdc;border-radius:62.7451px;flex-shrink:0;justify-content:center;align-items:center;gap:6.27px;width:32px;height:32px;padding:6.27451px;display:flex}.statCardIconInner{background:#eef559;border-radius:62.7451px;justify-content:center;align-items:center;width:25.1px;height:25.1px;display:flex}.statCardIconInner svg{color:#000;width:15.06px;height:15.06px}.usageGuidelinesCard{background:#fff;border-radius:15px;flex-direction:column;flex:50%;gap:16px;min-width:0;padding:32px;display:flex}@media (min-width:1025px){.usageGuidelinesCard{flex:calc(50% - 8px);max-width:calc(50% - 8px)}}.usageGuidelinesTitle{color:#0245f4;margin:0;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:17px}.usageGuidelinesPoints{flex-direction:column;gap:12px;width:100%;display:flex}.usageGuidelinesPoint{align-items:center;gap:12px;display:flex}.usageGuidelinesPointTitle{color:#000;margin:0;font-family:Inter Tight,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:22px}.usageGuidelinesList{flex-direction:column;gap:7px;width:100%;margin:0;padding:0;display:flex}.usageGuidelinesListItem{align-items:flex-start;gap:12px;list-style:none;display:flex}.usageGuidelinesListItemText{color:#000;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:17px}.inviteCard{background:#fff;border-radius:15px;flex-direction:row;flex:50%;align-items:center;gap:24px;min-width:0;padding:32px;display:flex;position:relative}@media (min-width:1025px){.inviteCard{flex:calc(50% - 8px);max-width:calc(50% - 8px)}}.inviteContent{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.inviteTitle{color:#000;margin:0;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:17px}.inviteDescription{color:#000;margin:0;font-family:Inter Tight,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:15px}.inviteLinkSection{flex-direction:column;gap:8px;display:flex}.inviteLinkLabel{color:#797979;margin:0;font-family:Inter Tight,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:15px}.inviteLinkInput{box-sizing:border-box;background:#fff;border:1px solid #e2e2e2;border-radius:8px;justify-content:space-between;align-items:center;gap:13px;min-width:0;padding:13px 16px;display:flex;overflow:hidden}.inviteLinkText{color:#000;text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:17px;display:block;overflow:hidden}.inviteCopyButton{cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;padding:0;display:flex}.inviteCopyButton svg{color:#0245f4;width:16px;height:16px}.inviteCopyButtonText{color:#0245f4;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:17px}.inviteIllustration{flex-shrink:0;justify-content:center;align-items:center;width:157.79px;min-width:157.79px;height:157.35px;display:flex}.pageLoader{z-index:50;background:#f5f5f7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pageLoaderContent{flex-direction:column;align-items:center;gap:24px;display:flex}.pageLoaderLogo{justify-content:center;align-items:center;animation:.5s ease-in pageLoaderFadeIn;display:flex}.pageLoaderSpinner{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.pageLoaderSpinnerRing{border:3px solid #0000;border-top-color:#eef559;border-radius:9999px;animation:1s linear infinite pageLoaderSpin;position:absolute}.pageLoaderSpinnerRing:first-child{width:48px;height:48px;animation-duration:1s}.pageLoaderSpinnerRing:nth-child(2){border-top-color:#d3d94a;width:36px;height:36px;animation-duration:1.2s;animation-direction:reverse}.pageLoaderSpinnerRing:nth-child(3){border-top-color:#eef559;width:24px;height:24px;animation-duration:.8s}.pageLoaderMessage{color:#868686;margin:0;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:17px;animation:.5s ease-in .2s both pageLoaderFadeIn}@keyframes pageLoaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pageLoaderFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.errorPage{background:#f5f5f7;justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.errorContent{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:600px;display:flex}.errorIcon{background:#fffbeb;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.errorIconSvg{color:#d97706;width:32px;height:32px}.errorMessage{flex-direction:column;gap:12px;display:flex}.errorTitle{color:#000;margin:0;font-family:Inter Tight,sans-serif;font-size:clamp(24px,4vw,32px);font-style:normal;font-weight:600;line-height:1.2}.errorDescription{color:#868686;margin:0;font-family:Inter Tight,sans-serif;font-size:clamp(14px,2vw,16px);font-style:normal;font-weight:400;line-height:1.5}.errorDetails{text-align:left;background:#fff;border:1px solid #e2e2e2;border-radius:8px;flex-direction:column;gap:8px;margin-top:16px;padding:16px;display:flex}.errorDetailsLabel{color:#868686;margin:0;font-family:Inter Tight,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:15px}.errorDetailsCode{color:#e23939;background:#fef2f2;border-radius:4px;padding:8px;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;line-height:1.5;overflow-x:auto}.errorActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.errorButton{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:17px;text-decoration:none;transition:all .2s;display:flex}.errorButtonPrimary{color:#000;background:#eef559}.errorButtonPrimary:hover{background:#d3d94a}.errorButtonSecondary{color:#000;background:#fff;border:1px solid #d7d7d7}.errorButtonSecondary:hover{background:#f5f5f5;border-color:#a1a1a1}.errorButtonIcon{width:18px;height:18px}@media (max-width:768px){.actionBanner{flex-direction:column;gap:16px}.actionBannerButtonContainer{align-self:stretch;width:100%}.actionBannerButton{width:100%}.actionBannerContent{gap:12px}}@media (max-width:640px){.actionBanner{gap:12px;padding:12px}.actionBannerIcon{margin-top:0}.actionBannerIcon svg{width:18px;height:18px}.actionBannerTitle,.actionBannerMessage{font-size:13px;line-height:16px}.actionBannerButton{height:36px;padding:10px 12px;font-size:13px}}@media (max-width:768px){.welcomeSection{gap:12px;max-width:100%}.welcomeTitle{font-size:clamp(24px,5vw,32px)}.welcomeSubtitle{font-size:clamp(13px,2vw,15px)}}@media (max-width:640px){.welcomeSection{gap:10px}.welcomeTitle{font-size:24px;line-height:1.3}.welcomeSubtitle{font-size:14px;line-height:18px}}@media (max-width:768px){.referralStatsSection{gap:20px;padding:24px 16px}.referralStatsTitle{font-size:22px;line-height:28px}.referralStatsCards{gap:12px}}@media (max-width:640px){.referralStatsSection{border-radius:12px;gap:16px;padding:20px 16px}.referralStatsTitle{font-size:20px;line-height:24px}.referralStatsCards{gap:10px}}@media (max-width:1024px){.statCard{flex:200px;min-width:200px}}@media (max-width:768px){.statCard{flex:calc(50% - 6.5px);gap:16px;min-width:calc(50% - 6.5px);height:90px;padding:14px}.statCardValue{font-size:32px;line-height:42px}.statCardLabel{font-size:13px;line-height:16px}.statCardIcon{width:28px;height:28px}.statCardIconInner{width:22px;height:22px}.statCardIconInner svg{width:13px;height:13px}}@media (max-width:640px){.statCard{flex:calc(50% - 5px);gap:14px;width:calc(50% - 5px);min-width:calc(50% - 5px);height:85px;padding:12px}.statCardValue{font-size:28px;line-height:36px}.statCardLabel{font-size:12px;line-height:15px}.statCardContent{gap:10px}}.cardsContainer{flex-flow:wrap;gap:16px;width:100%;display:flex}@media (min-width:1025px){.cardsContainer{flex-direction:row}}@media (max-width:1024px){.cardsContainer{flex-direction:column}.usageGuidelinesCard,.inviteCard{flex:100%!important;min-width:100%!important;max-width:100%!important}.inviteCard{flex-direction:column;align-items:flex-start}.inviteIllustration{align-self:center;width:120px;min-width:120px;height:120px;margin-top:8px}}@media (max-width:768px){.usageGuidelinesCard,.inviteCard{gap:14px;padding:24px}.usageGuidelinesTitle,.inviteTitle{font-size:13px;line-height:16px}.usageGuidelinesPointTitle{font-size:16px;line-height:20px}.usageGuidelinesListItemText{font-size:13px;line-height:16px}.inviteDescription{font-size:11px;line-height:14px}.inviteLinkInput{gap:10px;padding:12px 14px;overflow:hidden}.inviteLinkText{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;font-size:13px;line-height:16px;overflow:hidden}.inviteCopyButtonText{font-size:13px;line-height:16px}.inviteIllustration{width:100px;min-width:100px;height:100px}}@media (max-width:640px){.usageGuidelinesCard,.inviteCard{border-radius:12px;gap:12px;padding:20px 16px}.usageGuidelinesTitle,.inviteTitle{font-size:12px;line-height:15px}.usageGuidelinesPoints,.usageGuidelinesPoint{gap:10px}.usageGuidelinesPointTitle{font-size:15px;line-height:19px}.usageGuidelinesList{gap:6px}.usageGuidelinesListItem{gap:10px}.usageGuidelinesListItemText{font-size:12px;line-height:15px}.inviteContent{gap:12px}.inviteDescription{font-size:11px;line-height:14px}.inviteLinkSection{gap:6px}.inviteLinkLabel{font-size:11px;line-height:14px}.inviteLinkInput{flex-wrap:nowrap;gap:8px;padding:10px 12px;overflow:hidden}.inviteLinkText{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;font-size:12px;line-height:15px;display:block;overflow:hidden}.inviteCopyButton{white-space:nowrap;flex-shrink:0;gap:4px}.inviteCopyButton svg{width:14px;height:14px}.inviteCopyButtonText{font-size:12px;line-height:15px}.inviteIllustration{align-self:center;width:80px;min-width:80px;height:80px}}@media (max-width:768px){.dashboardContainer{gap:16px!important;padding:0 16px!important}}@media (max-width:640px){.dashboardContainer{gap:12px!important;padding:0 12px!important}}@media (max-width:768px){.dashboardMain{padding:24px 0!important}}@media (max-width:640px){.dashboardMain{padding:16px 0!important}}@media (max-width:1024px){.dashboardHeader{padding:16px 32px}}@media (max-width:768px){.dashboardHeader{height:56px;padding:12px 20px}.topNavbar{gap:10px}.topNavbarButton{width:32px;height:32px}.topNavbarButton svg{width:18px;height:18px}.topNavbarNotificationBadge{min-width:16px;height:16px;padding:0 3px;font-size:9px;line-height:10px;top:-3px;right:-3px}}@media (max-width:640px){.dashboardHeader{height:52px;padding:10px 16px}.dashboardHeaderMobileMenu{padding:8px}.dashboardHeaderMobileMenu svg{width:20px;height:20px}.topNavbar{gap:8px}.topNavbarButton{width:32px;height:32px}.topNavbarButton svg{width:16px;height:16px}.topNavbarNotificationBadge{min-width:14px;height:14px;padding:0 3px;font-size:8px;line-height:9px;top:-3px;right:-3px}.profileDropdown{left:auto;right:16px}}.notFoundPage{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.notFoundContent{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:600px;display:flex}.notFoundNumber{color:#000;margin:0;font-family:Instrument Serif,serif;font-size:clamp(80px,15vw,144px);font-style:normal;font-weight:400;line-height:1}.notFoundMessage{flex-direction:column;align-items:center;gap:16px;display:flex}.notFoundTitle{color:#000;margin:0;font-family:Instrument Serif,serif;font-size:clamp(32px,6vw,48px);font-style:normal;font-weight:400;line-height:1.2}.notFoundDescription{color:#666;max-width:500px;margin:0;font-family:Inter Tight,sans-serif;font-size:clamp(14px,2.5vw,18px);font-style:normal;font-weight:400;line-height:1.6}.notFoundActions{justify-content:center;align-items:center;margin-top:8px;display:flex}.notFoundButton{color:#fff;cursor:pointer;background:#00c840;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Inter Tight,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:20px;text-decoration:none;transition:background-color .2s;display:flex}.notFoundButton:hover{background:#00b038}.notFoundButtonIcon{color:#fff;flex-shrink:0;width:20px;height:20px}
