.splash-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#0f172a,#1e293b,#14532d)}.splash-logo-container{position:relative}.splash-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem}.splash-logo-icon{position:relative}.splash-shield{width:6rem;height:6rem;color:#4ade80;stroke-width:1.5}.splash-leaf{width:3rem;height:3rem;color:#22c55e;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splash-loader{width:8rem;height:8rem;border-radius:50%;border:4px solid transparent;border-top-color:#4ade80;border-right-color:#22c55e;margin:0 auto;animation:spin 1.5s linear infinite}.splash-glow{position:absolute;inset:0;border-radius:50%;background:#22c55e;opacity:.2;filter:blur(48px);animation:pulse 2s ease-in-out infinite}.splash-title{color:#fff;font-size:2.25rem;line-height:2.5rem;margin-top:3rem;margin-bottom:1rem}.splash-subtitle{color:#86efac;text-align:center;padding:0 2rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.2);opacity:.4}}.image-fallback-container{display:inline-block;background-color:#f3f4f6;text-align:center;vertical-align:middle}.image-fallback-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.onboarding-screen{height:100vh;background:linear-gradient(to bottom right,#0f172a,#1e293b,#14532d);display:flex;flex-direction:column}.onboarding-skip-container{display:flex;justify-content:flex-end;padding:1.5rem}.onboarding-skip-button{color:#86efac;background:none;border:none;cursor:pointer;transition:color .3s}.onboarding-skip-button:hover{color:#4ade80}.onboarding-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 2rem}.onboarding-slide{display:flex;flex-direction:column;align-items:center;text-align:center}.onboarding-icon{width:6rem;height:6rem;border-radius:50%;background:linear-gradient(to bottom right,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;margin-bottom:2rem;box-shadow:0 10px 15px -3px #22c55e80}.onboarding-icon svg{width:3rem;height:3rem;color:#fff}.onboarding-image{width:100%;max-width:24rem;height:16rem;border-radius:1.5rem;overflow:hidden;margin-bottom:2rem;box-shadow:0 25px 50px -12px #00000040}.onboarding-image img{width:100%;height:100%;object-fit:cover}.onboarding-title{color:#fff;font-size:1.875rem;line-height:2.25rem;margin-bottom:1rem;max-width:28rem}.onboarding-description{color:#bbf7d0;font-size:1.125rem;line-height:1.75rem;max-width:28rem}.onboarding-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.onboarding-dot{height:.5rem;border-radius:9999px;transition:all .3s}.onboarding-dot.active{width:2rem;background:#4ade80}.onboarding-dot.inactive{width:.5rem;background:#4b5563}.onboarding-navigation{padding:0 2rem 3rem}.onboarding-button{width:100%;background:linear-gradient(to right,#22c55e,#16a34a);color:#fff;padding:1.5rem 0;border-radius:1rem;box-shadow:0 10px 15px -3px #22c55e4d;border:none;cursor:pointer;font-size:1rem;transition:background .3s}.onboarding-button:hover{background:linear-gradient(to right,#16a34a,#15803d)}.login-screen{min-height:100vh;background:linear-gradient(to bottom right,#0f172a,#1e293b,#14532d);display:flex;flex-direction:column;padding:1.5rem}@media(min-width:768px){.login-screen{padding:2rem}}.login-container{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:28rem;margin:0 auto;width:100%}.login-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}@media(min-width:768px){.login-logo{margin-bottom:3rem}}.login-logo-icon{position:relative}.login-logo-shield{width:3rem;height:3rem;color:#4ade80;stroke-width:1.5}.login-logo-leaf{width:1.5rem;height:1.5rem;color:#22c55e;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(min-width:768px){.login-logo-shield{width:4rem;height:4rem}.login-logo-leaf{width:2rem;height:2rem}}.login-logo-text{color:#fff;font-size:1.5rem;line-height:2rem}@media(min-width:768px){.login-logo-text{font-size:1.875rem;line-height:2.25rem}}.login-form-container{background:#1e293b80;backdrop-filter:blur(16px);border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(51 65 85 / .5)}.login-form-title{color:#fff;font-size:1.5rem;line-height:2rem;margin-bottom:1.5rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-field{display:flex;flex-direction:column;gap:.5rem}.login-label{color:#86efac}.login-input-container{position:relative}.login-input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#94a3b8}.login-input{background:#33415580;border:1px solid rgb(75 85 99);color:#fff;border-radius:.5rem;padding:.75rem .75rem .75rem 2.75rem;width:100%}.login-input::placeholder{color:#94a3b8}.login-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e4d}.login-forgot-password{color:#4ade80;font-size:.875rem;background:none;border:none;cursor:pointer;transition:color .3s}.login-forgot-password:hover{color:#86efac}.login-submit-button{width:100%;background:linear-gradient(to right,#22c55e,#16a34a);color:#fff;padding:1.5rem 0;border-radius:.75rem;box-shadow:0 10px 15px -3px #22c55e4d;border:none;cursor:pointer;transition:background .3s}.login-submit-button:hover{background:linear-gradient(to right,#16a34a,#15803d)}.login-register-link{margin-top:1.5rem;text-align:center}.login-register-text{color:#94a3b8}.login-register-button{color:#4ade80;background:none;border:none;cursor:pointer;transition:color .3s}.login-register-button:hover{color:#86efac}.login-back-button{display:flex;align-items:center;gap:8px;color:#666;background:none;border:none;padding:8px 0;margin-bottom:20px;cursor:pointer;font-size:14px;transition:color .2s}.login-back-button:hover{color:#4caf50}.login-form-subtitle{color:#666;font-size:14px;line-height:1.5;margin-bottom:24px;text-align:center}.login-error-message{color:#dc3545;font-size:12px;margin-top:4px;padding:4px 8px;background-color:#dc35451a;border-radius:4px}.login-reset-success{text-align:center}.login-success-icon{color:#4caf50;margin-bottom:20px}.login-success-icon svg{animation:success-appear .6s ease-out}@keyframes success-appear{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.login-form-container{position:relative;min-height:400px}.register-screen{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#14532d);display:flex;flex-direction:column;padding:1.5rem}@media(min-width:768px){.register-screen{padding:2rem}}.register-container{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:28rem;margin:0 auto;width:100%}.register-back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#86efac;transition:color .2s ease;margin-bottom:1.5rem;cursor:pointer}.register-back-button:hover{color:#4ade80}.register-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}@media(min-width:768px){.register-logo{margin-bottom:2rem}}.register-logo-container{position:relative}.register-logo-shield{width:2.5rem;height:2.5rem;color:#4ade80;stroke-width:1.5}.register-logo-leaf{width:1.25rem;height:1.25rem;color:#22c55e;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.register-logo-text{color:#fff;font-size:1.25rem;margin:0}@media(min-width:768px){.register-logo-shield{width:3.5rem;height:3.5rem}.register-logo-leaf{width:1.75rem;height:1.75rem}.register-logo-text{font-size:1.5rem}}.register-form-container{background:#1e293b80;backdrop-filter:blur(16px);border-radius:1rem;padding:1.5rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(71,85,105,.5)}@media(min-width:768px){.register-form-container{border-radius:1.5rem;padding:2rem}}.register-form-title{color:#fff;font-size:1.5rem;margin:0 0 1.5rem;text-align:center}.register-form{display:flex;flex-direction:column;gap:1.25rem}.register-field{display:flex;flex-direction:column;gap:.5rem}.register-label{color:#86efac;font-size:.875rem;font-weight:500}.register-input-container{position:relative}.register-input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#94a3b8}.register-input{width:100%;padding:.75rem .75rem .75rem 2.75rem;background:#33415580;border:1px solid rgb(71,85,105);border-radius:.5rem;color:#fff;font-size:1rem;transition:all .2s ease}.register-input::placeholder{color:#94a3b8}.register-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e4d}.register-checkbox-container{display:flex;align-items:center;gap:.75rem}.register-checkbox{width:1rem;height:1rem;border:1px solid rgb(71,85,105);border-radius:.25rem;background:transparent;cursor:pointer;position:relative;transition:all .2s ease}.register-checkbox:checked{background-color:#22c55e;border-color:#22c55e}.register-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.register-checkbox-label{color:#cbd5e1;font-size:.875rem;cursor:pointer}.register-submit-button{width:100%;background:linear-gradient(to right,#22c55e,#16a34a);color:#fff;padding:1.5rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 15px -3px #22c55e4d}.register-submit-button:hover{background:linear-gradient(to right,#16a34a,#15803d)}.register-footer{margin-top:1.5rem;text-align:center}.register-footer-text{color:#94a3b8}.register-footer-link{background:none;border:none;color:#4ade80;cursor:pointer;transition:color .2s ease}.register-footer-link:hover{color:#86efac}.register-terms-link{background:none;border:none;color:var(--color-green-500, rgb(34, 197, 94));margin-left:8px;text-decoration:underline;cursor:pointer;font-weight:600;padding:0}.register-terms-link:hover{color:var(--color-green-400, rgb(74, 222, 128))}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;background:#1e293bf2;backdrop-filter:blur(16px);border-top:1px solid rgba(51 65 85 / .5);padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));z-index:50}@media(min-width:640px){.bottom-nav{padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}}.bottom-nav-container{display:flex;justify-content:space-around;align-items:center;max-width:100%;margin:0 auto;width:100%}@media(min-width:768px){.bottom-nav-container{max-width:32rem}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.375rem .5rem;border-radius:.5rem;transition:all .3s;background:none;border:none;cursor:pointer;flex:1;max-width:4rem;min-width:0}@media(min-width:640px){.bottom-nav-item{gap:.25rem;padding:.5rem 1rem;border-radius:.75rem;flex:none;max-width:none}}.bottom-nav-item.active{color:#4ade80;background:#22c55e1a}.bottom-nav-item.inactive{color:#94a3b8}.bottom-nav-item.inactive:hover{color:#cbd5e1}.bottom-nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0}@media(min-width:640px){.bottom-nav-icon{width:1.5rem;height:1.5rem}}.bottom-nav-label{font-size:.625rem;line-height:.875rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(min-width:640px){.bottom-nav-label{font-size:.75rem;line-height:1rem}}.home-screen{min-height:100vh;background:linear-gradient(to bottom right,#0f172a,#1e293b,#14532d);padding-bottom:6rem}.home-header{padding:3rem 1.5rem 1.5rem}.home-header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.home-welcome{color:#fff;font-size:1.5rem;line-height:2rem}.home-level{color:#86efac;margin-top:.25rem}.home-nav-buttons{display:flex;gap:.75rem}.home-nav-button{width:3rem;height:3rem;border-radius:9999px;background:#1e293b80;backdrop-filter:blur(16px);border:1px solid rgba(51 65 85 / .5);display:flex;align-items:center;justify-content:center;transition:background-color .3s}.home-nav-button:hover{background:#33415580}.home-profile-button{width:3rem;height:3rem;border-radius:9999px;background:linear-gradient(to bottom right,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 25px -5px #22c55e4d;transition:box-shadow .3s}.home-profile-button:hover{box-shadow:0 20px 25px -5px #22c55e80}.home-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.home-streak-card{grid-column:1 / -1;background:#1e293b80;backdrop-filter:blur(16px);border-radius:1rem;padding:1.25rem;border:1px solid rgba(51 65 85 / .5);box-shadow:0 25px 50px -12px #00000040;display:flex;align-items:center;gap:1rem}.home-streak-icon{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#f97316,#ea580c);box-shadow:0 10px 15px -3px #f973164d;flex-shrink:0}.home-streak-icon svg{width:2rem;height:2rem;color:#fff}.home-streak-content{flex:1}.home-streak-value{color:#fff;font-size:1.75rem;line-height:2.25rem;display:flex;align-items:baseline;gap:.25rem}.home-streak-unit{color:#fdba74;font-size:1rem;margin-left:.25rem}.home-streak-subtext{color:#fdba74;font-size:.875rem;margin-top:.25rem}.home-stat-card{background:#1e293b80;backdrop-filter:blur(16px);border-radius:1rem;padding:1.25rem;border:1px solid rgba(51 65 85 / .5);box-shadow:0 25px 50px -12px #00000040}.home-nav-button svg,.home-profile-button svg,.home-stat-icon svg,.home-cta-button svg{width:1.25rem;height:1.25rem}.home-nav-button svg{color:#4ade80}.home-profile-button svg{color:#fff}.home-stat-icon svg{color:#fff}.home-stat-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;box-shadow:0 10px 15px -3px #0000001a}.home-stat-icon.green{background:linear-gradient(to bottom right,#22c55e,#059669)}.home-stat-icon.badge-gold{background:linear-gradient(to bottom right,#fbbf24,#f59e0b);box-shadow:0 10px 15px -3px #fbbf2440}.home-stat-icon.badge-silver{background:linear-gradient(to bottom right,#9ca3af,#6b7280);box-shadow:0 10px 15px -3px #9ca3af40}.home-stat-icon.badge-bronze{background:linear-gradient(to bottom right,#cd7f32,#b45309);box-shadow:0 10px 15px -3px #cd7f3240}.home-stat-card.home-badge-gold{border-color:#fbbf2466;background:#fbbf240f}.home-stat-card.home-badge-silver{border-color:#9ca3af66;background:#9ca3af0f}.home-stat-card.home-badge-bronze{border-color:#cd7f3266;background:#cd7f320f}.home-stat-icon.yellow{background:linear-gradient(to bottom right,#eab308,#d97706)}.home-stat-icon.blue{background:linear-gradient(to bottom right,#3b82f6,#06b6d4)}.home-stat-icon.purple{background:linear-gradient(to bottom right,#a855f7,#ec4899)}.home-stat-label{color:#94a3b8;font-size:.875rem;margin-bottom:.25rem}.home-stat-value{color:#fff;font-size:1.5rem;line-height:2rem}.home-stat-unit{color:#86efac;font-size:.875rem;margin-left:.25rem}.home-cta-button{width:100%;background:linear-gradient(to right,#22c55e,#16a34a);color:#fff;padding:1.5rem 0;border-radius:1rem;box-shadow:0 10px 15px -3px #22c55e4d;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;transition:background .3s}.home-cta-button:hover{background:linear-gradient(to right,#16a34a,#15803d)}.home-section{padding:0 1.5rem;margin-top:2rem}.home-section-title{color:#fff;font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem}.home-activity-list{display:flex;flex-direction:column;gap:.75rem}.home-activity-item{background:#1e293b80;backdrop-filter:blur(16px);border-radius:.75rem;padding:1rem;border:1px solid rgba(51 65 85 / .5);display:flex;align-items:center;justify-content:space-between}.home-activity-title{color:#fff}.home-activity-time{color:#94a3b8;font-size:.875rem;margin-top:.25rem}.home-activity-points{color:#86efac}.home-activity-item.photo-activity{border-left:3px solid rgb(34 197 94);background:#22c55e0d}.home-activity-item.pending-activity{border-left:3px solid rgb(234 179 8);background:#eab3080d}.home-activity-item.create-activity{border-left:3px solid rgb(59 130 246);background:#3b82f60d}.pending-points{color:#eab308!important;font-size:.75rem}.home-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.home-quick-action{background:#3b82f633;backdrop-filter:blur(16px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(59 130 246 / .3);text-align:left;cursor:pointer;transition:border-color .3s}.home-quick-action:hover{border-color:#60a5fa80}.home-quick-action.purple{background:#a855f733;border:1px solid rgba(168 85 247 / .3)}.home-quick-action.purple:hover{border-color:#c4b5fd80}.home-quick-action-emoji{font-size:1.875rem;margin-bottom:.5rem}.home-quick-action-title{color:#fff}.home-quick-action-subtitle{color:#94a3b8;font-size:.875rem;margin-top:.25rem}.home-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.home-streak-card{grid-column:1 / -1;background:linear-gradient(135deg,#f973161a,#ea580c0d);backdrop-filter:blur(16px);border-radius:1rem;padding:1.25rem;border:1px solid rgba(249,115,22,.3);box-shadow:0 25px 50px -12px #f9731626}.streak-card-content{display:flex;align-items:center;gap:1.25rem}.home-streak-icon{position:relative;width:4rem;height:4rem;border-radius:1rem;background:linear-gradient(to bottom right,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #f9731666;flex-shrink:0}.streak-flame{width:2rem;height:2rem;color:#fff;z-index:2}.flame-effect{position:absolute;top:-8px;right:-8px;width:24px;height:24px}.flame{position:absolute;background:linear-gradient(to bottom,#ff6b00,#ffc800);border-radius:50%;animation:flamePulse 1.5s infinite}.flame:nth-child(1){width:10px;height:10px;top:0;right:8px;animation-delay:0s}.flame:nth-child(2){width:8px;height:8px;top:5px;right:0;animation-delay:.5s}.flame:nth-child(3){width:6px;height:6px;top:10px;right:12px;animation-delay:1s}@keyframes flamePulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.streak-text-container{flex:1}.home-streak-label{color:#94a3b8;font-size:.875rem;margin-bottom:.25rem}.streak-value-container{display:flex;align-items:baseline;gap:.25rem}.home-streak-value{color:#fff;font-size:1.75rem;line-height:2.25rem;font-weight:600}.home-streak-unit{color:#fdba74;font-size:1rem;margin-left:.25rem;font-weight:500}.streak-info{margin-top:.5rem}.streak-badge{display:inline-block;background:#f9731633;color:#fdba74;padding:.35rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;border:1px solid rgba(249,115,22,.3)}.streak-subtext{color:#fdba74;font-size:.875rem;margin-top:.5rem;font-style:italic}.stat-card-content{display:flex;align-items:center;gap:1rem}.stat-text-container{flex:1}.value-unit-container{display:flex;align-items:baseline;gap:.25rem}.cta-container{margin-top:1.5rem}.quick-action-content{display:flex;align-items:flex-start;gap:1rem}.quick-action-text{text-align:left}.home-quick-action-emoji svg{width:2rem;height:2rem;flex-shrink:0}@media(max-width:640px){.home-stats-grid{grid-template-columns:1fr 1fr}.streak-card-content{flex-direction:row;align-items:center}.home-streak-icon{width:3.5rem;height:3.5rem}.home-streak-value{font-size:1.5rem}}@media(max-width:480px){.stat-card-content{flex-direction:column;align-items:flex-start;gap:.75rem;text-align:left}.streak-card-content{flex-direction:column;align-items:flex-start;gap:1rem;text-align:left}.streak-info{width:100%;text-align:left}.home-streak-icon{align-self:flex-start}}.create-challenge-screen{min-height:100vh;background:linear-gradient(to bottom right,#0f172a,#1e293b,#14532d);padding:1rem 1rem 5.5rem;width:100%;box-sizing:border-box}.create-challenge-header{padding:0;width:100%;box-sizing:border-box;margin-bottom:1.5rem}.create-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.5rem}.create-header-text{flex:1}.create-challenge-title{color:#fff;font-size:1.5rem;line-height:1.3;margin:0;font-weight:600}.create-challenge-title svg{display:inline-block}.create-challenge-subtitle{color:#86efac;margin-top:.25rem;font-size:.875rem}.close-challenge-button{width:44px;height:44px;border-radius:50%;background:#ffffff1a;color:#fff;border:1px solid rgba(255 255 255 / .2);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:.5rem}.close-challenge-button:hover{background:#fff3;transform:rotate(90deg)}.create-challenge-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:600px;margin:0 auto}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-row{display:flex;gap:1rem}.form-row .form-section{flex:1}.form-label{color:#e2e8f0;font-size:.875rem;font-weight:500}.form-input{width:100%;padding:.75rem 1rem;background:#1e293bcc;border:1px solid rgba(51 65 85 / .6);border-radius:.75rem;color:#fff;font-size:.875rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.form-input::placeholder{color:#64748b}.form-textarea{width:100%;padding:.75rem 1rem;background:#1e293bcc;border:1px solid rgba(51 65 85 / .6);border-radius:.75rem;color:#fff;font-size:.875rem;resize:vertical;min-height:80px;transition:all .3s ease}.form-textarea:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.challenge-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.challenge-type-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;background:#1e293b99;border:1px solid rgba(51 65 85 / .4);border-radius:.75rem;color:#94a3b8;cursor:pointer;transition:all .3s ease}.challenge-type-btn.active{background:#22c55e26;border-color:#22c55e66;color:#4ade80}.challenge-type-btn:hover:not(.active){background:#33415566;border-color:#33415599}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.category-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;background:#1e293b99;border:1px solid rgba(51 65 85 / .4);border-radius:.75rem;color:#94a3b8;cursor:pointer;transition:all .3s ease}.category-btn.active{background:#22c55e26;border-color:#22c55e66}.category-icon{width:44px;height:44px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--tw-gradient-stops))}.category-icon svg{color:#fff;width:1.5rem;height:1.5rem}.input-with-icon{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#94a3b8}.input-with-icon .form-input{padding-left:2.75rem}.photo-upload-area{position:relative;padding:2rem;background:#1e293b99;border:2px dashed rgba(51 65 85 / .6);border-radius:.75rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease}.photo-upload-area:hover{border-color:#22c55e66;background:#22c55e1a}.upload-icon{width:2rem;height:2rem;color:#94a3b8}.photo-upload-area span{color:#94a3b8;font-size:.875rem}.file-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.group-members-input{display:flex;flex-direction:column;gap:.75rem}.input-with-button{display:flex;gap:.5rem}.input-with-button .form-input{flex:1}.add-member-btn{padding:0 1rem;background:#22c55e33;border:1px solid rgba(34 197 94 / .4);border-radius:.75rem;color:#4ade80;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.add-member-btn:hover{background:#22c55e4d}.group-members-list{display:flex;flex-wrap:wrap;gap:.5rem}.group-member-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#1e293bcc;border:1px solid rgba(51 65 85 / .6);border-radius:9999px;color:#fff;font-size:.875rem}.remove-member-btn{width:1.25rem;height:1.25rem;border-radius:50%;background:#ef444433;border:none;color:#f87171;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-member-btn:hover{background:#ef44444d}.advanced-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#1e293b99;border:1px solid rgba(51 65 85 / .4);border-radius:.75rem;color:#94a3b8;cursor:pointer;transition:all .3s ease;width:100%}.advanced-toggle-btn:hover{background:#33415566;border-color:#33415599}.advanced-options{display:flex;flex-direction:column;gap:1rem;overflow:hidden}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none}.form-checkbox{width:1.125rem;height:1.125rem;border:2px solid rgba(51 65 85 / .6);border-radius:.375rem;background:transparent;cursor:pointer}.form-checkbox:checked{background-color:#22c55e;border-color:#22c55e}.form-actions{display:flex;gap:1rem;margin-top:1rem}.cancel-btn{flex:1;padding:.875rem 1rem;background:#ffffff1a;border:1px solid rgba(255 255 255 / .2);border-radius:.75rem;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#fff3}.submit-btn{flex:2;padding:.875rem 1rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:.75rem;color:#fff;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e4d}@media(max-width:640px){.create-challenge-screen{padding:1rem .75rem 5.5rem}.create-challenge-title{font-size:1.25rem}.challenge-type-grid,.category-grid{grid-template-columns:repeat(3,1fr)}.form-row{flex-direction:column;gap:1rem}.form-row .half{width:100%}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}@media(max-width:480px){.challenge-type-grid,.category-grid{grid-template-columns:1fr}.challenge-type-btn,.category-btn{flex-direction:row;justify-content:flex-start;padding:.75rem 1rem}}.half{flex:1}.friend-system-screen{min-height:100vh;background:linear-gradient(to bottom right,#0f172a,#1e293b,#14532d);padding:1rem 1rem 5.5rem;width:100%;box-sizing:border-box}.friend-header{padding:0;width:100%;box-sizing:border-box}.friend-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:1.5rem}.friend-header-text{flex:1}.friend-title{color:#fff;font-size:1.5rem;line-height:1.3;margin:0;font-weight:600}.friend-subtitle{color:#86efac;font-size:.875rem;margin-top:.25rem;font-weight:500}.friend-search-container{width:100%;margin-bottom:1.5rem}.friend-search{position:relative;width:100%}.friend-search-input{width:100%;background:#1e293bb3;backdrop-filter:blur(12px);border-radius:1rem;padding:1rem 3rem;border:1px solid rgba(51 65 85 / .4);color:#fff;font-size:.9375rem;transition:all .3s ease;box-sizing:border-box}.friend-search-input:focus{outline:none;border-color:#22c55e4d;box-shadow:0 0 0 2px #22c55e1a}.friend-search-input::placeholder{color:#94a3b8}.friend-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#94a3b8}.friend-filter-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#94a3b8;cursor:pointer;transition:all .2s ease}.friend-filter-icon:hover{color:#4ade80;transform:translateY(-50%) scale(1.1)}.friend-tabs{display:flex;gap:.75rem;margin-bottom:1.5rem;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.friend-tabs::-webkit-scrollbar{display:none}.friend-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:1rem;border:1px solid rgba(51 65 85 / .4);background:#1e293b99;color:#94a3b8;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.friend-tab.active{background:#22c55e33;color:#4ade80;border-color:#22c55e4d}.friend-tab:hover:not(.active){background:#33415566;border-color:#33415599}.friend-tab-icon{width:1.125rem;height:1.125rem}.tab-count{background:#22c55e33;color:#4ade80;font-size:.75rem;padding:.125rem .5rem;border-radius:9999px;font-weight:600;min-width:1.5rem;text-align:center}.friend-content{width:100%;box-sizing:border-box}.friend-section{margin-bottom:2rem}.friend-section-title{color:#fff;font-size:1.125rem;line-height:1.4;margin-bottom:1rem;font-weight:600}.friend-cards-grid{display:flex;flex-direction:column;gap:.75rem;width:100%}.friend-card{background:#1e293b99;backdrop-filter:blur(12px);border-radius:1rem;padding:1rem;border:1px solid rgba(51 65 85 / .4);transition:all .3s ease;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-sizing:border-box}.friend-card:hover{transform:translateY(-2px);border-color:#22c55e4d;box-shadow:0 8px 20px #00000026}.friend-card-content{display:flex;align-items:center;gap:.75rem;flex:1}.friend-avatar-container{position:relative;flex-shrink:0}.friend-avatar{width:48px;height:48px;border-radius:.875rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;box-shadow:0 4px 10px #0003}.friend-status{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid rgb(30 41 59)}.friend-info{flex:1;min-width:0}.friend-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.friend-name{color:#fff;font-size:.9375rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-rank{background:#3b82f633;color:#60a5fa;font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;flex-shrink:0}.friend-details{display:flex;gap:.75rem;margin-bottom:.5rem;font-size:.75rem}.friend-city{color:#94a3b8}.friend-level{color:#fbbf24;font-weight:500}.friend-stats{display:flex;gap:.75rem}.friend-stat{display:flex;align-items:center;gap:.25rem}.friend-stat-icon{width:.875rem;height:.875rem;color:#4ade80}.friend-stat-value{color:#fff;font-size:.875rem;font-weight:700}.friend-stat-label{color:#94a3b8;font-size:.6875rem;margin-left:.125rem}.friend-actions{display:flex;gap:.5rem;flex-shrink:0}.friend-action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:.75rem;border:none;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.message-btn{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3);width:fit-content}.message-btn:hover{background:#3b82f64d}.add-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;box-shadow:0 4px 12px #22c55e4d}.add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #22c55e66}.added-btn{background:#94a3b833;color:#94a3b8;border:1px solid rgba(148,163,184,.3);cursor:not-allowed}.group-cards-grid{display:flex;flex-direction:column;gap:.75rem;width:100%}.group-card{background:#1e293b99;backdrop-filter:blur(12px);border-radius:1rem;padding:1rem;border:1px solid rgba(51 65 85 / .4);transition:all .3s ease;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-sizing:border-box}.group-card:hover{transform:translateY(-2px);border-color:#22c55e4d;box-shadow:0 8px 20px #00000026}.group-card-content{flex:1;min-width:0}.group-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.group-name{color:#fff;font-size:.9375rem;font-weight:600;margin:0;flex:1}.group-category{font-size:.6875rem;font-weight:500;padding:.125rem .5rem;border-radius:9999px;border:1px solid;flex-shrink:0;margin-left:.5rem}.group-description{color:#94a3b8;font-size:.8125rem;margin-bottom:.75rem;line-height:1.4}.group-stats{display:flex;gap:.75rem}.group-stat{display:flex;align-items:center;gap:.25rem}.group-stat-icon{width:.875rem;height:.875rem;color:#4ade80}.group-stat-value{color:#fff;font-size:.875rem;font-weight:700}.group-stat-label{color:#94a3b8;font-size:.6875rem;margin-left:.125rem}.group-actions{flex-shrink:0}.group-action-btn{padding:.5rem .875rem;border-radius:.75rem;border:none;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:6rem}.join-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;box-shadow:0 4px 12px #22c55e4d}.join-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #22c55e66}.leave-btn{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.leave-btn:hover{background:#ef44444d}.activity-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.activity-card{background:#1e293b99;backdrop-filter:blur(12px);border-radius:1rem;padding:1rem;border:1px solid rgba(51 65 85 / .4);display:flex;align-items:center;gap:.75rem;transition:all .2s ease;width:100%;box-sizing:border-box}.activity-card:hover{border-color:#22c55e4d;transform:translateY(-1px)}.activity-type{font-size:1.25rem;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.activity-user{color:#fff;font-size:.875rem;font-weight:600;margin:0}.activity-time{color:#94a3b8;font-size:.6875rem;flex-shrink:0}.activity-action{color:#cbd5e1;font-size:.8125rem;margin-bottom:.5rem;line-height:1.4}.activity-points{display:flex;align-items:center;gap:.25rem;color:#4ade80;font-size:.75rem;font-weight:500}.activity-chevron{width:1rem;height:1rem;color:#94a3b8;flex-shrink:0}.empty-state{text-align:center;padding:3rem 1rem;color:#94a3b8;background:#1e293b80;backdrop-filter:blur(12px);border-radius:1rem;border:1px solid rgba(51 65 85 / .4);margin-top:1rem}.challenges-screen{min-height:100vh;background:linear-gradient(to bottom right,#0f172a,#1e293b,#14532d);padding-bottom:6rem}.challenges-header{padding:3rem 1.5rem 1.5rem}.challenges-title{color:#fff;font-size:1.875rem;line-height:2.25rem;margin-bottom:.5rem}.challenges-subtitle{color:#86efac}.daily-challenge-card{margin-top:1rem;background:#11182780;border-radius:.75rem;padding:.75rem 1rem;border:1px solid rgba(51 65 85 / .5)}.daily-challenge-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.daily-challenge-title{color:#fff;font-size:1rem;margin:0 0 .25rem}.daily-challenge-desc{color:#94a3b8;margin:0;font-size:.875rem}.daily-challenge-right{color:#4ade80;font-weight:600}.daily-challenge-empty{color:#94a3b8}.fetch-error{margin-top:.75rem;padding:.5rem .75rem;background:#dc26260f;border:1px solid rgba(220 38 38 / .2);color:#dc2626;border-radius:.5rem;font-size:.875rem}.challenges-list{padding:0 1.5rem;display:flex;flex-direction:column;gap:1rem}.challenge-card{background:#1e293b80;backdrop-filter:blur(16px);border-radius:1rem;padding:1.25rem;border:1px solid rgba(51 65 85 / .5);box-shadow:0 25px 50px -12px #00000040}.challenge-card.challenge-card-completed{border:1px solid rgba(34 197 94 / .5);background:#22c55e0d}.challenge-content{display:flex;align-items:flex-start;gap:1rem}.challenge-icon{width:3.5rem;height:3.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 15px -3px #0000001a}.challenge-icon svg,.challenge-icon-svg{width:1.75rem;height:1.75rem;color:#fff}.challenge-icon.blue{background:linear-gradient(to bottom right,#3b82f6,#06b6d4)}.challenge-icon.lime{background:linear-gradient(to bottom right,#16a34a,#65a30d)}.challenge-icon.cyan{background:linear-gradient(to bottom right,#06b6d4,#3b82f6)}.challenge-icon.yellow{background:linear-gradient(to bottom right,#eab308,#d97706)}.challenge-icon.teal{background:linear-gradient(to bottom right,#14b8a6,#22c55e)}.challenge-details{flex:1}.challenge-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.challenge-info h3,.challenge-title{color:#fff;font-size:1.125rem;line-height:1.75rem}.challenge-info p,.challenge-description{color:#94a3b8;font-size:.875rem;margin-top:.25rem}.challenge-completed-icon{width:1.5rem;height:1.5rem;color:#4ade80;flex-shrink:0;margin-left:.5rem}.challenge-progress{margin-top:.75rem}.challenge-progress-info{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.5rem}.challenge-progress-text{color:#94a3b8}.challenge-points{color:#4ade80;font-size:.75rem}@media(min-width:768px){.challenge-points{font-size:.875rem}}.challenge-progress-bar{height:.5rem;background:#334155;border-radius:9999px;overflow:hidden}.photo-challenge-meta{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.photo-challenge-location,.photo-challenge-completions{display:flex;align-items:center;gap:.25rem;color:#94a3b8;font-size:.75rem}.photo-challenge-location svg,.photo-challenge-completions svg{color:#4ade80;flex-shrink:0}.photo-challenge-author{color:#94a3b8;font-size:.75rem;font-style:italic}.challenge-progress-fill{height:100%;background:linear-gradient(to right,#22c55e,#16a34a);transition:width .3s ease}.challenge-actions{margin-top:1rem}.challenge-completed-status{display:flex;align-items:center;gap:.5rem;color:#4ade80;font-size:.875rem}.challenge-completed-check{width:1rem;height:1rem}.challenge-button{padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;font-size:.875rem;transition:background-color .3s}.challenge-button.active{background:#22c55e33;color:#4ade80;border:1px solid rgba(34 197 94 / .3)}.challenge-button.active:hover{background:#22c55e4d}.challenge-button.available{background:#33415580;color:#94a3b8}.challenge-button.available:hover{background:#334155}.challenges-summary-wrapper{padding:0 1.5rem;margin-top:2rem;margin-bottom:1.5rem}.challenges-summary-card{background:linear-gradient(to bottom right,#22c55e1a,#16a34a1a);backdrop-filter:blur(16px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(34 197 94 / .3)}.challenges-summary-title{color:#fff;font-size:1.125rem;line-height:1.75rem;margin-bottom:.5rem}.challenges-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.challenges-stat{text-align:center}.challenges-stat-number{color:#4ade80;font-size:1.5rem;line-height:2rem}.challenges-stat-label{color:#94a3b8;font-size:.875rem;margin-top:.25rem}.community-screen{min-height:100vh;background:linear-gradient(to bottom right,#0f172a,#1e293b,#14532d);padding-bottom:6rem}.community-header{padding:3rem 1.5rem 1.5rem}.community-title{color:#fff;font-size:1.875rem;line-height:2.25rem;margin-bottom:.5rem}.community-subtitle{color:#86efac;margin-bottom:1.5rem}.community-search{position:relative;margin-bottom:1.5rem}.community-search-input{width:100%;background:#1e293b80;border:1px solid rgba(51 65 85 / .5);border-radius:.75rem;padding:.75rem 1rem .75rem 2.5rem;color:#fff;font-size:.875rem;transition:all .3s}.community-search-input:focus{outline:none;border-color:#22c55e80;background:#1e293bcc}.community-search-input::placeholder{color:#94a3b8}.community-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#94a3b8}.community-filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.community-filter-tab{padding:.5rem 1rem;border-radius:9999px;border:none;font-size:.875rem;cursor:pointer;transition:all .3s}.community-filter-tab.active{background:#22c55e33;color:#4ade80;border:1px solid rgba(34 197 94 / .3)}.community-filter-tab:not(.active){background:#33415580;color:#94a3b8;border:1px solid rgba(51 65 85 / .5)}.community-filter-tab:not(.active):hover{background:#334155cc}.community-leaderboard{padding:0 1.5rem}.community-podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:2rem;align-items:end}.community-podium-item{text-align:center;padding:1.5rem 1rem;background:#1e293b80;backdrop-filter:blur(16px);border-radius:1rem;border:1px solid rgba(51 65 85 / .5);position:relative}.community-podium-item.first{order:2;border-color:#fbbf2480;background:#fbbf241a}.community-podium-item.second{order:1}.community-podium-item.third{order:3}.community-podium-rank{position:absolute;top:-.5rem;left:50%;transform:translate(-50%);width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.community-podium-rank.first{background:linear-gradient(to bottom right,#fbbf24,#f59e0b);color:#fff}.community-podium-rank.second{background:linear-gradient(to bottom right,#9ca3af,#6b7280);color:#fff}.community-podium-rank.third{background:linear-gradient(to bottom right,#cd7f32,#b45309);color:#fff}.community-podium-avatar{width:4rem;height:4rem;border-radius:50%;margin:0 auto .75rem;background:linear-gradient(to bottom right,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.community-podium-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.community-podium-name{color:#fff;font-weight:600;margin-bottom:.25rem}.community-podium-points{color:#4ade80;font-size:.875rem;font-weight:500}.community-user-list{display:flex;flex-direction:column;gap:.75rem}.community-user-item{background:#1e293b80;backdrop-filter:blur(16px);border-radius:1rem;padding:1rem;border:1px solid rgba(51 65 85 / .5);display:flex;align-items:center;gap:.75rem}.community-user-item.community-badge-gold{border-color:#fbbf2480;background:#fbbf2414}.community-user-item.community-badge-silver{border-color:#9ca3af80;background:#9ca3af14}.community-user-item.community-badge-bronze{border-color:#cd7f3280;background:#cd7f3214}.community-load-more{text-align:center;margin-top:.5rem}.community-user-rank{width:2rem;height:2rem;border-radius:50%;background:#33415580;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:700;font-size:.875rem;flex-shrink:0}.community-user-avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(to bottom right,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.community-user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.community-user-name{color:#fff;font-weight:600;margin-bottom:.25rem}.community-user-level{color:#94a3b8;font-size:.875rem}.community-user-badge{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.community-user-badge.gold{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251 191 36 / .3)}.community-user-badge.silver{background:#9ca3af33;color:#9ca3af;border:1px solid rgba(156 163 175 / .3)}.community-user-badge.bronze{background:#cd7f3233;color:#cd7f32;border:1px solid rgba(205 127 50 / .3)}.community-user-points{display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:4rem;flex-shrink:0}.community-user-points-value{color:#4ade80;margin:0;font-weight:600;font-size:1rem;line-height:1.2;text-align:right}.community-user-points-label{color:#6b7280;font-size:.75rem;margin:0;line-height:1}.community-user-item{background:#1e293b80;backdrop-filter:blur(16px);border-radius:.75rem;padding:1rem;border:1px solid rgba(71,85,105,.5);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.community-user-item-top{border-color:#22c55e80;background:#22c55e0d}.community-user-content{display:flex;align-items:center;gap:1rem;width:100%}.community-user-rank{display:flex;align-items:center;justify-content:center;width:2rem}.community-user-rank-number{color:#94a3b8}.community-user-avatar{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:.875rem}.community-user-avatar.yellow-500{background-color:#eab308}.community-user-avatar.slate-400{background-color:#94a3b8}.community-user-avatar.amber-600{background-color:#d97706}.community-user-info{flex:1}.community-user-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.community-user-name{color:#fff;margin:0;font-size:1rem;font-weight:500;flex:1}.community-user-badge{padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.community-user-badge.gold{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.4)}.community-user-badge.silver{background:#cbd5e133;color:#cbd5e1;border:1px solid rgba(203,213,225,.4)}.community-user-badge.bronze{background:#ea580c33;color:#ea580c;border:1px solid rgba(234,88,12,.4)}.community-user-level{color:#94a3b8;font-size:.875rem;margin:0}.community-rank-icon-gold{width:1.5rem;height:1.5rem;color:#facc15}.community-rank-icon-silver{width:1.5rem;height:1.5rem;color:#cbd5e1}.community-rank-icon-bronze{width:1.5rem;height:1.5rem;color:#ea580c}.community-user-stats{display:flex;flex-direction:column;gap:.25rem}.community-user-stat-items{display:flex;align-items:center;gap:.75rem}.community-user-stat{display:flex;align-items:center;gap:.25rem}.community-user-stat-icon{width:.875rem;height:.875rem;color:#86efac}.community-user-stat span{color:#94a3b8;font-size:.75rem;font-weight:500}@media(max-width:768px){.community-user-points{min-width:3rem;max-width:4rem}.community-user-points-value{font-size:.875rem;word-break:break-word}.community-user-points-label{font-size:.625rem}.community-user-info{flex:1;min-width:0;overflow:hidden}.community-user-name{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-user-level{font-size:.75rem}.community-user-stat-items{gap:.5rem}.community-user-stat span{font-size:.625rem}.community-user-stat-icon{width:.75rem;height:.75rem}.community-user-content{gap:.75rem}.community-user-avatar{width:2.5rem;height:2.5rem;font-size:.875rem}}@media(max-width:480px){.community-user-points{min-width:2.5rem;max-width:3rem}.community-user-points-value{font-size:.75rem}.community-user-points-label{font-size:.5rem}.community-user-name{font-size:.8rem}.community-user-level{font-size:.625rem}.community-user-avatar{width:2rem;height:2rem;font-size:.75rem}}.community-no-results{text-align:center;padding:3rem 1rem;color:#94a3b8;background:#1e293b80;backdrop-filter:blur(16px);border-radius:1rem;border:1px solid rgba(51 65 85 / .5);margin-top:1rem}.community-no-results p{margin-bottom:1rem;font-size:1rem}.community-reset-btn{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border:none;padding:.75rem 2rem;border-radius:.75rem;font-weight:500;cursor:pointer;transition:transform .2s ease}.community-reset-btn:hover{transform:translateY(-2px)}.community-user-points-container{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;min-width:5rem;flex-shrink:0}.community-user-rank-right{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:#33415580}.community-user-rank-right .community-rank-icon-gold,.community-user-rank-right .community-rank-icon-silver,.community-user-rank-right .community-rank-icon-bronze{width:1.25rem;height:1.25rem}.community-user-rank-right .community-user-rank-number{color:#94a3b8;font-weight:700;font-size:.875rem}@media(max-width:768px){.community-user-points-container{min-width:4rem;max-width:4rem}.community-user-points-value{font-size:.875rem;word-break:break-word}.community-user-points-label{font-size:.625rem}.community-user-rank-right{width:1.75rem;height:1.75rem}.community-user-rank-right .community-rank-icon-gold,.community-user-rank-right .community-rank-icon-silver,.community-user-rank-right .community-rank-icon-bronze{width:1rem;height:1rem}.community-user-rank-right .community-user-rank-number{font-size:.75rem}}@media(max-width:480px){.community-user-points-container{min-width:3.5rem;max-width:3.5rem}.community-user-points-value{font-size:.75rem}.community-user-points-label{font-size:.5rem}.community-user-rank-right{width:1.5rem;height:1.5rem}.community-user-rank-right .community-rank-icon-gold,.community-user-rank-right .community-rank-icon-silver,.community-user-rank-right .community-rank-icon-bronze{width:.875rem;height:.875rem}.community-user-rank-right .community-user-rank-number{font-size:.625rem}}.profile-screen{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#14532d);padding-bottom:6rem}.profile-header{padding:3rem 1.5rem 1.5rem}.profile-back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#86efac;transition:color .2s ease;margin-bottom:1.5rem;cursor:pointer}.profile-back-button:hover{color:#4ade80}.profile-card{padding:0 1.5rem;margin-bottom:2rem}.profile-card-content{background:#1e293b80;backdrop-filter:blur(16px);border-radius:1.5rem;padding:1.5rem;border:1px solid rgba(71,85,105,.5);box-shadow:0 25px 50px -12px #00000040}.profile-info{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.profile-avatar{width:5rem;height:5rem;border:4px solid rgb(34,197,94);border-radius:50%;box-shadow:0 10px 15px -3px #22c55e4d;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600}.profile-details{flex:1}.profile-name{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.profile-badges{display:flex;align-items:center;gap:.5rem}.profile-badge{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.profile-badge-level{background:linear-gradient(to right,#22c55e,#16a34a);color:#fff;border:none}.profile-badge-rank{border:1px solid rgba(34,197,94,.5);color:#4ade80;background:transparent}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.profile-action-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;border:1px solid rgba(34,197,94,.5);color:#4ade80;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.profile-action-button:hover{background:#22c55e1a;color:#86efac}.profile-stats{padding:0 1.5rem;margin-bottom:2rem}.profile-section-title{color:#fff;font-size:1.125rem;margin:0 0 1rem}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.profile-stat-card{background:#1e293b80;backdrop-filter:blur(16px);border-radius:.75rem;padding:1rem;border:1px solid rgba(71,85,105,.5);text-align:center}.profile-stat-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;margin:0 auto .5rem}.profile-stat-icon svg{width:1.25rem;height:1.25rem;color:#fff}.profile-stat-value{color:#fff;font-size:1.125rem;margin:0;font-weight:500}.profile-stat-label{color:#94a3b8;font-size:.75rem;margin:.25rem 0 0;line-height:1.2}.profile-achievements{padding:0 1.5rem;margin-bottom:2rem}.profile-achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.profile-achievement-card{border-radius:.75rem;padding:1rem;border:1px solid}.profile-achievement-card.unlocked{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border-color:#22c55e4d}.profile-achievement-card.locked{background:#1e293b4d;border-color:#4755694d}.profile-achievement-icon{font-size:2.5rem;margin-bottom:.5rem;display:block}.profile-achievement-icon svg{width:2.5rem;height:2.5rem;margin-bottom:.75rem;margin-top:1rem}.profile-achievement-icon.locked{opacity:.3;filter:grayscale(100%)}.profile-achievement-title{font-size:.875rem;margin:0 0 .25rem;font-weight:500}.profile-achievement-title.unlocked{color:#fff}.profile-achievement-title.locked{color:#6b7280}.profile-achievement-description{font-size:.75rem;margin:0}.profile-achievement-description.unlocked{color:#86efac}.profile-achievement-description.locked{color:#4b5563}.profile-activity{padding:0 1.5rem;margin-bottom:2rem}.profile-activity-list{display:flex;flex-direction:column;gap:.75rem}.profile-activity-item{background:#1e293b80;backdrop-filter:blur(16px);border-radius:.75rem;padding:1rem;border:1px solid rgba(71,85,105,.5);display:flex;align-items:center;justify-content:space-between}.profile-activity-content{flex:1}.profile-activity-action{color:#fff;font-size:.875rem;margin:0 0 .25rem}.profile-activity-date{color:#94a3b8;font-size:.75rem;margin:0}.profile-activity-points{color:#4ade80;font-weight:500}.profile-logout{padding:0 1.5rem;margin-bottom:1.5rem}.profile-logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;border:1px solid rgba(239,68,68,.5);color:#f87171;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.profile-logout-button:hover{background:#ef44441a;color:#fca5a5}.settings-screen{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#14532d);padding-bottom:6rem}.settings-header{padding:3rem 1.5rem 1.5rem}.settings-back-button{display:flex;align-items:center;gap:.5rem;color:#86efac;background:transparent;border:none;cursor:pointer;transition:color .2s ease;margin-bottom:1.5rem}.settings-back-button:hover{color:#4ade80}.settings-title{color:#fff;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.settings-subtitle{color:#86efac;margin:0}.settings-content{padding:0 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.settings-section-title{color:#94a3b8;font-size:.875rem;margin:0 0 .75rem .25rem;font-weight:500}.settings-section-container{background:#1e293b80;backdrop-filter:blur(16px);border-radius:1rem;border:1px solid rgba(71,85,105,.5);overflow:hidden}.settings-item{padding:1rem;display:flex;align-items:center;gap:1rem}.settings-item-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;color:#fff}.settings-item-content{flex:1}.settings-item-label{color:#fff;font-weight:500;margin:0;cursor:pointer}.settings-item-description{color:#94a3b8;font-size:.875rem;margin:.25rem 0 0}.settings-toggle{width:2.75rem;height:1.5rem;background:#475569;border-radius:.75rem;position:relative;cursor:pointer;transition:background-color .2s ease;border:none}.settings-toggle.checked{background:#22c55e}.settings-toggle-thumb{width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;position:absolute;top:.125rem;left:.125rem;transition:transform .2s ease;box-shadow:0 1px 3px #0000001a}.settings-toggle.checked .settings-toggle-thumb{transform:translate(1.25rem)}.settings-item-separator{height:1px;background:#47556980;margin:0}.settings-app-info{padding:0 1.5rem;margin-top:2rem}.settings-app-info-card{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);backdrop-filter:blur(16px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(34,197,94,.3);text-align:center}.settings-app-info-emoji{font-size:2.5rem;margin-bottom:.75rem}.settings-app-info-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.settings-app-info-description{color:#86efac;font-size:.875rem;margin:0 0 1rem}.settings-app-info-details{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:#94a3b8}.settings-app-info-details p{margin:0}.settings-app-info-details .small{font-size:.75rem}.settings-contact{padding:0 1.5rem;margin:1.5rem 0}.settings-contact-card{background:#1e293b80;backdrop-filter:blur(16px);border-radius:1rem;padding:1.25rem;border:1px solid rgba(71,85,105,.5)}.settings-contact-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.settings-contact-list{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.settings-contact-button{width:100%;text-align:left;color:#4ade80;background:transparent;border:none;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.settings-contact-button:hover{color:#22c55e;background:#22c55e1a}svg{display:inline-block}.notifications-screen{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#14532d);padding-bottom:6rem}.notifications-header{padding:3rem 1.5rem 1.5rem}.notifications-header-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.notifications-back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#86efac;transition:color .2s ease;cursor:pointer}.notifications-back-button:hover{color:#4ade80}.notifications-mark-read-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#4ade80;font-size:.875rem;transition:color .2s ease;cursor:pointer}.notifications-mark-read-button:hover{color:#86efac}.notifications-title-section{display:flex;align-items:center;gap:.75rem}.notifications-bell-container{position:relative}.notifications-bell-icon{width:2rem;height:2rem;color:#4ade80}.notifications-unread-badge{position:absolute;top:-.25rem;right:-.25rem;width:1.25rem;height:1.25rem;background-color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem}.notifications-title{color:#fff;font-size:1.875rem;margin:0}.notifications-subtitle{color:#86efac;margin:.25rem 0 0}.notifications-list{padding:0 1.5rem;display:flex;flex-direction:column;gap:.75rem}.notifications-empty{text-align:center;padding:4rem 0}.notifications-empty-icon{font-size:3.75rem;margin-bottom:1rem}.notifications-empty-title{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.notifications-empty-text{color:#94a3b8}.notification-item{background:#1e293b80;backdrop-filter:blur(16px);border-radius:1rem;padding:1rem;border:1px solid rgba(71,85,105,.5);box-shadow:0 25px 50px -12px #00000040}.notification-item.unread{border-color:#22c55e80;background:#22c55e0d}.notification-content{display:flex;align-items:flex-start;gap:1rem}.notification-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.notification-icon.yellow-orange{background:linear-gradient(135deg,#eab308,#ea580c)}.notification-icon.green-emerald{background:linear-gradient(135deg,#22c55e,#059669)}.notification-icon.purple-pink{background:linear-gradient(135deg,#a855f7,#ec4899)}.notification-icon.blue-cyan{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.notification-icon svg{width:1.5rem;height:1.5rem;color:#fff}.notification-text{flex:1;min-width:0}.notification-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.25rem}.notification-title{margin:0}.notification-title.read{color:#cbd5e1}.notification-title.unread{color:#fff}.notification-unread-dot{width:.5rem;height:.5rem;background-color:#4ade80;border-radius:50%;flex-shrink:0;margin-left:.5rem;margin-top:.5rem}.notification-message{color:#94a3b8;font-size:.875rem;margin:0 0 .5rem}.notification-footer{display:flex;align-items:center;justify-content:space-between}.notification-time{color:#6b7280;font-size:.75rem}.notification-delete-button{background:none;border:none;color:#f87171;padding:.25rem;cursor:pointer;transition:color .2s ease}.notification-delete-button:hover{color:#fca5a5}.notifications-quick-actions{padding:0 1.5rem;margin-top:2rem;margin-bottom:1.5rem}.quick-actions-container{background:linear-gradient(135deg,#22c55e1a,#0596691a);backdrop-filter:blur(16px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(34,197,94,.3)}.quick-actions-title{color:#fff;margin:0 0 1rem}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.quick-action-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;border:1px solid rgba(34,197,94,.5);color:#4ade80;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.quick-action-button:hover{background:#22c55e1a;color:#86efac}.quick-action-button svg{width:1rem;height:1rem}.eco-tips-screen{min-height:100vh;background:linear-gradient(to bottom right,#0f172a,#1e293b,#14532d);padding-bottom:6rem}.eco-tips-header{padding:3rem 1.5rem 1.5rem}.eco-tips-back-button{display:flex;align-items:center;gap:.5rem;color:#86efac;background:none;border:none;cursor:pointer;transition:color .3s;margin-bottom:1.5rem}.eco-tips-back-button:hover{color:#4ade80}.eco-tips-back-button svg{width:1.25rem;height:1.25rem}.eco-tips-title{color:#fff;font-size:1.875rem;line-height:2.25rem;margin-bottom:.5rem}.eco-tips-subtitle{color:#86efac}.eco-tips-categories{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.eco-tips-categories::-webkit-scrollbar{display:none}.eco-tips-category-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1e293b80;border:1px solid rgba(51 65 85 / .5);border-radius:9999px;color:#94a3b8;font-size:.875rem;white-space:nowrap;cursor:pointer;transition:all .3s}.eco-tips-category-button.active{background:#22c55e33;border-color:#22c55e80;color:#4ade80}.eco-tips-category-button svg{width:1rem;height:1rem}.eco-tips-grid{padding:0 1.5rem;display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.eco-tip-card{background:#1e293b80;backdrop-filter:blur(16px);border-radius:1rem;overflow:hidden;border:1px solid rgba(51 65 85 / .5);box-shadow:0 25px 50px -12px #00000040;cursor:pointer;transition:all .3s;position:relative}.eco-tip-card:hover{border-color:#22c55e80}.eco-tip-image-container{position:relative;height:12rem;overflow:hidden}.eco-tip-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.eco-tip-card:hover .eco-tip-image{transform:scale(1.05)}.eco-tip-image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(15 23 42),rgba(15 23 42 / .5),transparent)}.eco-tip-icon{position:absolute;bottom:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:.75rem;background:#22c55ee6;display:flex;align-items:center;justify-content:center}.eco-tip-icon svg{width:1.5rem;height:1.5rem;color:#fff}.eco-tip-content{padding:1.25rem}.eco-tip-title{color:#fff;font-size:1.125rem;line-height:1.75rem;margin-bottom:.5rem}.eco-tip-description{color:#94a3b8;font-size:.875rem;margin-bottom:.75rem}.eco-tip-footer{display:flex;align-items:center;justify-content:space-between}.eco-tip-impact{color:#4ade80;font-size:.875rem}.eco-tip-read-more{color:#4ade80;font-size:.875rem;transition:transform .3s}.eco-tip-card:hover .eco-tip-read-more{transform:translate(.25rem)}.eco-tip-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.eco-tip-modal{background:#1e293b;border:1px solid rgb(51 65 85);color:#fff;max-width:32rem;width:100%;border-radius:1rem;max-height:90vh;overflow-y:auto}.eco-tip-modal-header{position:relative;padding:1.5rem;border-bottom:1px solid rgb(51 65 85)}.eco-tip-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s}.eco-tip-modal-close:hover{background:#33415580;color:#fff}.eco-tip-modal-close svg{width:1.25rem;height:1.25rem}.eco-tip-modal-image{width:100%;height:12rem;object-fit:cover;margin:-1.5rem -1.5rem 1rem;border-radius:1rem 1rem 0 0}.eco-tip-modal-title{font-size:1.5rem;line-height:2rem;margin-bottom:.5rem}.eco-tip-modal-subtitle{color:#86efac;font-size:1rem;line-height:1.5rem}.eco-tip-modal-body{padding:1.5rem}.eco-tip-modal-details{color:#cbd5e1;line-height:1.6;margin-bottom:1.5rem}.eco-tip-modal-footer{padding:1.5rem;border-top:1px solid rgb(51 65 85)}.eco-tip-modal-button{width:100%;background:linear-gradient(to right,#22c55e,#16a34a);color:#fff;padding:.75rem;border-radius:.5rem;border:none;cursor:pointer;transition:background .3s}.eco-tip-modal-button:hover{background:linear-gradient(to right,#16a34a,#15803d)}.photo-submission-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.photo-submission-modal{background:#1e293bf2;backdrop-filter:blur(20px);border-radius:1.5rem;border:1px solid rgba(51,65,85,.5);box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.submission-error{background:#dc26261f;color:#f87171;border:1px solid rgba(248,113,113,.4);padding:.75rem 1rem;margin:1rem 1.25rem 0;border-radius:.75rem;font-size:.9rem}.photo-submission-header{padding:1.5rem;border-bottom:1px solid rgba(51,65,85,.5);display:flex;justify-content:space-between;align-items:flex-start}.photo-submission-header h3{color:#fff;font-size:1.25rem;margin:0 0 .25rem}.photo-submission-header p{color:#94a3b8;font-size:.875rem;margin:0}.close-button{background:#33415580;border:1px solid rgba(71,85,105,.5);border-radius:.5rem;padding:.5rem;color:#94a3b8;cursor:pointer;transition:all .3s}.close-button:hover{background:#475569b3;color:#fff}.submission-step{padding:1.5rem;flex:1;overflow-y:auto}.capture-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem}.capture-instructions{display:flex;flex-direction:column;align-items:center;gap:1rem}.capture-instructions svg{color:#4ade80}.capture-instructions h4{color:#fff;font-size:1.5rem;margin:0}.capture-instructions p{color:#94a3b8;margin:0}.capture-button{background:linear-gradient(to right,#22c55e,#16a34a);color:#fff;border:none;border-radius:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s;box-shadow:0 10px 15px -3px #22c55e4d}.capture-button:hover{background:linear-gradient(to right,#16a34a,#15803d);transform:translateY(-1px)}.photo-preview{position:relative;margin-bottom:1.5rem}.photo-preview img{width:100%;height:200px;object-fit:cover;border-radius:.75rem}.retake-button{position:absolute;top:.75rem;right:.75rem;background:#000000b3;backdrop-filter:blur(8px);border:none;color:#fff;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;display:flex;align-items:center;gap:.25rem;cursor:pointer;transition:all .3s}.retake-button:hover{background:#000c}.submission-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#86efac;font-size:.875rem;font-weight:500}.form-group textarea,.form-group input{background:#33415580;border:1px solid rgb(71,85,105);border-radius:.5rem;padding:.75rem;color:#fff;font-size:1rem;transition:all .3s;resize:vertical}.form-group textarea:focus,.form-group input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e4d}.form-group textarea::placeholder,.form-group input::placeholder{color:#94a3b8}.location-input{position:relative}.location-input svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8}.location-input input{padding-left:2.5rem}.submission-reward{display:flex;align-items:center;gap:.5rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:.5rem;padding:.75rem;color:#4ade80;font-weight:600}.submission-reward svg{color:#eab308}.confirmation-content{display:flex;flex-direction:column;gap:1.5rem}.confirm-photo img{width:100%;height:150px;object-fit:cover;border-radius:.75rem}.confirm-details h4{color:#fff;font-size:1.25rem;margin:0 0 1rem}.confirm-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.confirm-item{color:#cbd5e1;font-size:.875rem}.confirm-item strong{color:#fff;margin-right:.5rem}.validation-notice{display:flex;align-items:center;gap:.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.5rem;padding:.75rem;color:#93c5fd;font-size:.875rem}.validation-notice svg{color:#3b82f6;flex-shrink:0}.submission-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid rgba(51,65,85,.5)}.primary-button,.secondary-button{flex:1;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s;border:none}.primary-button{background:linear-gradient(to right,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 6px -1px #22c55e4d}.primary-button:hover:not(:disabled){background:linear-gradient(to right,#16a34a,#15803d);transform:translateY(-1px)}.primary-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.secondary-button{background:#33415580;border:1px solid rgba(71,85,105,.5);color:#cbd5e1}.secondary-button:hover:not(:disabled){background:#475569b3;border-color:#475569b3}.secondary-button:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media(max-width:640px){.photo-submission-modal{margin:.5rem;max-height:95vh}.submission-actions{flex-direction:column}.confirm-photo img{height:120px}}.photo-challenge-screen{min-height:100vh;background:linear-gradient(to bottom right,#0f172a,#1e293b,#14532d);padding-bottom:6rem}.photo-challenge-header{padding:3rem 1.5rem 1.5rem}.photo-challenge-title{color:#fff;font-size:1.875rem;line-height:2.25rem;margin-bottom:.5rem}.photo-challenge-title svg{display:inline-block}.photo-challenge-subtitle{color:#86efac;margin-bottom:0}.photo-challenge-tabs{display:flex;padding:0 1.5rem;margin-bottom:1.5rem;gap:.5rem}.photo-challenge-tab:not(.active):hover{background:#334155cc}.photo-challenge-tab-icon{width:1rem;height:1rem}.photo-challenge-content{padding:0 1.5rem}.regular-challenges{display:flex;flex-direction:column;gap:1rem}.regular-challenge-card{background:#1e293b80;backdrop-filter:blur(16px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(51 65 85 / .5);display:flex;align-items:center;gap:1rem;transition:all .3s}.regular-challenge-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000004d}.regular-challenge-card.completed{border-color:#22c55e80;background:#22c55e1a}.regular-challenge-icon{width:3rem;height:3rem;border-radius:.75rem;background:linear-gradient(to bottom right,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;flex-shrink:0}.regular-challenge-icon .icon{width:1.5rem;height:1.5rem;color:#fff}.regular-challenge-info{flex:1}.regular-challenge-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.regular-challenge-description{color:#94a3b8;font-size:.875rem;margin:0 0 .75rem}.regular-challenge-progress{display:flex;align-items:center;gap:.75rem}.progress-bar{flex:1;height:.5rem;background:#33415580;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(to right,#22c55e,#16a34a);border-radius:9999px;transition:width .3s}.progress-text{color:#4ade80;font-size:.875rem;font-weight:500;min-width:3rem}.regular-challenge-reward{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;flex-shrink:0}.regular-challenge-reward .points{color:#4ade80;font-size:1.25rem;font-weight:600}.regular-challenge-reward .points-label{color:#6b7280;font-size:.75rem}.regular-challenge-reward .completed-icon{width:1.5rem;height:1.5rem;color:#22c55e;margin-top:.25rem}.complete-regular-btn{margin-top:.35rem;padding:.4rem .9rem;border-radius:.5rem;border:1px solid rgba(34 197 94 / .4);background:#22c55e26;color:#4ade80;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}.complete-regular-btn:hover{background:#22c55e40;border-color:#22c55e99;transform:translateY(-1px)}.complete-regular-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.photo-challenges{display:flex;flex-direction:column;gap:1rem}.photo-challenge-card{background:#1e293b80;backdrop-filter:blur(16px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(51 65 85 / .5);transition:all .3s}.photo-challenge-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000004d}.photo-challenge-card.completed{border-color:#22c55e80;background:#22c55e1a}.photo-challenge-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.photo-challenge-card-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;background:linear-gradient(to bottom right,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center}.photo-challenge-card-icon .icon{width:1.25rem;height:1.25rem;color:#fff}.photo-challenge-card-meta{display:flex;align-items:center;gap:.75rem}.difficulty{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.photo-challenge-card-meta .points{color:#4ade80;font-size:.875rem;font-weight:600}.photo-challenge-card-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.photo-challenge-card-description{color:#94a3b8;font-size:.875rem;margin:0 0 1rem;line-height:1.5}.photo-challenge-card-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail{display:flex;align-items:center;gap:.5rem}.detail-icon{width:1rem;height:1rem;color:#86efac;flex-shrink:0}.detail span{color:#94a3b8;font-size:.875rem}.photo-challenge-card-footer{display:flex;justify-content:space-between;align-items:center}.author{color:#6b7280;font-size:.75rem}.status-completed{display:flex;align-items:center;gap:.5rem;color:#22c55e;font-size:.875rem;font-weight:500}.status-pending{color:#eab308}.status-icon{width:1rem;height:1rem}.accept-challenge-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(to right,#22c55e,#16a34a);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s}.accept-challenge-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px -3px #22c55e66}.btn-icon{width:1rem;height:1rem}.create-challenge{max-width:100%}.create-challenge-form{background:#1e293b80;backdrop-filter:blur(16px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(51 65 85 / .5)}.create-form-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;color:#94a3b8;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-textarea,.form-select{width:100%;background:#33415580;border:1px solid rgba(71 85 105 / .5);border-radius:.5rem;padding:.75rem;color:#fff;font-size:.875rem;transition:all .3s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#22c55e80;background:#334155cc}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280}.form-textarea{resize:vertical;min-height:4rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.create-challenge-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(to right,#22c55e,#16a34a);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:1rem}.create-challenge-btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px -5px #22c55e66}@media(max-width:640px){.photo-challenge-header{padding:2rem 1rem 1rem}.photo-challenge-title{font-size:1.5rem}.photo-challenge-tabs{padding:0 1rem}.photo-challenge-tab{padding:.625rem .75rem;font-size:.8rem}.photo-challenge-content{padding:0 1rem}.regular-challenge-card{padding:1rem;flex-direction:column;text-align:center;gap:1rem}.regular-challenge-info{width:100%}.regular-challenge-progress{justify-content:center}.photo-challenge-card{padding:1rem}.photo-challenge-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.photo-challenge-card-meta{width:100%;justify-content:space-between}.photo-challenge-card-footer{flex-direction:column;align-items:flex-start;gap:.75rem}.form-row{grid-template-columns:1fr}}.create-floating-btn{position:fixed;top:1.5rem;right:1.5rem;width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 25px -5px #22c55e66;z-index:100;transition:all .3s}.create-floating-btn:hover{transform:scale(1.1);box-shadow:0 12px 30px -5px #22c55e99}.photo-challenge-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:.75rem;border:none;background:#33415580;color:#94a3b8;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s}.photo-challenge-tab.active{background:#22c55e33;color:#4ade80;border:1px solid rgba(34 197 94 / .3)}.photo-challenges-navigation{display:flex;justify-content:space-between;margin-bottom:1rem}.nav-arrow{background:#1e293b80;border:1px solid rgba(51 65 85 / .5);color:#94a3b8;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.nav-arrow:hover:not(:disabled){background:#22c55e33;color:#4ade80;border-color:#22c55e4d}.nav-arrow:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.create-floating-btn{top:1rem;right:1rem;width:2.5rem;height:2.5rem}.photo-challenge-tab{padding:.625rem;font-size:.875rem}}.terms-screen{min-height:100vh;background:radial-gradient(ellipse at top left,rgba(34,197,94,.06),transparent 18%),linear-gradient(180deg,#07120a 0% 100%);color:var(--color-green-200, #dfffdc);padding:20px;display:flex;justify-content:center;align-items:flex-start}.terms-container{width:100%;max-width:880px;margin-top:20px;padding:24px;border-radius:12px;background:linear-gradient(180deg,#ffffff05,#ffffff03);box-shadow:0 8px 30px #22c55e0f,0 2px 8px #0009;backdrop-filter:blur(6px)}.terms-back-button{display:inline-flex;gap:8px;align-items:center;background:transparent;border:none;color:var(--color-green-400, #bfffc9);font-weight:600;cursor:pointer}.terms-back-button:hover{color:var(--color-green-500, #22c55e)}.terms-header{margin-top:6px;padding:12px 0 18px;border-bottom:1px solid rgba(34,197,94,.06)}.terms-header h1{margin:0;color:var(--color-green-200, #cfffda);text-shadow:0 0 18px rgba(34,197,94,.12)}.terms-sub{margin:6px 0 0;color:var(--color-green-300, #a7f8bf)}.terms-content{margin-top:18px}.terms-card{background:linear-gradient(180deg,#0c140a99,#080c0880);border:1px solid rgba(34,197,94,.06);padding:18px;border-radius:10px}.terms-card h2{color:var(--color-green-200, #dfffdc);text-shadow:0 0 14px rgba(34,197,94,.12)}.terms-card p{line-height:1.6;color:var(--color-green-200, #d1f9c8)}.terms-footer{margin-top:16px;font-size:.9rem;color:var(--color-green-300, #9fe7af)}@media(max-width:640px){.terms-container{padding:16px}}.edit-profile-screen{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding-bottom:80px}.edit-profile-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.edit-profile-back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:#4b5563;font-size:16px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s}.edit-profile-back-button:hover{background-color:#f3f4f6;color:#374151}.edit-profile-title{font-size:20px;font-weight:600;color:#1f2937;margin:0}.edit-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px}.edit-profile-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;animation:edit-profile-spin .8s linear infinite}@keyframes edit-profile-spin{to{transform:rotate(360deg)}}.edit-profile-form{max-width:600px;margin:0 auto;padding:20px}.edit-profile-avatar-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.edit-profile-avatar-container{display:flex;flex-direction:column;align-items:center;gap:16px}.edit-profile-avatar-preview{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #10b981;background:#f3f4f6}.edit-profile-avatar-image{width:100%;height:100%;object-fit:cover}.edit-profile-avatar-remove{position:absolute;top:4px;right:4px;width:28px;height:28px;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.edit-profile-avatar-remove:hover{background:#dc2626;transform:scale(1.1)}.edit-profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.edit-profile-avatar-actions{display:flex;flex-direction:column;gap:8px;align-items:center}.edit-profile-avatar-input{display:none}.edit-profile-avatar-upload-button{display:flex;align-items:center;gap:8px;background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.edit-profile-avatar-upload-button:hover{background:#059669}.edit-profile-avatar-generate{background:none;border:1px solid #d1d5db;color:#4b5563;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.edit-profile-avatar-generate:hover{background:#f3f4f6;border-color:#9ca3af}.edit-profile-avatar-hint{font-size:12px;color:#6b7280;text-align:center;margin-top:8px}.edit-profile-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.edit-profile-section-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.edit-profile-field-group{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:640px){.edit-profile-field-group{grid-template-columns:1fr 1fr}}.edit-profile-field{margin-bottom:20px}.edit-profile-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.edit-profile-label svg{color:#9ca3af}.edit-profile-input,.edit-profile-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.edit-profile-input:focus,.edit-profile-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.edit-profile-textarea{resize:vertical;min-height:100px}.edit-profile-char-count{font-size:12px;color:#6b7280;text-align:right;margin-top:4px}.edit-profile-actions{display:flex;justify-content:center;gap:16px;padding:20px;background:#fff;border-top:1px solid #e5e7eb;position:fixed;bottom:80px;left:0;right:0;z-index:10}.edit-profile-cancel-button,.edit-profile-save-button{flex:1;max-width:200px;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;border:none}.edit-profile-cancel-button{background:#f3f4f6;color:#374151}.edit-profile-cancel-button:hover:not(:disabled){background:#e5e7eb}.edit-profile-save-button{background:#10b981;color:#fff}.edit-profile-save-button:hover:not(:disabled){background:#059669}.edit-profile-save-button:disabled,.edit-profile-cancel-button:disabled{opacity:.6;cursor:not-allowed}.edit-profile-save-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:edit-profile-spin .8s linear infinite}@media(max-width:640px){.edit-profile-form{padding:16px}.edit-profile-section,.edit-profile-avatar-section{padding:20px}.edit-profile-actions{padding:16px}.edit-profile-cancel-button,.edit-profile-save-button{padding:12px 20px;font-size:15px}}.app-container{min-height:100vh;background-color:#0f172a}/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */*{box-sizing:border-box;*{@layer properties{margin:0;padding:0;*,:before,:after,::backdrop{html,body{width:100%;box-sizing:border-box;--tw-translate-x: 0;max-width:100vw;overflow-x:hidden}--tw-translate-y: 0}--tw-translate-z: 0;body{margin:0;html,body{--tw-rotate-x: rotateX(0);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",height: 100%;--tw-rotate-y: rotateY(0);sans-serif;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen",--tw-rotate-z: rotateZ(0);-moz-osx-font-smoothing:grayscale}"Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",--tw-skew-x: skewX(0);#root{sans-serif;--tw-skew-y: skewY(0);width:100%;max-width:100vw;-webkit-font-smoothing:antialiased;--tw-space-y-reverse: 0;overflow-x:hidden}-moz-osx-font-smoothing:grayscale;--tw-border-style: solid}--tw-gradient-position: initial;ul,ol{list-style:none;--tw-gradient-from: #0000}#root{--tw-gradient-via: #0000;a{text-decoration:none;height:100%;--tw-gradient-to: #0000;color:inherit}}--tw-gradient-stops: initial;button{--tw-gradient-via-stops: initial;background:none;--tw-gradient-from-position: 0%;cursor:pointer;font-family:inherit;ul,ol{--tw-gradient-via-position: 50%}list-style:none;--tw-gradient-to-position: 100%;input,textarea{font-family:inherit}--tw-leading: initial;border:none;outline:none;--tw-font-weight: initial}a{--tw-shadow: 0 0 #0000;img{max-width:100%;text-decoration:none;--tw-shadow-color: initial;height:auto}color:inherit;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;--tw-inset-shadow-color: initial}button{--tw-inset-shadow-alpha: 100%;border:none;--tw-ring-color: initial;background:none;--tw-ring-shadow: 0 0 #0000;cursor:pointer;--tw-inset-ring-color: initial;font-family:inherit;--tw-inset-ring-shadow: 0 0 #0000}--tw-ring-inset: initial;--tw-ring-offset-width: 0px;input,textarea{--tw-ring-offset-color: #fff;font-family:inherit;--tw-ring-offset-shadow: 0 0 #0000;border:none;--tw-outline-style: solid;outline:none;--tw-blur: initial}--tw-brightness: initial;--tw-contrast: initial;img{--tw-grayscale: initial;max-width:100%;--tw-hue-rotate: initial;height:auto;--tw-invert: initial}--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-duration: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300: oklch(.808 .114 19.571);--color-red-400: oklch(.704 .191 22.216);--color-red-500: oklch(.637 .237 25.331);--color-orange-500: oklch(.705 .213 47.604);--color-orange-600: oklch(.646 .222 41.116);--color-orange-700: oklch(.553 .195 38.402);--color-orange-800: oklch(.47 .157 37.304);--color-yellow-400: oklch(.852 .199 91.936);--color-yellow-500: oklch(.795 .184 86.047);--color-lime-600: oklch(.648 .2 131.684);--color-green-200: oklch(.925 .084 155.995);--color-green-300: oklch(.871 .15 154.449);--color-green-400: oklch(.792 .209 151.711);--color-green-500: oklch(.723 .219 149.579);--color-green-600: oklch(.627 .194 149.214);--color-green-700: oklch(.527 .154 150.069);--color-green-900: oklch(.393 .095 152.535);--color-emerald-600: oklch(.596 .145 163.225);--color-teal-500: oklch(.704 .14 182.503);--color-cyan-500: oklch(.715 .143 215.221);--color-cyan-600: oklch(.609 .126 221.723);--color-blue-400: oklch(.707 .165 254.624);--color-blue-500: oklch(.623 .214 259.815);--color-blue-600: oklch(.546 .245 262.881);--color-purple-400: oklch(.714 .203 305.504);--color-purple-500: oklch(.627 .265 303.9);--color-purple-600: oklch(.558 .288 302.321);--color-pink-600: oklch(.592 .249 .584);--color-slate-300: oklch(.869 .022 252.894);--color-slate-400: oklch(.704 .04 256.788);--color-slate-500: oklch(.554 .046 257.417);--color-slate-600: oklch(.446 .043 257.281);--color-slate-700: oklch(.372 .044 257.287);--color-slate-800: oklch(.279 .041 260.031);--color-slate-900: oklch(.208 .042 265.755);--color-gray-100: oklch(.967 .003 264.542);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-2xl: 42rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-6xl: 3.75rem;--text-6xl--line-height: 1;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--leading-tight: 1.25;--leading-relaxed: 1.625;--radius-xs: .125rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--blur-lg: 16px;--blur-3xl: 64px;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-font-feature-settings: var(--font-sans--font-feature-settings);--default-font-variation-settings: var(--font-sans--font-variation-settings);--default-mono-font-family: var(--font-mono);--default-mono-font-feature-settings: var(--font-mono--font-feature-settings);--default-mono-font-variation-settings: var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:currentColor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color: color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h4{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) label,:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.-top-1{top:calc(var(--spacing) * -1)}.-top-2{top:calc(var(--spacing) * -2)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.-right-1{right:calc(var(--spacing) * -1)}.right-0{right:calc(var(--spacing) * 0)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.-mx-6{margin-inline:calc(var(--spacing) * -6)}.mx-auto{margin-inline:auto}.-mt-6{margin-top:calc(var(--spacing) * -6)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-full{width:100%;height:100%}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-48{height:calc(var(--spacing) * 48)}.h-64{height:calc(var(--spacing) * 64)}.h-\[1\.15rem\]{height:1.15rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-xl{border-top-left-radius:calc(var(--radius) + 4px);border-top-right-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-blue-500\/30{border-color:color-mix(in srgb,oklch(.623 .214 259.815) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-blue-500\/30{border-color:color-mix(in oklab,var(--color-blue-500) 30%,transparent)}}.border-green-500{border-color:var(--color-green-500)}.border-green-500\/30{border-color:color-mix(in srgb,oklch(.723 .219 149.579) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500) 30%,transparent)}}.border-green-500\/50{border-color:color-mix(in srgb,oklch(.723 .219 149.579) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-green-500\/50{border-color:color-mix(in oklab,var(--color-green-500) 50%,transparent)}}.border-input{border-color:var(--input)}.border-orange-600{border-color:var(--color-orange-600)}.border-purple-500\/30{border-color:color-mix(in srgb,oklch(.627 .265 303.9) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-purple-500\/30{border-color:color-mix(in oklab,var(--color-purple-500) 30%,transparent)}}.border-red-500\/50{border-color:color-mix(in srgb,oklch(.637 .237 25.331) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-red-500\/50{border-color:color-mix(in oklab,var(--color-red-500) 50%,transparent)}}.border-slate-400{border-color:var(--color-slate-400)}.border-slate-600{border-color:var(--color-slate-600)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-700\/30{border-color:color-mix(in srgb,oklch(.372 .044 257.287) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-slate-700\/30{border-color:color-mix(in oklab,var(--color-slate-700) 30%,transparent)}}.border-slate-700\/50{border-color:color-mix(in srgb,oklch(.372 .044 257.287) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-slate-700\/50{border-color:color-mix(in oklab,var(--color-slate-700) 50%,transparent)}}.border-transparent{border-color:#0000}.border-yellow-400{border-color:var(--color-yellow-400)}.border-t-green-400{border-top-color:var(--color-green-400)}.border-r-green-500{border-right-color:var(--color-green-500)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color: color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/5{background-color:color-mix(in srgb,oklch(.723 .219 149.579) 5%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-green-500\/5{background-color:color-mix(in oklab,var(--color-green-500) 5%,transparent)}}.bg-green-500\/10{background-color:color-mix(in srgb,oklch(.723 .219 149.579) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500) 10%,transparent)}}.bg-green-600\/20{background-color:color-mix(in srgb,oklch(.627 .194 149.214) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-green-600\/20{background-color:color-mix(in oklab,var(--color-green-600) 20%,transparent)}}.bg-input-background{background-color:var(--input-background)}.bg-muted{background-color:var(--muted)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-primary,.bg-primary\/20{background-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary) 20%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-secondary{background-color:var(--secondary)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-slate-500{background-color:var(--color-slate-500)}.bg-slate-600{background-color:var(--color-slate-600)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-700\/50{background-color:color-mix(in srgb,oklch(.372 .044 257.287) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-slate-700\/50{background-color:color-mix(in oklab,var(--color-slate-700) 50%,transparent)}}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-800\/30{background-color:color-mix(in srgb,oklch(.279 .041 260.031) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-slate-800\/30{background-color:color-mix(in oklab,var(--color-slate-800) 30%,transparent)}}.bg-slate-800\/50{background-color:color-mix(in srgb,oklch(.279 .041 260.031) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-slate-800\/50{background-color:color-mix(in oklab,var(--color-slate-800) 50%,transparent)}}.bg-slate-800\/95{background-color:color-mix(in srgb,oklch(.279 .041 260.031) 95%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-slate-800\/95{background-color:color-mix(in oklab,var(--color-slate-800) 95%,transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position: to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position: to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: var(--color-blue-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500\/20{--tw-gradient-from: color-mix(in srgb, oklch(.623 .214 259.815) 20%, transparent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.from-blue-500\/20{--tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.from-cyan-500{--tw-gradient-from: var(--color-cyan-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-500{--tw-gradient-from: var(--color-green-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-500\/10{--tw-gradient-from: color-mix(in srgb, oklch(.723 .219 149.579) 10%, transparent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.from-green-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-green-500) 10%, transparent)}}.from-green-600{--tw-gradient-from: var(--color-green-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-600\/20{--tw-gradient-from: color-mix(in srgb, oklch(.646 .222 41.116) 20%, transparent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.from-orange-600\/20{--tw-gradient-from: color-mix(in oklab, var(--color-orange-600) 20%, transparent)}}.from-orange-700{--tw-gradient-from: var(--color-orange-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from: var(--color-purple-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-500\/20{--tw-gradient-from: color-mix(in srgb, oklch(.627 .265 303.9) 20%, transparent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.from-purple-500\/20{--tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.from-slate-400{--tw-gradient-from: var(--color-slate-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-400\/20{--tw-gradient-from: color-mix(in srgb, oklch(.704 .04 256.788) 20%, transparent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.from-slate-400\/20{--tw-gradient-from: color-mix(in oklab, var(--color-slate-400) 20%, transparent)}}.from-slate-800{--tw-gradient-from: var(--color-slate-800);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-900{--tw-gradient-from: var(--color-slate-900);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal-500{--tw-gradient-from: var(--color-teal-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-yellow-400\/20{--tw-gradient-from: color-mix(in srgb, oklch(.852 .199 91.936) 20%, transparent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.from-yellow-400\/20{--tw-gradient-from: color-mix(in oklab, var(--color-yellow-400) 20%, transparent)}}.from-yellow-500{--tw-gradient-from: var(--color-yellow-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-slate-800{--tw-gradient-via: var(--color-slate-800);--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}.via-slate-900\/50{--tw-gradient-via: color-mix(in srgb, oklch(.208 .042 265.755) 50%, transparent);--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}@supports (color: color-mix(in lab,red,red)){.via-slate-900\/50{--tw-gradient-via: color-mix(in oklab, var(--color-slate-900) 50%, transparent)}}.to-blue-600{--tw-gradient-to: var(--color-blue-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-600\/20{--tw-gradient-to: color-mix(in srgb, oklch(.546 .245 262.881) 20%, transparent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.to-blue-600\/20{--tw-gradient-to: color-mix(in oklab, var(--color-blue-600) 20%, transparent)}}.to-cyan-600{--tw-gradient-to: var(--color-cyan-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-600{--tw-gradient-to: var(--color-emerald-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-600{--tw-gradient-to: var(--color-green-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-600\/10{--tw-gradient-to: color-mix(in srgb, oklch(.627 .194 149.214) 10%, transparent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.to-green-600\/10{--tw-gradient-to: color-mix(in oklab, var(--color-green-600) 10%, transparent)}}.to-green-900{--tw-gradient-to: var(--color-green-900);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-lime-600{--tw-gradient-to: var(--color-lime-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-500{--tw-gradient-to: var(--color-orange-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-600{--tw-gradient-to: var(--color-orange-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-600\/10{--tw-gradient-to: color-mix(in srgb, oklch(.646 .222 41.116) 10%, transparent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.to-orange-600\/10{--tw-gradient-to: color-mix(in oklab, var(--color-orange-600) 10%, transparent)}}.to-orange-800{--tw-gradient-to: var(--color-orange-800);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-600{--tw-gradient-to: var(--color-pink-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600\/20{--tw-gradient-to: color-mix(in srgb, oklch(.558 .288 302.321) 20%, transparent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.to-purple-600\/20{--tw-gradient-to: color-mix(in oklab, var(--color-purple-600) 20%, transparent)}}.to-slate-400\/10{--tw-gradient-to: color-mix(in srgb, oklch(.704 .04 256.788) 10%, transparent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.to-slate-400\/10{--tw-gradient-to: color-mix(in oklab, var(--color-slate-400) 10%, transparent)}}.to-slate-500{--tw-gradient-to: var(--color-slate-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to: transparent;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-400\/10{--tw-gradient-to: color-mix(in srgb, oklch(.852 .199 91.936) 10%, transparent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.to-yellow-400\/10{--tw-gradient-to: color-mix(in oklab, var(--color-yellow-400) 10%, transparent)}}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pl-11{padding-left:calc(var(--spacing) * 11)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.leading-none{--tw-leading: 1;line-height:1}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading: var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-foreground{color:var(--foreground)}.text-green-200{color:var(--color-green-200)}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-muted-foreground{color:var(--muted-foreground)}.text-orange-600{color:var(--color-orange-600)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-400{color:var(--color-red-400)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.underline-offset-4{text-underline-offset:4px}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-green-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(.723 .219 149.579) 30%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-green-500\/30{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-green-500\/50{--tw-shadow-color: color-mix(in srgb, oklch(.723 .219 149.579) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-green-500\/50{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-yellow-400\/50{--tw-shadow-color: color-mix(in srgb, oklch(.852 .199 91.936) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-yellow-400\/50{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-400) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-offset-background{--tw-ring-offset-color: var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-3xl{--tw-blur: blur(var(--blur-3xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.backdrop-blur-lg{--tw-backdrop-blur: blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-none{transition-property:none}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.outline-none{--tw-outline-style: none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\:bg-primary ::selection,.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection,.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}@media(hover:hover){.hover\:border-blue-400\/50:hover{border-color:color-mix(in srgb,oklch(.707 .165 254.624) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-blue-400\/50:hover{border-color:color-mix(in oklab,var(--color-blue-400) 50%,transparent)}}}@media(hover:hover){.hover\:border-green-500\/50:hover{border-color:color-mix(in srgb,oklch(.723 .219 149.579) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-green-500\/50:hover{border-color:color-mix(in oklab,var(--color-green-500) 50%,transparent)}}}@media(hover:hover){.hover\:border-purple-400\/50:hover{border-color:color-mix(in srgb,oklch(.714 .203 305.504) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-purple-400\/50:hover{border-color:color-mix(in oklab,var(--color-purple-400) 50%,transparent)}}}@media(hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}}@media(hover:hover){.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive) 90%,transparent)}}}@media(hover:hover){.hover\:bg-green-500\/10:hover{background-color:color-mix(in srgb,oklch(.723 .219 149.579) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-green-500\/10:hover{background-color:color-mix(in oklab,var(--color-green-500) 10%,transparent)}}}@media(hover:hover){.hover\:bg-green-600\/30:hover{background-color:color-mix(in srgb,oklch(.627 .194 149.214) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-green-600\/30:hover{background-color:color-mix(in oklab,var(--color-green-600) 30%,transparent)}}}@media(hover:hover){.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}}@media(hover:hover){.hover\:bg-red-500\/10:hover{background-color:color-mix(in srgb,oklch(.637 .237 25.331) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-red-500\/10:hover{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}}@media(hover:hover){.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}}@media(hover:hover){.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}}@media(hover:hover){.hover\:bg-slate-700\/50:hover{background-color:color-mix(in srgb,oklch(.372 .044 257.287) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-slate-700\/50:hover{background-color:color-mix(in oklab,var(--color-slate-700) 50%,transparent)}}}@media(hover:hover){.hover\:from-green-600:hover{--tw-gradient-from: var(--color-green-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}@media(hover:hover){.hover\:to-green-700:hover{--tw-gradient-to: var(--color-green-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}@media(hover:hover){.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}@media(hover:hover){.hover\:text-green-300:hover{color:var(--color-green-300)}}@media(hover:hover){.hover\:text-green-400:hover{color:var(--color-green-400)}}@media(hover:hover){.hover\:text-red-300:hover{color:var(--color-red-300)}}@media(hover:hover){.hover\:text-slate-300:hover{color:var(--color-slate-300)}}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}}@media(hover:hover){.hover\:opacity-100:hover{opacity:1}}@media(hover:hover){.hover\:shadow-green-500\/50:hover{--tw-shadow-color: color-mix(in srgb, oklch(.723 .219 149.579) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:shadow-green-500\/50:hover{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 50%, transparent) var(--tw-shadow-alpha), transparent)}}}.focus\:border-green-500:focus{border-color:var(--color-green-500)}.focus\:ring-2:focus{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-green-500\/30:focus{--tw-ring-color: color-mix(in srgb, oklch(.723 .219 149.579) 30%, transparent)}@supports (color: color-mix(in lab,red,red)){.focus\:ring-green-500\/30:focus{--tw-ring-color: color-mix(in oklab, var(--color-green-500) 30%, transparent)}}.focus\:ring-ring:focus{--tw-ring-color: var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style: none;outline-style:none}@media(forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color: var(--destructive)}@supports (color: color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: var(--ring)}@supports (color: color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color: var(--destructive)}@supports (color: color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-green-500[data-state=checked]{border-color:var(--color-green-500)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-green-500[data-state=checked]{background-color:var(--color-green-500)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-duration, .15s) var(--tw-ease, ease)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-duration, .15s) var(--tw-ease, ease)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-switch-background[data-state=unchecked]{background-color:var(--switch-background)}@media(width>=40rem){.sm\:max-w-lg{max-width:var(--container-lg)}}@media(width>=40rem){.sm\:flex-row{flex-direction:row}}@media(width>=40rem){.sm\:justify-end{justify-content:flex-end}}@media(width>=40rem){.sm\:text-left{text-align:left}}@media(width>=48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color: color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive) 60%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color: color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}@media(hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color: color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent) 50%,transparent)}}}@media(hover:hover){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color: color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color: var(--destructive)}@supports (color: color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color: var(--destructive)}@supports (color: color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked]{background-color:var(--primary)}.dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-card-foreground:is(.dark *)[data-state=unchecked]{background-color:var(--card-foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:var(--input)}@supports (color: color-mix(in lab,red,red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:color-mix(in oklab,var(--input) 80%,transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}@media(hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}}@media(hover:hover){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color: color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive) 90%,transparent)}}}@media(hover:hover){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}}@media(hover:hover){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color: color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary) 90%,transparent)}}}@media(hover:hover){a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}:root{--font-size: 16px;--background: #fff;--foreground: oklch(.145 0 0);--card: #fff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #fff;--border: #0000001a;--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}html{font-size:var(--font-size)}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-rotate-x{syntax: "*"; inherits: false; initial-value: rotateX(0);}@property --tw-rotate-y{syntax: "*"; inherits: false; initial-value: rotateY(0);}@property --tw-rotate-z{syntax: "*"; inherits: false; initial-value: rotateZ(0);}@property --tw-skew-x{syntax: "*"; inherits: false; initial-value: skewX(0);}@property --tw-skew-y{syntax: "*"; inherits: false; initial-value: skewY(0);}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: "*"; inherits: false}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false}@property --tw-gradient-via-stops{syntax: "*"; inherits: false}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: "*"; inherits: false}@property --tw-font-weight{syntax: "*"; inherits: false}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false}@property --tw-brightness{syntax: "*"; inherits: false}@property --tw-contrast{syntax: "*"; inherits: false}@property --tw-grayscale{syntax: "*"; inherits: false}@property --tw-hue-rotate{syntax: "*"; inherits: false}@property --tw-invert{syntax: "*"; inherits: false}@property --tw-opacity{syntax: "*"; inherits: false}@property --tw-saturate{syntax: "*"; inherits: false}@property --tw-sepia{syntax: "*"; inherits: false}@property --tw-drop-shadow{syntax: "*"; inherits: false}@property --tw-drop-shadow-color{syntax: "*"; inherits: false}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false}@property --tw-backdrop-blur{syntax: "*"; inherits: false}@property --tw-backdrop-brightness{syntax: "*"; inherits: false}@property --tw-backdrop-contrast{syntax: "*"; inherits: false}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false}@property --tw-backdrop-invert{syntax: "*"; inherits: false}@property --tw-backdrop-opacity{syntax: "*"; inherits: false}@property --tw-backdrop-saturate{syntax: "*"; inherits: false}@property --tw-backdrop-sepia{syntax: "*"; inherits: false}@property --tw-duration{syntax: "*"; inherits: false}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}