:root{--breakpoint-mobile:600px;--breakpoint-tablet:900px;--breakpoint-desktop:1200px;--breakpoint-xl:1536px;--touch-target-min:44px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}.clickable,a,button,input,select,textarea{min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}*{-webkit-tap-highlight-color:transparent}@media (max-width:599px){.mobile-visible{display:block!important}.mobile-hidden{display:none!important}.mobile-flex{display:flex!important}.mobile-grid{display:grid!important}}@media (min-width:600px) and (max-width:899px){.tablet-visible{display:block!important}.tablet-hidden{display:none!important}.tablet-flex{display:flex!important}.tablet-grid{display:grid!important}}@media (min-width:900px){.desktop-visible{display:block!important}.desktop-hidden{display:none!important}.desktop-flex{display:flex!important}.desktop-grid{display:grid!important}}@media (max-width:599px){.mobile-p-0{padding:0!important}.mobile-p-1{padding:8px!important;padding:var(--spacing-sm)!important}.mobile-p-2{padding:16px!important;padding:var(--spacing-md)!important}.mobile-p-3{padding:24px!important;padding:var(--spacing-lg)!important}.mobile-p-4{padding:32px!important;padding:var(--spacing-xl)!important}.mobile-px-0{padding-left:0!important;padding-right:0!important}.mobile-px-1{padding-left:8px!important;padding-left:var(--spacing-sm)!important;padding-right:8px!important;padding-right:var(--spacing-sm)!important}.mobile-px-2{padding-left:16px!important;padding-left:var(--spacing-md)!important;padding-right:16px!important;padding-right:var(--spacing-md)!important}.mobile-py-0{padding-bottom:0!important;padding-top:0!important}.mobile-py-1{padding-bottom:8px!important;padding-bottom:var(--spacing-sm)!important;padding-top:8px!important;padding-top:var(--spacing-sm)!important}.mobile-py-2{padding-bottom:16px!important;padding-bottom:var(--spacing-md)!important;padding-top:16px!important;padding-top:var(--spacing-md)!important}.mobile-pt-0{padding-top:0!important}.mobile-pt-1{padding-top:8px!important;padding-top:var(--spacing-sm)!important}.mobile-pt-2{padding-top:16px!important;padding-top:var(--spacing-md)!important}.mobile-pb-0{padding-bottom:0!important}.mobile-pb-1{padding-bottom:8px!important;padding-bottom:var(--spacing-sm)!important}.mobile-pb-2{padding-bottom:16px!important;padding-bottom:var(--spacing-md)!important}.mobile-pb-safe{padding-bottom:calc(56px + env(safe-area-inset-bottom))!important}.mobile-m-0{margin:0!important}.mobile-m-1{margin:8px!important;margin:var(--spacing-sm)!important}.mobile-m-2{margin:16px!important;margin:var(--spacing-md)!important}.mobile-mx-auto{margin-left:auto!important;margin-right:auto!important}.mobile-my-0{margin-bottom:0!important;margin-top:0!important}.mobile-my-1{margin-bottom:8px!important;margin-bottom:var(--spacing-sm)!important;margin-top:8px!important;margin-top:var(--spacing-sm)!important}.mobile-my-2{margin-bottom:16px!important;margin-bottom:var(--spacing-md)!important;margin-top:16px!important;margin-top:var(--spacing-md)!important}}.responsive-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:1fr}@media (min-width:600px){.responsive-grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.responsive-grid-2{grid-template-columns:repeat(2,1fr)}.responsive-grid-3{grid-template-columns:repeat(3,1fr)}.responsive-grid-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px){.responsive-grid-5{grid-template-columns:repeat(5,1fr)}.responsive-grid-6{grid-template-columns:repeat(6,1fr)}}.responsive-grid-auto-fill{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.responsive-grid-auto-fit{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:599px){.mobile-grid-2{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}}.responsive-flex{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md)}@media (max-width:599px){.mobile-flex-column{flex-direction:column!important}.mobile-flex-row{flex-direction:row!important}.mobile-flex-center{align-items:center!important;justify-content:center!important}.mobile-flex-between{justify-content:space-between!important}.mobile-text-xs{font-size:.75rem!important}.mobile-text-sm{font-size:.875rem!important}.mobile-text-base{font-size:1rem!important}.mobile-text-lg{font-size:1.125rem!important}.mobile-text-xl{font-size:1.25rem!important}.mobile-text-center{text-align:center!important}.mobile-text-left{text-align:left!important}.mobile-text-right{text-align:right!important}}.responsive-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md);width:100%}@media (min-width:600px){.responsive-container{max-width:600px;padding-left:24px;padding-left:var(--spacing-lg);padding-right:24px;padding-right:var(--spacing-lg)}}@media (min-width:900px){.responsive-container{max-width:900px}}@media (min-width:1200px){.responsive-container{max-width:1200px}}@media (min-width:1536px){.responsive-container{max-width:1536px}}.responsive-container-fluid{padding-left:8px;padding-left:var(--spacing-sm);padding-right:8px;padding-right:var(--spacing-sm);width:100%}@media (min-width:600px){.responsive-container-fluid{padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}}@media (min-width:900px){.responsive-container-fluid{padding-left:24px;padding-left:var(--spacing-lg);padding-right:24px;padding-right:var(--spacing-lg)}}@media (max-width:599px){.mobile-w-full{width:100%!important}.mobile-w-auto{width:auto!important}.mobile-w-screen{width:100vw!important}.mobile-h-full{height:100%!important}.mobile-h-auto{height:auto!important}.mobile-h-screen{height:100vh!important}.mobile-min-h-screen{min-height:100vh!important}}@media (max-width:899px){.content-with-bottom-nav{padding-bottom:calc(56px + env(safe-area-inset-bottom))!important}}.safe-area-inset-top{padding-top:env(safe-area-inset-top)}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-inset-left{padding-left:env(safe-area-inset-left)}.safe-area-inset-right{padding-right:env(safe-area-inset-right)}@media (max-width:599px){img{height:auto;max-width:100%}body{overflow-x:hidden}input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{font-size:16px!important}.mobile-button-full{display:block!important;width:100%!important}.mobile-stack>*{margin-bottom:16px!important;margin-bottom:var(--spacing-md)!important}.mobile-dialog-fullscreen{border-radius:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important}}@media (hover:none) and (pointer:coarse){.clickable,a,button{min-height:44px;min-width:44px;padding:12px 16px}.clickable:active,a:active,button:active{opacity:.7;transform:scale(.98)}}@media (max-width:899px) and (orientation:landscape){.responsive-container,.responsive-container-fluid{padding-bottom:8px;padding-bottom:var(--spacing-sm);padding-top:8px;padding-top:var(--spacing-sm)}.content-with-bottom-nav{padding-bottom:calc(48px + env(safe-area-inset-bottom))!important}}@media print{.bottom-navigation,.fab,.mobile-navigation,.no-print,button{display:none!important}*{background:#fff!important;color:#000!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){*{border-color:currentColor!important}a,button{outline:2px solid currentColor}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.stripe-checkout-form{position:relative;z-index:1}.stripe-checkout-form>div{position:relative;z-index:10}.stripe-checkout-form button[type=button],.stripe-checkout-form button[type=submit]{pointer-events:auto!important;position:relative!important;z-index:1000!important}.StripeElement,.stripe-checkout-form .PaymentElement{z-index:1!important}.stripe-checkout-form input[type=checkbox]{pointer-events:auto!important;position:relative!important;z-index:1001!important}.stripe-checkout-form label{pointer-events:auto!important;position:relative!important;z-index:1000!important}.stripe-checkout-form button[type=submit]{pointer-events:auto!important;position:relative!important;z-index:10002!important}.gemma-chatbot{font-family:Roboto,sans-serif}.gemma-floating-button{clip:auto!important;border-radius:50%!important;cursor:grab!important;display:flex!important;height:65px!important;max-height:65px!important;max-width:65px!important;min-height:65px!important;min-width:65px!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important;position:fixed!important;touch-action:none!important;-webkit-user-select:none!important;user-select:none!important;visibility:visible!important;width:65px!important;z-index:1000!important}.gemma-floating-button:active{cursor:grabbing!important}.gemma-floating-button *{display:block!important;opacity:1!important;visibility:visible!important}.gemma-chatbot .MuiDialog-paper{border-radius:16px!important;overflow:hidden}.gemma-chatbot .MuiDialogTitle-root{background:linear-gradient(135deg,#0a2a66,#1a237e);border-bottom:3px solid gold;color:#fff;padding:16px 20px}.gemma-chatbot .MuiDialogContent-root{background-color:#f8f9fa;padding:0!important}.gemma-chatbot .message-container{max-height:400px;min-height:300px;overflow-y:auto;padding:16px}.gemma-chatbot .message{align-items:flex-start;display:flex;gap:8px;margin-bottom:16px}.gemma-chatbot .message.user{justify-content:flex-end}.gemma-chatbot .message.bot{justify-content:flex-start}.gemma-chatbot .message-bubble{word-wrap:break-word;border-radius:18px;box-shadow:0 2px 8px #0000001a;max-width:80%;padding:12px 16px;position:relative}.gemma-chatbot .message-bubble.user{background:linear-gradient(135deg,#0a2a66,#1a237e);border-bottom-right-radius:4px;color:#fff}.gemma-chatbot .message-bubble.bot{background:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:4px;color:#333}.gemma-chatbot .avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.gemma-chatbot .avatar.bot,.gemma-chatbot .avatar.user{background:linear-gradient(135deg,gold,#ffc700);color:#000}.gemma-chatbot .input-container{background:#fff;border-top:1px solid #e0e0e0;padding:16px}.gemma-chatbot .input-field{background:#f5f5f5;border-radius:24px}.gemma-chatbot .input-field .MuiOutlinedInput-root{border-radius:24px}.gemma-chatbot .input-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.gemma-chatbot .input-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:gold}.gemma-chatbot .send-button{background:linear-gradient(135deg,gold,#ffc700);border-radius:50%;color:#000;height:40px;transition:all .3s ease;width:40px}.gemma-chatbot .send-button:hover{background:linear-gradient(135deg,#ffc700,#ffb700);transform:scale(1.05)}.gemma-chatbot .send-button:disabled{background:#e0e0e0;color:#999;transform:none}.gemma-chatbot .quick-responses{background:#fff;border-top:1px solid #e0e0e0;padding:12px 16px}.gemma-chatbot .quick-response-chip{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:16px;cursor:pointer;font-size:12px;margin:2px;padding:4px 12px;transition:all .3s ease}.gemma-chatbot .quick-response-chip:hover{background:linear-gradient(135deg,gold,#ffc700);box-shadow:0 2px 8px #ffd7004d;color:#000;transform:translateY(-1px)}.gemma-chatbot .typing-indicator{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:18px;display:flex;gap:8px;max-width:80px;padding:8px 12px}.gemma-chatbot .typing-dot{animation:typing 1.4s ease-in-out infinite;background:gold;border-radius:50%;height:8px;width:8px}.gemma-chatbot .typing-dot:first-child{animation-delay:-.32s}.gemma-chatbot .typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.gemma-chatbot .fab-button{background:linear-gradient(135deg,gold,#ffc700);bottom:80px;color:#000;position:fixed;right:16px;transition:all .3s ease;z-index:1000}.gemma-chatbot .fab-button:hover{background:linear-gradient(135deg,#ffc700,#ffb700);box-shadow:0 4px 16px #ffd70066;transform:scale(1.1)}.gemma-chatbot .timestamp{display:block;font-size:10px;margin-top:4px;opacity:.7}.gemma-chatbot .message-text{font-size:14px;line-height:1.4}@media (max-width:600px){.gemma-chatbot .MuiDialog-paper{border-radius:16px 16px 0 0!important;bottom:0!important;height:90vh!important;margin:0!important;position:fixed!important;right:0!important;width:95vw!important}.gemma-chatbot .fab-button{bottom:100px;right:12px}.gemma-chatbot .message-bubble{max-width:90%}}.gemma-chatbot .message-container::-webkit-scrollbar{width:6px}.gemma-chatbot .message-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.gemma-chatbot .message-container::-webkit-scrollbar-thumb{background:gold;border-radius:3px}.gemma-chatbot .message-container::-webkit-scrollbar-thumb:hover{background:#ffc700}.gemma-chatbot .message{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gemma-chatbot .loading-message{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:18px;display:flex;gap:8px;margin-bottom:16px;max-width:80px;padding:12px 16px}.gemma-chatbot .loading-spinner{color:gold!important}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1 1;min-width:0}.PhoneInputCountryIcon{height:1em;height:var(--PhoneInputCountryFlag-height);width:1.5em;width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio))}.PhoneInputCountryIcon--square{width:1em;width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:#0000001a;background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #00000080;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;height:100%;width:100%}.PhoneInputInternationalIconPhone{opacity:.8;opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:.65;opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{align-items:center;align-self:stretch;display:flex;margin-right:.35em;margin-right:var(--PhoneInputCountrySelect-marginRight);position:relative}.PhoneInputCountrySelect{border:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{border-bottom-width:1px;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-color:currentColor;border-color:var(--PhoneInputCountrySelectArrow-color);border-left-width:0;border-right-width:1px;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-style:solid;border-top-width:0;content:"";display:block;height:.3em;height:var(--PhoneInputCountrySelectArrow-width);margin-left:.35em;margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);opacity:.45;opacity:var(--PhoneInputCountrySelectArrow-opacity);transform:rotate(45deg);transform:var(--PhoneInputCountrySelectArrow-transform);width:.3em;width:var(--PhoneInputCountrySelectArrow-width)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 1px #03b2cb,inset 0 0 0 1px #03b2cb;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:450px;overflow:hidden;padding:40px;position:relative;width:100%}.register-card{max-width:550px}.auth-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.5rem;font-weight:700;margin-bottom:8px}.auth-header p{color:#666;font-size:1.1rem;margin:0}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-size:.9rem;font-weight:600;margin-bottom:8px}.input-wrapper{align-items:center;display:flex;position:relative}.form-input{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input::placeholder{color:#999}.password-toggle{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:4px;position:absolute;right:12px;transition:background-color .2s ease}.password-toggle:hover{background-color:#0000000d}.form-actions{display:flex;justify-content:flex-end;margin-top:-10px}.forgot-password{color:#667eea;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#5a6fd8;text-decoration:underline}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease}.auth-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-button.loading{cursor:wait}.divider{align-items:center;color:#666;display:flex;font-size:.9rem;margin:20px 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #e1e5e9;content:"";flex:1 1}.divider span{background:#fff;padding:0 15px}.google-button{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:10px;justify-content:center;padding:12px 24px;transition:all .3s ease}.google-button:hover{background:#f8f9fa;border-color:#ddd;transform:translateY(-1px)}.google-icon{align-items:center;background:#4285f4;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:20px;justify-content:center;width:20px}.auth-footer{border-top:1px solid #e1e5e9;margin-top:20px;padding-top:20px;text-align:center}.auth-footer p{color:#666;font-size:.9rem;margin:0}.auth-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s ease}.auth-link:hover{color:#5a6fd8;text-decoration:underline}.gender-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:8px}.gender-option{align-items:center;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 12px;transition:all .2s ease}.gender-option:hover{background:#f8f9fa;border-color:#667eea}.gender-option input[type=radio]{accent-color:#667eea;margin:0}.gender-option input[type=radio]:checked+span{color:#667eea;font-weight:600}@media (max-width:768px){.auth-container{padding:10px}.auth-card{padding:30px 20px}.auth-header h1{font-size:2rem}.form-row,.gender-options{grid-template-columns:1fr}}@media (max-width:480px){.auth-card{padding:20px 15px}.auth-header h1{font-size:1.8rem}.auth-header p{font-size:1rem}}.refer-friend-container{background-color:#f5f7fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.refer-header{border-bottom:2px solid #e0e0e0;margin-bottom:24px;padding-bottom:16px}.header-content,.refer-header{align-items:center;display:flex}.header-content{flex-grow:1}.header-icon{align-items:center;background-color:#e6f0ff;border-radius:20px;display:flex;height:40px;justify-content:center;margin-right:12px;width:40px}.header-icon .MuiSvgIcon-root{color:#4285f4;font-size:20px}.header-title{color:#4285f4;font-weight:500}.main-title-section{margin-bottom:32px;text-align:center}.main-title{color:#1a1a1a;font-size:24px;font-weight:700;margin-bottom:8px}.main-subtitle{color:#666;font-size:16px;line-height:1.5}.referral-code-card{background-color:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;overflow:hidden}.referral-code-card .MuiCardContent-root{padding:24px}.referral-code-header{align-items:center;display:flex;margin-bottom:16px}.referral-code-dot{background-color:#4285f4;border-radius:50%;height:8px;margin-right:8px;width:8px}.referral-code-label{color:#4285f4;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.referral-code-display{background-color:#f5f7fa;justify-content:space-between;margin-bottom:20px}.referral-code{color:#1a1a1a;font-size:20px}.copy-button{color:#4285f4;transition:all .3s ease}.copy-button:hover{background-color:#4285f41a}.copy-button.copied{color:#4caf50}.referral-actions{display:flex;gap:12px}.qr-button{background-color:#4285f4;color:#fff;flex:1 1}.qr-button:hover{background-color:#3367d6}.share-button{border-color:#4285f4;color:#4285f4;flex:1 1}.share-button:hover{background-color:#4285f40a;border-color:#3367d6}.stats-grid{margin-bottom:32px}.stat-card{border-radius:12px;overflow:hidden;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.stat-card.total-referrals{background:linear-gradient(135deg,#4285f4,#3367d6);color:#fff}.stat-card.total-earnings{background:linear-gradient(135deg,#34a853,#2e7d32);color:#fff}.stat-card.pending-referrals{background:linear-gradient(135deg,#fbbc04,#f57c00);color:#fff}.stat-card.completed-referrals{background:linear-gradient(135deg,#ea4335,#d32f2f);color:#fff}.stat-icon{margin-bottom:12px}.stat-icon .MuiSvgIcon-root{font-size:48px;opacity:.9}.stat-number{font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{font-weight:500;opacity:.9}.how-it-works-card{background-color:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.how-it-works-card .MuiCardContent-root{padding:24px}.section-title{color:#1a1a1a;font-weight:600;margin-bottom:24px;text-align:center}.step-item{padding:20px;text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,#4285f4,#3367d6);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.step-title{color:#1a1a1a;font-weight:600;margin-bottom:8px}.step-description{color:#666;line-height:1.5}.rewards-card{background-color:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.rewards-card .MuiCardContent-root{padding:24px}.reward-item{align-items:flex-start;background-color:#f8f9fa;border-radius:8px;display:flex;margin-bottom:16px;padding:16px}.reward-icon{color:#fbbc04;font-size:32px;margin-right:16px;margin-top:4px}.reward-content{flex:1 1}.reward-title{color:#1a1a1a;font-weight:600;margin-bottom:8px}.reward-description{color:#666;line-height:1.5}.history-section{margin-bottom:24px;text-align:center}.history-button{border-color:#4285f4;border-radius:8px;color:#4285f4;padding:12px 24px}.history-button:hover{background-color:#4285f40a;border-color:#3367d6}.qr-code-content{padding:20px 0;text-align:center}.qr-code-display{background-color:#f8f9fa;border-radius:12px;display:flex;justify-content:center;margin:20px 0;padding:20px}.share-platform-button{border-radius:8px;font-weight:500;height:60px;text-transform:none}.share-platform-button.whatsapp{border-color:#25d366;color:#25d366}.share-platform-button.whatsapp:hover{background-color:#25d3660a}.share-platform-button.facebook{border-color:#1877f2;color:#1877f2}.share-platform-button.facebook:hover{background-color:#1877f20a}.share-platform-button.twitter{border-color:#1da1f2;color:#1da1f2}.share-platform-button.twitter:hover{background-color:#1da1f20a}.share-platform-button.email{border-color:#ea4335;color:#ea4335}.share-platform-button.email:hover{background-color:#ea43350a}.share-platform-button.copy{background-color:#4285f4;color:#fff}.share-platform-button.copy:hover{background-color:#3367d6}.empty-history{padding:48px 24px;text-align:center}.empty-history .MuiTypography-h6{margin-bottom:8px}.referral-history-item{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:8px;padding:16px}.referral-avatar{background-color:#4285f4;color:#fff;font-weight:600}.referral-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.referral-info .MuiTypography-subtitle1{color:#1a1a1a;font-weight:600}.referral-details{display:flex;flex-direction:column;gap:4px}.referral-details .MuiTypography-body2{color:#666}@media (max-width:768px){.refer-friend-container{padding:16px}.refer-header{align-items:flex-start;flex-direction:column;gap:12px}.header-content{width:100%}.main-title{font-size:20px}.main-subtitle{font-size:14px}.referral-code-display{flex-direction:column;gap:12px;text-align:center}.referral-code{font-size:18px}.referral-actions{flex-direction:column}.step-item{padding:16px 8px}.step-number{font-size:20px;height:50px;width:50px}.reward-item{flex-direction:column;text-align:center}.reward-icon{margin-bottom:12px;margin-right:0}.share-platform-button{height:50px}.referral-info{align-items:flex-start;flex-direction:column;gap:8px}}.refer-friend-container{animation:fadeIn .3s ease-out}.copy-button.copied{animation:bounce .6s ease-in-out}.referral-history-item::-webkit-scrollbar{width:4px}.referral-history-item::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.referral-history-item::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.referral-history-item::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.wallet-container{background-color:#f5f7fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.wallet-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;margin-bottom:24px;padding-bottom:16px}.wallet-title{color:#1976d2;flex-grow:1;font-weight:600}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.wallet-info-card{background:linear-gradient(135deg,#006af9,#093c86);border:1px solid #fff3;border-radius:16px;margin-bottom:24px;overflow:hidden}.wallet-info-card .MuiCardContent-root{padding:24px}.balance-section{color:#fff;position:relative;text-align:center}.balance-label{color:#ffffffe6!important;font-size:16px!important;font-weight:500!important;margin-bottom:8px!important}.balance-amount{color:#fff!important;font-size:32px!important;font-weight:700!important;margin-bottom:8px!important}.balance-icon{color:#fffc!important;font-size:44px!important;position:absolute;right:0;top:0}.search-filter-bar{align-items:center;display:flex;gap:16px;margin-bottom:20px}.search-filter-bar .MuiTextField-root{background-color:#fff;border-radius:8px}.search-filter-bar .MuiOutlinedInput-root{border-radius:8px}.transaction-type-filters{margin-bottom:24px}.filter-chips{display:flex;gap:12px;overflow-x:auto;padding:4px 0}.filter-chip{background-color:#f5f5f5!important;border:1px solid #e0e0e0!important;border-radius:8px!important;color:#666!important;font-weight:600!important;transition:all .3s ease!important}.filter-chip:hover{background-color:#e3f2fd!important;border-color:#1976d2!important}.filter-chip.selected{background-color:#1976d21a!important;border-color:#1976d2!important;color:#1976d2!important}.transactions-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.transactions-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.transactions-header .MuiTypography-h6{color:#1976d2;font-weight:600}.sort-controls{align-items:center;display:flex;gap:8px}.transactions-list{padding:0}.transaction-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.transaction-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.transaction-item.clickable:hover{border-color:#1976d2;cursor:pointer}.transaction-icon{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.transaction-icon .MuiSvgIcon-root{color:#666;font-size:24px}.transaction-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.transaction-title{color:#333;flex-grow:1;font-weight:600;margin-right:16px}.transaction-amount{font-size:18px;font-weight:700;white-space:nowrap}.transaction-details{display:flex;flex-direction:column;gap:8px}.transaction-tags{display:flex;flex-wrap:wrap;gap:8px}.type-chip{background-color:#1976d21a!important;color:#1976d2!important}.status-chip,.type-chip{font-size:12px!important;font-weight:600!important}.status-chip.pending{background-color:#ff98001a!important;color:#f57c00!important}.status-chip.completed{background-color:#4caf501a!important;color:#2e7d32!important}.status-chip.failed{background-color:#f443361a!important;color:#d32f2f!important}.transaction-description{color:#666;line-height:1.4}.transaction-date{color:#999;font-size:12px}.empty-state{padding:48px 24px;text-align:center}.empty-state .MuiTypography-h6{margin-bottom:8px}.filter-drawer{z-index:1300}.filter-drawer .MuiDrawer-paper{padding:0;width:320px}.filter-drawer-content{display:flex;flex-direction:column;height:100%}.filter-drawer-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.filter-drawer-header .MuiTypography-h6{color:#1976d2;font-weight:600}.filter-options{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0}.filter-option{background-color:#f5f5f5!important;border:1px solid #e0e0e0!important;border-radius:16px!important;color:#666!important;font-weight:500!important;transition:all .3s ease!important}.filter-option:hover{background-color:#e3f2fd!important;border-color:#1976d2!important}.filter-option.selected{background-color:#1976d2!important;border-color:#1976d2!important;color:#fff!important}.date-range-filters{display:flex;flex-direction:column;gap:16px;padding:16px 0}.filter-actions{background-color:#f8f9fa;border-top:1px solid #e0e0e0;margin-top:auto;padding:20px}.referral-fab{bottom:24px;position:fixed!important;right:24px;z-index:1000}.referral-content{padding:16px 0;text-align:center}.referral-code-section{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin-top:24px;padding:20px}.referral-code-display{align-items:center;background-color:#fff;border:2px dashed #1976d2;border-radius:8px;display:flex;gap:16px;justify-content:center;margin-top:12px;padding:16px}.referral-code{color:#1976d2;font-family:"monospace";font-weight:600;letter-spacing:2px}@media (max-width:768px){.wallet-container{padding:16px}.wallet-header{align-items:flex-start;flex-direction:column;gap:12px}.search-filter-bar{align-items:stretch;flex-direction:column}.filter-chips{justify-content:flex-start}.transactions-header{align-items:flex-start;flex-direction:column;gap:12px}.sort-controls{justify-content:space-between;width:100%}.transaction-header{align-items:flex-start;flex-direction:column;gap:8px}.transaction-amount{align-self:flex-end}.filter-drawer .MuiDrawer-paper{width:100%}.referral-fab{bottom:16px;right:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wallet-container{animation:fadeIn .3s ease-out}.filter-chips::-webkit-scrollbar{height:4px}.filter-chips::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.filter-chips::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.filter-chips::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loading-container .MuiCircularProgress-root{animation:pulse 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.referral-code-display .MuiIconButton-root.MuiIconButton-colorSuccess{animation:bounce .6s ease-in-out}
/*# sourceMappingURL=main.28e4e126.css.map*/