body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.alert-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.alert-modal-content{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;overflow:hidden;position:relative;width:90%}.alert-modal-content.info{border-left:4px solid #667eea}.alert-modal-content.success{border-left:4px solid #48bb78}.alert-modal-content.warning{border-left:4px solid #ed8936}.alert-modal-content.error{border-left:4px solid #f56565}.alert-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 20px 0}.alert-modal-icon{color:#667eea;font-size:48px}.alert-modal-content.success .alert-modal-icon{color:#48bb78}.alert-modal-content.warning .alert-modal-icon{color:#ed8936}.alert-modal-content.error .alert-modal-icon{color:#f56565}.alert-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.alert-modal-close:hover{background:#f5f5f5;color:#333}.alert-modal-body{padding:20px;text-align:center}.alert-modal-title{color:#333;font-size:1.4rem;font-weight:600;margin:0 0 12px}.alert-modal-message{color:#666;font-size:1rem;line-height:1.5;margin:0}.alert-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:0 20px 20px}.alert-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 20px;transition:all .2s ease}.alert-modal-btn.confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.alert-modal-btn.confirm:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.alert-modal-btn.cancel{background:#e2e8f0;color:#555}.alert-modal-btn.cancel:hover{background:#cbd5e0;transform:translateY(-1px)}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:480px){.alert-modal-content{margin:20px;width:calc(100% - 40px)}.alert-modal-icon{font-size:40px}.alert-modal-title{font-size:1.2rem}.alert-modal-footer{flex-direction:column}.alert-modal-btn{width:100%}}.inicio-page{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section-header{margin-bottom:60px;text-align:center}.section-header h2{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:15px;position:relative}.section-header h2:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.section-header p{color:#718096;font-size:1.1rem;margin:0 auto;max-width:600px}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:100px 0 120px;position:relative}.hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.hero-content{z-index:2}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:20px}.hero-title-main{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f7fafc);-webkit-background-clip:text;background-clip:text;display:block}.hero-title-subtitle{color:#e2e8f0;display:block;font-size:2.5rem;font-weight:600}.hero-description{font-size:1.25rem;line-height:1.7;margin-bottom:40px;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px}.btn-primary,.btn-primary-large{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #0000;border-radius:50px;box-shadow:0 6px 20px #667eea4d,0 2px 8px #0000001a;color:#667eea;display:inline-flex;font-size:1.1rem;font-weight:700;gap:12px;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.btn-primary-large:before,.btn-primary:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary-large:hover:before,.btn-primary:hover:before{left:100%}.btn-primary-large:hover,.btn-primary:hover{background:linear-gradient(135deg,#fff,#f0f4f8);border-color:#667eea33;box-shadow:0 12px 30px #667eea66,0 4px 12px #00000026;transform:translateY(-3px) scale(1.02)}.btn-primary-large:active,.btn-primary:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}.btn-primary-large{font-size:1.25rem;font-weight:800;letter-spacing:.5px;padding:20px 44px}.btn-secondary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #ffffff4d;border-radius:50px;box-shadow:0 6px 20px #0003;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:700;gap:12px;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.btn-secondary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-secondary:hover:before{left:100%}.btn-secondary:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#ffffff80;box-shadow:0 12px 30px #0000004d;transform:translateY(-3px) scale(1.02)}.btn-secondary:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}.btn-outline-large{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:3px solid #fff6;border-radius:50px;box-shadow:0 8px 25px #00000040;color:#fff;display:inline-flex;font-size:1.25rem;font-weight:800;gap:12px;letter-spacing:.5px;overflow:hidden;padding:20px 44px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.btn-outline-large:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn-outline-large:hover:before{left:100%}.btn-outline-large:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffffb3;box-shadow:0 15px 35px #00000059;color:#fff;transform:translateY(-4px) scale(1.03)}.btn-outline-large:active{transform:translateY(-1px) scale(.97);transition:all .1s ease}.btn-outline-large i,.btn-primary i,.btn-primary-large i,.btn-secondary i{transition:transform .3s ease}.btn-outline-large:hover i,.btn-primary-large:hover i,.btn-primary:hover i,.btn-secondary:hover i{transform:translateX(3px)}.hero-image{z-index:2}.hero-image,.hero-logo-container{align-items:center;display:flex;justify-content:center}.hero-logo-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:2px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0003;padding:20px;transition:transform .3s ease}.hero-logo-container:hover{transform:scale(1.05)}.hero-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:auto;max-height:250px;max-width:250px;object-fit:contain;width:auto}.hero-wave{bottom:0;left:0;line-height:0;overflow:hidden;position:absolute;width:100%}.hero-wave svg{display:block;height:120px;position:relative;width:calc(100% + 1.3px)}.about-section{background:#f8fafc;padding:100px 0}.about-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.about-text h3{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:20px}.about-text p{color:#4a5568;font-size:1.1rem;line-height:1.7;margin-bottom:20px}.about-image,.crew-placeholder{align-items:center;display:flex;justify-content:center}.crew-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #667eea4d;color:#fff;flex-direction:column;height:300px;width:400px}.crew-placeholder i{font-size:4rem;margin-bottom:20px;opacity:.8}.crew-placeholder span{font-size:1.5rem;font-weight:600}.features-section{background:#fff;padding:100px 0}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px 30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 10px 20px #667eea4d;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 25px;width:80px}.feature-card h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:15px}.feature-card p{color:#4a5568;line-height:1.6}.testimonials-section{background:#f8fafc;padding:100px 0}.testimonials-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.testimonial-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px}.testimonial-content{margin-bottom:30px}.testimonial-stars{color:#fbbf24;margin-bottom:20px}.testimonial-stars i{margin-right:5px}.testimonial-content p{color:#4a5568;font-size:1.1rem;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;display:flex;gap:15px}.author-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.2rem;justify-content:center}.author-info h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 5px}.author-info span{color:#718096;font-size:.9rem}.social-section{background:#fff;padding:100px 0}.social-links{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:700px}@media (min-width:768px){.social-links{grid-template-columns:1fr 1fr;max-width:650px}}@media (max-width:767px){.social-links{gap:30px;grid-template-columns:1fr;max-width:400px}}.social-link{gap:25px;min-height:100px;padding:30px 35px}.social-link:hover{background:linear-gradient(135deg,#fff,#f8fafc);transform:translateY(-8px)}.social-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;height:70px;justify-content:center;width:70px}.social-link.tiktok .social-icon{background:linear-gradient(135deg,#000,#ff0050)}.social-link.x .social-icon{background:linear-gradient(135deg,#000,#fff);color:#000}.social-link.instagram .social-icon{background:linear-gradient(135deg,#833ab4,#fd1d1d 50%,#fcb045)}.social-link.facebook .social-icon{background:linear-gradient(135deg,#1877f2,#42a5f5)}.social-info h3{color:#2d3748;font-size:1.4rem;font-weight:700;margin:0 0 8px}.social-info p{color:#718096;font-size:1.1rem;font-weight:600;margin:0}.social-link:hover .social-info h3{color:#667eea}.loading-container{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#667eea;height:40px;width:40px}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:20px;max-width:600px}.cta-content h2,.cta-content p{margin-left:auto;margin-right:auto}.cta-content p{font-size:1.2rem;line-height:1.7;margin-bottom:40px;max-width:500px;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.footer{background:#1a202c;color:#fff;padding:60px 0 30px}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 2fr;margin-bottom:40px}.footer-logo h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin-bottom:10px}.footer-logo p{color:#a0aec0;margin:0}.footer-links{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.footer-section h4{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin-bottom:20px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:10px}.footer-section a{color:#a0aec0;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#667eea}.footer-bottom{align-items:center;border-top:1px solid #2d3748;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding-top:30px}.footer-bottom p{color:#a0aec0;margin:0}.footer-social{display:flex;gap:15px}.social-link{align-items:center;background:#2d3748;border-radius:50%;color:#a0aec0;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:#667eea;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.hero-container{gap:40px;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-title-subtitle{font-size:2rem}.hero-description{font-size:1.1rem}.hero-buttons{justify-content:center}.hero-image-placeholder{height:250px;width:250px}.about-content{gap:40px;grid-template-columns:1fr;text-align:center}.crew-placeholder{height:250px;width:300px}.features-grid,.testimonials-grid{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.footer-content{gap:40px;grid-template-columns:1fr}.footer-links{gap:30px;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:20px;text-align:center}}@media (max-width:480px){.hero-section{padding:60px 0 80px}.hero-title{font-size:2rem}.hero-title-subtitle{font-size:1.5rem}.section-header h2{font-size:2rem}.btn-outline-large,.btn-primary,.btn-primary-large,.btn-secondary{font-size:1rem;padding:12px 24px}.feature-card,.testimonial-card{padding:30px 20px}.cta-content h2{font-size:2rem}.social-link{gap:20px;min-height:90px;padding:25px 30px}.social-icon{font-size:1.5rem;height:60px;width:60px}.social-info h3{font-size:1.2rem}.social-info p{font-size:1rem}}.auth-page{align-items:center;background:var(--gradient-luxury);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-4);position:relative}.auth-page:before{animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#7877c633 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes backgroundShift{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.auth-page:after{animation:float 6s ease-in-out infinite;background:var(--gradient-primary);border-radius:50% 20% 30% 70%;content:"";height:60px;left:10%;opacity:.1;position:absolute;top:10%;width:60px}.auth-page .shape-2{animation:float 8s ease-in-out infinite reverse;background:var(--gradient-secondary);border-radius:70% 30% 50% 80%;height:40px;opacity:.15;position:absolute;right:15%;top:60%;width:40px}.auth-page .shape-3{animation:float 10s ease-in-out infinite;background:var(--gradient-tertiary);border-radius:30% 70% 80% 20%;bottom:20%;height:80px;left:20%;opacity:.1;position:absolute;width:80px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.auth-container{animation:slideInScale .8s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1186b8f2;border:1px solid #ffffff4d;border-radius:var(--radius-3xl);box-shadow:0 25px 50px #00000026,0 0 0 1px #fff3,inset 0 1px 0 #fff9;max-width:450px;padding:var(--spacing-10);width:100%;z-index:10}.auth-container:before{border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;height:6px}.auth-container:after{animation:shimmer 4s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);border-radius:15%;bottom:-50%;content:"";height:200%;left:-50%;pointer-events:none;position:absolute;width:200%}.logo-container{margin-bottom:var(--spacing-8);position:relative}.app-logo{animation:logoPulse 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));position:relative;transition:all var(--transition-slow);width:140px}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.app-logo:hover{filter:drop-shadow(0 12px 24px rgba(0,0,0,.3));transform:scale(1.1) rotate(5deg)}.auth-header{margin-bottom:var(--spacing-10)}.auth-header:before{animation:headerLine 1s ease-out .5s forwards;background:var(--gradient-primary);border-radius:var(--radius-full);content:"";height:4px;left:50%;opacity:0;position:absolute;top:-10px;transform:translateX(-50%);width:60px}@keyframes headerLine{0%{opacity:0;width:0}to{opacity:1;width:60px}}.auth-header h2{animation:textGlow 2s ease-in-out infinite alternate;font-size:var(--font-size-4xl);margin-bottom:var(--spacing-3);position:relative}@keyframes textGlow{0%{filter:drop-shadow(0 0 5px rgba(233,69,96,.3))}to{filter:drop-shadow(0 0 15px rgba(233,69,96,.6))}}.auth-header p{animation:fadeInUp 1s ease-out .3s both;font-size:var(--font-size-lg)}.auth-form{margin-bottom:var(--spacing-8)}.input-group{animation:slideInRight .6s ease-out .1s both;margin-bottom:var(--spacing-6)}.input-group:nth-child(2){animation-delay:.2s}.input-group:nth-child(3){animation-delay:.3s}.input-field{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 4px 15px #0000001a;padding:var(--spacing-5) var(--spacing-5) var(--spacing-5) var(--spacing-6)}.input-field::placeholder{opacity:.8;transition:opacity var(--transition-normal)}.input-field:focus{background:#fff;box-shadow:0 0 0 3px #e945601a,0 8px 25px #00000026;transform:translateY(-2px)}.input-field:focus::placeholder{opacity:.6}.input-label{background:#ffffffe6;border-radius:var(--radius-sm);left:var(--spacing-6);padding:0 var(--spacing-2);top:var(--spacing-5)}.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label{font-weight:var(--font-weight-semibold);top:-10px}.auth-btn{animation:buttonGlow 2s ease-in-out infinite alternate;border-radius:var(--radius-xl);box-shadow:0 8px 25px #e945604d;font-weight:var(--font-weight-bold);margin-top:var(--spacing-6);padding:var(--spacing-5)}@keyframes buttonGlow{0%{box-shadow:0 8px 25px #e945604d}to{box-shadow:0 8px 25px #e9456080,0 0 30px #e9456033}}.auth-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000)}.auth-btn:hover{box-shadow:0 12px 35px #e9456066,0 0 40px #e945604d;transform:translateY(-3px) scale(1.02)}.auth-btn:active{transform:translateY(-1px) scale(.98)}.auth-links{animation:fadeInUp 1s ease-out .8s both;margin-top:var(--spacing-8)}.auth-link{display:inline-block;font-weight:var(--font-weight-semibold);transition:all var(--transition-normal)}.auth-link:after{border-radius:var(--radius-full)}.auth-link:hover{transform:translateY(-1px)}.register-progress{animation:progressSlideIn 1s ease-out .2s both;gap:var(--spacing-4);margin-bottom:var(--spacing-10)}@keyframes progressSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.progress-step{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;box-shadow:0 4px 15px #0000001a;height:60px;width:60px}.progress-step:before{z-index:-1}.progress-step.active{animation:stepPulse 2s ease-in-out infinite;box-shadow:0 8px 25px #e9456066}@keyframes stepPulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.15)}}.progress-step.completed{animation:completedBounce .6s ease-out}@keyframes completedBounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.register-step{animation:stepFadeIn .5s ease-out both}.register-step:first-child{animation-delay:.1s}.register-step:nth-child(2){animation-delay:.2s}.register-step:nth-child(3){animation-delay:.3s}@keyframes stepFadeIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.button-group{animation:buttonGroupSlide .6s ease-out .4s both;gap:var(--spacing-4);margin-top:var(--spacing-8)}@keyframes buttonGroupSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.button-group button{animation:buttonFadeIn .4s ease-out both}.button-group button:first-child{animation-delay:.5s}.button-group button:nth-child(2){animation-delay:.6s}@keyframes buttonFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error,.success{animation:messageSlideIn .5s ease-out;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-6);overflow:hidden;padding:var(--spacing-4);position:relative;text-align:center}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error{border:1px solid #ff6b6b33;color:var(--text-error)}.success{border:1px solid #00d4aa33;color:var(--text-success)}.auth-btn:disabled{animation:none;cursor:not-allowed;opacity:.7;transform:none!important}.auth-btn:disabled:before{animation:none}@media (max-width:768px){.auth-container{border-radius:var(--radius-2xl);margin:var(--spacing-4);padding:var(--spacing-8)}.auth-header h2{font-size:var(--font-size-3xl)}.app-logo{width:120px}.progress-step{font-size:var(--font-size-base);height:50px;width:50px}.button-group{flex-direction:column}.button-group button{margin-bottom:var(--spacing-3)}}@media (max-width:480px){.auth-container{margin:var(--spacing-2);padding:var(--spacing-6)}.auth-header h2{font-size:var(--font-size-2xl)}.input-field{padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-5)}.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label,.input-label{left:var(--spacing-5)}}@media (prefers-reduced-motion:reduce){.app-logo,.auth-btn,.auth-container,.auth-header h2,.button-group button,.error,.input-group,.progress-step.active,.register-step,.success{animation:none}}.auth-btn:focus-visible,.input-field:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}@media (prefers-contrast:high){.auth-container{background:var(--neutral-white)}.auth-btn,.auth-container,.input-field{border:2px solid var(--neutral-black)}}.swipe-container{align-items:center;background:var(--gradient-luxury);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 80px);padding:var(--spacing-6);padding-bottom:calc(var(--spacing-24) + var(--spacing-6));position:relative}.swipe-container:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbe233 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.swipe-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:var(--radius-3xl);margin:var(--spacing-6) auto;max-width:420px}.swipe-card:hover{box-shadow:var(--shadow-2xl),0 0 60px #e9456026;transform:translateY(-8px) scale(1.02)}.swipe-card.premium{border:2px solid var(--accent-gold);box-shadow:var(--shadow-2xl),var(--shadow-glow-lg)}.card-image-container{height:320px;overflow:hidden;position:relative;width:100%}.card-image{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.swipe-card:hover .card-image{transform:scale(1.05)}.premium-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-fire);border:2px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--text-light);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);position:absolute;right:var(--spacing-4);top:var(--spacing-4);z-index:10}.premium-badge:before{content:"⭐";font-size:var(--font-size-base)}.verified-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-tertiary);border:2px solid #fff3;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--text-light);display:flex;height:40px;justify-content:center;left:var(--spacing-4);position:absolute;top:var(--spacing-4);width:40px;z-index:10}.verified-badge:before{content:"✓";font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.card-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#fffffff2 0,#fff);padding:var(--spacing-8)}.user-details{margin-bottom:var(--spacing-4)}.user-details h2{-webkit-text-fill-color:#0000;align-items:center;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);gap:var(--spacing-2);margin:0 0 var(--spacing-2) 0}.user-details h2:after{background:var(--text-success);border-radius:var(--radius-full);box-shadow:0 0 10px var(--text-success);content:"";height:8px;width:8px}.location{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-2);margin:var(--spacing-1) 0}.location:before{content:"📍";font-size:var(--font-size-sm)}.age-distance{align-items:center;display:flex;gap:var(--spacing-4);margin:var(--spacing-2) 0}.age-info,.distance-info{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-1)}.age-info:before{content:"🎂"}.distance-info:before{content:"📏"}.bio{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6;margin:var(--spacing-4) 0;position:relative}.bio:before{left:-10px;top:-5px}.bio:after,.bio:before{color:var(--accent-gold);font-family:serif;font-size:var(--font-size-2xl);position:absolute}.bio:after{bottom:-15px;right:-10px}.interests{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-6)}.interest-tag{background:var(--gradient-primary);border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;padding:var(--spacing-1) var(--spacing-2);position:relative;transition:all var(--transition-normal)}.interest-tag:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.interest-tag:hover:before{left:100%}.interest-tag:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.swipe-actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #fff3;border-radius:var(--radius-2xl);gap:var(--spacing-6);margin:var(--spacing-8) 0;padding:var(--spacing-4)}.swipe-actions,.swipe-btn{align-items:center;box-shadow:var(--shadow-lg);display:flex;justify-content:center}.swipe-btn{border:none;border-radius:var(--radius-full);cursor:pointer;font-size:28px;height:72px;overflow:hidden;position:relative;transition:all var(--transition-normal);width:72px}.swipe-btn:before{background:inherit;border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.swipe-btn:hover:before{opacity:.1}.swipe-btn:hover{transform:translateY(-4px) scale(1.05)}.swipe-btn:active{transform:translateY(-2px) scale(1.02)}.pass-btn{background:var(--neutral-medium);border:3px solid var(--neutral-dark);color:var(--text-primary)}.pass-btn:hover{background:var(--neutral-dark);box-shadow:var(--shadow-xl),0 0 30px #6161614d}.super-like-btn{background:var(--gradient-tertiary);border:3px solid var(--secondary-teal);color:var(--text-light)}.super-like-btn:hover{background:var(--gradient-tertiary);box-shadow:var(--shadow-xl),0 0 30px #00d4aa66}.like-btn{border:3px solid var(--primary-navy);color:var(--text-light)}.like-btn,.like-btn:hover{background:var(--gradient-primary)}.like-btn:hover{box-shadow:var(--shadow-xl),var(--shadow-glow-lg)}.swipe-instructions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3;border-radius:var(--radius-xl);color:var(--text-secondary);font-size:var(--font-size-sm);margin-left:auto;margin-right:auto;margin-top:var(--spacing-4);max-width:400px;padding:var(--spacing-3) var(--spacing-6);text-align:center}.no-more-cards{background:var(--neutral-white);border:1px solid var(--neutral-medium);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin:var(--spacing-6) auto;max-width:500px;padding:var(--spacing-12);text-align:center}.no-more-cards h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.no-more-cards p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-6)}.no-more-cards .btn{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-xl);color:var(--text-light);display:inline-flex;font-weight:var(--font-weight-semibold);gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-8);text-decoration:none;transition:all var(--transition-normal)}.no-more-cards .btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.error-message{background:var(--neutral-white);border:1px solid var(--text-error);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin:var(--spacing-6) auto;max-width:500px;padding:var(--spacing-12)}.error-message p{color:var(--text-error);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-6)}.error-message .btn{background:var(--gradient-fire);color:var(--text-light)}@keyframes superLike{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1)}}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.card-pass{animation:slideOutLeft .8s cubic-bezier(.68,-.55,.265,1.55) forwards}.card-like{animation:slideOutRight .8s cubic-bezier(.68,-.55,.265,1.55) forwards}.card-super-like{animation:superLike .6s ease-in-out}.heart-pulse{animation:heartPulse .6s ease-in-out}.card-loading{animation:shimmer 2s infinite;background:var(--neutral-light)}.card-loading .card-image{background:var(--neutral-medium)}.card-loading .card-info{background:var(--neutral-light)}.card-loading .interest-tag,.card-loading h2,.card-loading p{background:var(--neutral-medium);border-radius:var(--radius-md);color:#0000}@media (max-width:768px){.swipe-container{padding:var(--spacing-4);padding-bottom:calc(var(--spacing-20) + var(--spacing-4))}.swipe-card{border-radius:var(--radius-2xl);margin:var(--spacing-4) 0;max-width:100%}.card-image-container{height:320px}.card-info{padding:var(--spacing-6)}.user-details h2{font-size:var(--font-size-2xl)}.swipe-actions{gap:var(--spacing-4);margin:var(--spacing-6) 0;padding:var(--spacing-3)}.swipe-btn{font-size:24px;height:64px;width:64px}.interests{gap:var(--spacing-1)}.interest-tag{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-3)}.swipe-instructions{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-4)}}@media (max-width:480px){.swipe-card{margin:var(--spacing-2) 0}.card-image-container{height:320px}.card-info{padding:var(--spacing-4)}.user-details h2{font-size:var(--font-size-xl)}.swipe-actions{gap:var(--spacing-3)}.swipe-btn{font-size:20px;height:56px;width:56px}.interests{justify-content:center}}@media (prefers-reduced-motion:reduce){.card-image,.interest-tag,.swipe-btn,.swipe-card{animation:none;transition:none}.card-like,.card-pass,.card-super-like{animation:none}}@media (prefers-contrast:high){.swipe-btn,.swipe-card{border:2px solid var(--text-primary)}.interest-tag{border:1px solid var(--text-primary)}}@media (max-width:768px){.swipe-container{padding:var(--spacing-md)}.swipe-card{margin:var(--spacing-md) 0;max-width:100%}.card-image-container{height:320px}.swipe-actions{gap:var(--spacing-md)}.swipe-btn{font-size:20px;height:50px;width:50px}}@keyframes slideOutLeft{0%{transform:translateX(0) rotate(0deg)}to{transform:translateX(-100vw) rotate(-30deg)}}@keyframes slideOutRight{0%{transform:translateX(0) rotate(0deg)}to{transform:translateX(100vw) rotate(30deg)}}.card-pass{animation:slideOutLeft .6s ease-out forwards}.card-like{animation:slideOutRight .6s ease-out forwards}.credit-store{display:flex;flex:1 1;flex-direction:column;gap:50px;margin:0 auto;max-width:800px;padding:var(--spacing-lg);padding-bottom:100px}.credit-header{margin-bottom:var(--spacing-xxl);text-align:center}.credit-header h1{color:var(--primary-red);font-size:28px;margin-bottom:var(--spacing-lg)}.credit-balance{align-items:center;background:linear-gradient(135deg,var(--primary-red) 0,var(--primary-gold) 100%);border-radius:var(--radius-xl);box-shadow:0 8px 25px #dc143c4d;color:var(--text-light);display:inline-flex;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative}.credit-balance:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.credit-balance:hover:before{left:100%}.balance-label{font-size:14px;margin-right:var(--spacing-sm);padding:10px}.balance-amount{font-size:24px;font-weight:700;margin-right:var(--spacing-sm)}.credit-icon{font-size:20px}.credit-info{background:var(--neutral-white);border-radius:1%;box-shadow:var(--shadow-light);margin:15px;margin-bottom:var(--spacing-xl);padding:15px}.credit-info h3{color:var(--primary-red);margin-bottom:var(--spacing-lg);text-align:center}.credit-uses{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.use-item{align-items:center;background:linear-gradient(135deg,var(--neutral-gray) 0,#fffc 100%);border:1px solid #fff3;border-radius:var(--radius-large);box-shadow:0 4px 15px #0000001a;display:flex;padding:var(--spacing-md);transition:all .3s ease}.use-item:hover{background:linear-gradient(135deg,#ffd7001a,#ffffffe6);box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.use-icon{font-size:18px;margin-right:var(--spacing-sm)}.credit-packages h2{color:var(--text-primary);font-size:24px;margin-bottom:var(--spacing-xl);text-align:center}.packages-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.package-card{background:var(--neutral-white);border:2px solid #0000;border-radius:5%;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding-top:15px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.package-card:before{background:linear-gradient(90deg,var(--primary-red),var(--primary-gold),var(--primary-red));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.package-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-8px) scale(1.02)}.package-card:hover:before{opacity:1}.package-card.popular{background:linear-gradient(135deg,var(--neutral-white) 0,#ffd70014 100%);border-color:var(--primary-gold);box-shadow:0 12px 40px #ffd70033}.package-card.popular:before{background:linear-gradient(90deg,var(--primary-gold),#ff6b35,var(--primary-gold))}.popular-badge{background:var(--gradient-sunset);border-radius:var(--radius-medium);box-shadow:var(--shadow-medium);color:var(--text-light);font-size:12px;font-weight:700;left:10%;padding:5px;position:absolute;top:12px;transform:translateX(-50%)}.package-header{margin-bottom:var(--spacing-lg);text-align:center}.package-header h3{color:var(--text-primary);font-size:20px;margin-bottom:var(--spacing-xs)}.savings{color:var(--primary-red);font-size:12px;font-weight:700}.package-credits{margin-bottom:var(--spacing-lg);text-align:center}.credit-amount{animation:pulse 2s infinite;color:var(--primary-gold);display:block;font-size:36px;font-weight:700;text-shadow:0 2px 4px #ffd7004d}.credit-label{color:var(--text-secondary);font-size:22px}.package-price{margin-bottom:var(--spacing-lg);text-align:center}.price{color:var(--text-primary);display:block;font-size:24px;font-weight:700}.price-per-credit{color:var(--text-secondary);font-size:12px}.package-btn{background:linear-gradient(135deg,var(--primary-red) 0,var(--primary-gold) 100%);border:none;border-radius:var(--radius-large);color:var(--text-light);cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:var(--spacing-md);position:relative;transition:all .3s ease;width:100%}.package-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.package-btn:hover:before{left:100%}.package-btn:hover{box-shadow:0 8px 25px #dc143c66;transform:translateY(-2px)}.package-btn:disabled{cursor:not-allowed;opacity:.6}.package-btn:disabled,.package-btn:disabled:hover{box-shadow:none;transform:none}.error-message{background:#dc143c1a;border:1px solid var(--primary-red);border-radius:var(--radius-medium);color:var(--primary-red);margin:var(--spacing-lg) 0;padding:var(--spacing-md);text-align:center}.credit-footer{color:var(--text-secondary);font-size:14px;margin-top:var(--spacing-xxl);text-align:center}.credit-footer p{margin:var(--spacing-sm) 0}@media (max-width:768px){.credit-store{padding:var(--spacing-md)}.credit-balance{padding:var(--spacing-sm) var(--spacing-lg)}.balance-amount{font-size:20px}.packages-grid{gap:1rem;margin-top:10px}.credit-uses,.packages-grid{grid-template-columns:1fr}.package-card{padding:var(--spacing-md)}.credit-amount{font-size:28px}}.profile-container-modern{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.profile-header-modern{align-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;flex:1 1;justify-content:center;margin-bottom:30px;padding:30px;position:relative}.profile-avatar-section{gap:30px}.profile-avatar-large{border:4px solid #fff;box-shadow:0 8px 25px #00000026;height:120px;overflow:hidden;position:relative;transition:transform .3s ease;width:120px}.profile-avatar-large:hover{transform:scale(1.05)}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{font-size:48px}.avatar-upload-btn{background:#000c;border-radius:0 0 50px 50px;bottom:0;color:#fff;cursor:pointer;font-size:12px;left:0;opacity:0;padding:8px;position:absolute;right:0;text-align:center;transition:opacity .3s ease}.profile-avatar-large:hover .avatar-upload-btn{opacity:1}.profile-info-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.5rem;font-weight:700;margin:0 0 10px}.profile-subtitle{color:#666;font-size:1.1rem;font-weight:400;margin:0 0 20px}.profile-stats-modern{display:flex;gap:20px}.stat-card-modern{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;gap:12px;padding:15px 20px;transition:transform .3s ease}.stat-card-modern:hover{transform:translateY(-2px)}.stat-icon-modern{font-size:24px}.stat-content-modern{display:flex;flex-direction:column}.stat-value-modern{font-size:1.5rem;font-weight:700;line-height:1}.stat-label-modern{font-size:.9rem;opacity:.9}.logout-btn-modern{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.logout-btn-modern:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.profile-tabs-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 4px 20px #0000001a;display:flex;margin-bottom:30px;padding:5px}.tab-btn-modern{background:#0000;border:none;border-radius:12px;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:15px 20px;transition:all .3s ease}.tab-btn-modern.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.tab-btn-modern:hover:not(.active){background:#667eea1a;color:#667eea}.profile-content-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;min-height:600px;padding:30px}.profile-overview-modern{animation:fadeIn .5s ease}.overview-cards-modern{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.overview-card-modern{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:15px;box-shadow:0 8px 25px #f5576c4d;color:#fff;padding:25px}.overview-card-modern h3{font-size:1.4rem;font-weight:600;margin:0 0 20px}.activity-stats-modern{display:flex;justify-content:space-around;text-align:center}.activity-stat-modern{display:flex;flex-direction:column}.activity-number-modern{font-size:2rem;font-weight:700;line-height:1;margin-bottom:5px}.activity-label-modern{font-size:.9rem;opacity:.9}.interests-preview-modern{display:flex;flex-wrap:wrap;gap:8px}.interest-tag-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:6px 12px}.interest-more-modern{align-self:center;color:#fffc;font-style:italic}.gallery-section-modern{animation:fadeIn .5s ease;margin-top:2rem}.gallery-header-modern{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.gallery-header-modern h2{color:#333;font-size:2rem;font-weight:700;margin:0}.create-album-btn-modern{padding:12px 24px}.albums-grid-modern{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.album-card-modern{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.album-card-modern:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-5px)}.album-preview-modern{height:200px;overflow:hidden;position:relative}.album-preview-modern img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.album-card-modern:hover .album-preview-modern img{transform:scale(1.1)}.album-placeholder-modern{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.private-badge-modern{background:#000c;border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;position:absolute;right:10px;top:10px}.album-info-modern{padding:20px}.album-info-modern h4{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 8px}.album-info-modern p{color:#666;font-size:.9rem;margin:0 0 15px}.album-actions-modern{display:flex;flex-wrap:wrap;gap:8px}.add-photo-btn-modern,.delete-album-btn-modern,.edit-album-btn-modern,.view-album-btn-modern{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;min-width:80px;padding:8px 12px;transition:all .3s ease}.view-album-btn-modern{background:#667eea;color:#fff}.view-album-btn-modern:hover{background:#5a67d8;transform:translateY(-1px)}.add-photo-btn-modern{background:#48bb78;color:#fff}.add-photo-btn-modern:hover{background:#38a169;transform:translateY(-1px)}.edit-album-btn-modern{background:#ed8936;color:#fff}.edit-album-btn-modern:hover{background:#dd6b20;transform:translateY(-1px)}.delete-album-btn-modern{background:#f56565;color:#fff}.delete-album-btn-modern:hover{background:#e53e3e;transform:translateY(-1px)}.album-modal-modern{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.album-modal-overlay-modern{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;left:0;position:absolute;right:0;top:0}.album-modal-content-modern{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:800px;overflow:hidden;position:relative;width:90%}.album-modal-header-modern{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:25px 30px}.album-modal-header-modern h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.album-modal-header-modern button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background .3s ease;width:30px}.album-modal-header-modern button:hover{background:#f5f5f5}.album-photos-grid-modern{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:400px;overflow-y:auto;padding:30px}.album-photo-modern{aspect-ratio:1;border-radius:10px;cursor:pointer;overflow:hidden;transition:transform .3s ease}.album-photo-modern:hover{transform:scale(1.05)}.album-photo-modern{position:relative}.album-photo-modern img{border-radius:8px;height:100%;object-fit:cover;width:100%}.delete-photo-btn-modern{align-items:center;background:#f56565;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .3s ease;width:24px}.album-photo-modern:hover .delete-photo-btn-modern{opacity:1}.delete-photo-btn-modern:hover{background:#e53e3e;transform:scale(1.1)}.empty-album-modern{color:#666;grid-column:1/-1;padding:60px 20px;text-align:center}.empty-album-modern span{display:block;font-size:48px;margin-bottom:20px}.add-first-photo-btn-modern{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.profile-settings-modern{animation:fadeIn .5s ease}.settings-section-modern{background:#f8f9fa;border-left:4px solid #667eea;border-radius:15px;margin-bottom:40px;padding:25px}.settings-section-modern h3{align-items:center;color:#333;display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin:0 0 20px}.settings-grid-modern{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.setting-field-modern{display:flex;flex-direction:column}.setting-field-modern label{color:#555;font-size:.9rem;font-weight:600;margin-bottom:8px}.setting-input-modern,.setting-select-modern,.setting-textarea-modern{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;padding:12px 16px;transition:all .3s ease}.setting-input-modern:focus,.setting-select-modern:focus,.setting-slider-modern:focus,.setting-textarea-modern:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.setting-slider-modern{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:5px;cursor:pointer;height:8px;outline:none;transition:all .3s ease;width:100%}.setting-slider-modern::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #667eea;border-radius:50%;box-shadow:0 2px 6px #667eea4d;cursor:pointer;height:20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}.setting-slider-modern::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.setting-slider-modern::-moz-range-thumb{background:#fff;border:2px solid #667eea;border-radius:50%;box-shadow:0 2px 6px #667eea4d;cursor:pointer;height:20px;-moz-transition:all .3s ease;transition:all .3s ease;width:20px}.setting-slider-modern::-moz-range-thumb:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.slider-value{color:#667eea;font-size:.9rem;font-weight:600;margin-left:8px}.setting-textarea-modern{min-height:80px;resize:vertical}.interests-selector-modern{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.interest-chip-modern{background:#e2e8f0;border:none;border-radius:20px;color:#555;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.interest-chip-modern:hover{background:#cbd5e0;transform:translateY(-1px)}.interest-chip-modern.selected{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.privacy-settings-modern{margin-top:20px}.checkboxes-modern{display:flex;flex-direction:column;gap:15px;margin-top:20px}.checkbox-modern{align-items:center;color:#555;cursor:pointer;display:flex;font-weight:500;gap:10px}.checkbox-modern input[type=checkbox]{accent-color:#667eea;height:20px;width:20px}.settings-actions-modern{border-top:1px solid #e2e8f0;display:flex;gap:15px;justify-content:center;margin-top:40px;padding-top:30px}.save-btn-modern{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:25px;box-shadow:0 4px 15px #48bb784d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 40px;transition:all .3s ease}.save-btn-modern:hover:not(:disabled){box-shadow:0 6px 20px #48bb7866;transform:translateY(-2px)}.save-btn-modern:disabled{cursor:not-allowed;opacity:.7}.credits-btn-modern{background:linear-gradient(135deg,#ed8936,#dd6b20);border-radius:25px;box-shadow:0 4px 15px #ed89364d;color:#fff;display:inline-block;font-size:16px;font-weight:600;padding:15px 40px;text-align:center;text-decoration:none;transition:all .3s ease}.credits-btn-modern:hover{box-shadow:0 6px 20px #ed893666;transform:translateY(-2px)}.message-modern{animation:slideDown .3s ease;border-radius:12px;font-weight:600;margin-top:20px;padding:15px 20px;text-align:center}.message-modern.success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.message-modern.error{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.profile-container-modern{padding:15px}.profile-header-modern{align-content:center;align-items:center;background-color:#48bb78;text-align:center}.profile-avatar-section,.profile-header-modern{flex-direction:column;gap:20px}.profile-info-header h1{font-size:2rem}.profile-stats-modern{justify-content:center}.profile-tabs-modern{flex-direction:column}.tab-btn-modern{padding:12px 16px}.albums-grid-modern,.settings-grid-modern{grid-template-columns:1fr}.settings-actions-modern{flex-direction:column}.album-modal-content-modern{max-height:90vh;width:95%}.album-photos-grid-modern{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:20px}}.edit-modal-modern{max-width:500px}.edit-album-form-modern{padding:30px}.create-modal-modern{max-width:500px}.create-album-form-modern{display:flex;flex-direction:column;gap:20px;padding:30px}.create-input-modern{background:#fff;border:2px solid #e2e8f0;border-radius:15px;color:#333;font-size:16px;font-weight:500;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.create-input-modern:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;transform:translateY(-1px)}.create-input-modern::placeholder{color:#a0aec0;font-weight:400}.create-actions-modern{border-top:1px solid #f1f5f9;display:flex;gap:15px;justify-content:flex-end;margin-top:10px;padding-top:20px}.create-album-btn-modern{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.create-album-btn-modern:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.create-album-btn-modern:active{transform:translateY(0)}.cancel-create-btn-modern{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:25px;color:#64748b;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.cancel-create-btn-modern:hover{background:#e2e8f0;border-color:#cbd5e0;color:#475569;transform:translateY(-1px)}.form-group-modern{margin-bottom:20px}.form-group-modern label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.edit-input-modern{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.edit-input-modern:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.checkbox-label-modern{align-items:center;color:#555;cursor:pointer;display:flex;font-weight:500;gap:10px}.checkbox-label-modern input[type=checkbox]{accent-color:#667eea;height:20px;width:20px}.edit-actions-modern{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.save-edit-btn-modern{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:25px;box-shadow:0 4px 15px #48bb784d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.save-edit-btn-modern:hover{box-shadow:0 6px 20px #48bb7866;transform:translateY(-2px)}.cancel-edit-btn-modern{background:#e2e8f0;border:none;border-radius:25px;color:#555;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-edit-btn-modern:hover{background:#cbd5e0;transform:translateY(-1px)}@media (max-width:480px){.profile-avatar-large{height:100px;width:100px}.profile-info-header h1{font-size:1.8rem}.overview-cards-modern{grid-template-columns:1fr}.activity-stats-modern{flex-direction:column;gap:20px}.settings-section-modern{padding:20px}.interests-selector-modern{justify-content:center}.album-actions-modern{flex-direction:column}.album-actions-modern button{width:100%}.edit-actions-modern{flex-direction:column}.edit-actions-modern button{width:100%}.create-actions-modern{flex-direction:column}.create-actions-modern button{width:100%}.create-modal-modern{max-width:450px;width:95%}.create-album-form-modern{padding:25px}.coordinates-inputs{align-items:center;display:flex;gap:12px}.coordinate-input{flex:1 1;text-align:center}.coordinate-input::-webkit-inner-spin-button,.coordinate-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.coordinate-input[type=number]{-moz-appearance:textfield}.input-help{color:#666;display:block;font-size:12px;font-style:italic;margin-top:6px}}.following-container{margin:0 auto;max-width:600px;padding:20px}.following-header{margin-bottom:30px}.following-header h2{color:var(--primary-red);font-size:28px;margin-bottom:20px;text-align:center}.following-tabs{background:#f5f5f5;border-radius:25px;display:flex;margin-bottom:20px;padding:5px}.tab-button{background:#0000;border:none;border-radius:20px;color:#666;cursor:pointer;flex:1 1;font-weight:600;padding:12px 20px;transition:all .3s ease}.tab-button.active{background:var(--primary-red);box-shadow:0 2px 8px #dc143c4d;color:#fff}.following-list{display:flex;flex-direction:column;gap:15px}.following-item{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;display:flex;padding:20px;transition:transform .2s ease}.following-item:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.user-avatar{flex-shrink:0;height:60px;margin-right:15px;transition:transform .2s ease,box-shadow .2s ease;width:60px}.user-avatar:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-placeholder{font-size:24px}.user-info{flex:1 1}.user-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.user-badges{display:flex;gap:5px}.user-info h3{color:#333;font-size:18px;margin:0}.mutual-badge{background:linear-gradient(135deg,var(--primary-red),var(--primary-gold));border-radius:10px;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.album-indicator{background:#dc143c1a;border:1px solid #dc143c33;border-radius:8px;color:var(--primary-red);font-size:12px;padding:2px 6px}.user-info p{color:#666;font-size:14px;margin:0 0 5px}.follow-date{color:#999;font-size:12px}.user-actions{align-items:center;display:flex;gap:10px}.unfollow-button{background:#fff;border:2px solid #ddd;border-radius:20px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.unfollow-button:hover{background:#dc143c0d;border-color:var(--primary-red);color:var(--primary-red)}.follow-back-button{background:var(--primary-red);border:2px solid var(--primary-red);border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.follow-back-button:hover{background:#fff;box-shadow:0 2px 8px #dc143c4d;color:var(--primary-red);transform:translateY(-1px)}.view-profile-button{align-items:center;background:#dc143c1a;border:none;border-radius:50%;color:var(--primary-red);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.view-profile-button:hover{background:var(--primary-red);color:#fff;transform:scale(1.1)}.following-loading{color:var(--primary-red);font-size:18px;padding:60px 20px;text-align:center}@media (max-width:768px){.following-container,.following-item{padding:15px}.user-avatar{height:50px;width:50px}.user-info h3{font-size:16px}.following-tabs{margin-bottom:15px}.tab-button{font-size:14px;padding:10px 15px}}.profile-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-modal-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.profile-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.profile-modal-header h3{color:var(--primary-red);font-size:24px;margin:0}.close-modal-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.close-modal-btn:hover{background:#dc143c1a;color:var(--primary-red)}.profile-modal-body{padding:20px}.profile-info-section{align-items:center;border-bottom:1px solid #eee;display:flex;margin-bottom:30px;padding-bottom:20px}.profile-avatar-large{border-radius:50%;flex-shrink:0;height:80px;margin-right:20px;width:80px}.avatar-placeholder-large{align-items:center;background:linear-gradient(135deg,var(--primary-red),var(--primary-gold));border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:100%;justify-content:center;width:100%}.profile-details h4{color:#333;font-size:20px;margin:0 0 10px}.profile-bio{color:#666;font-size:14px;line-height:1.5;margin:0}.albums-section h4{color:#333;font-size:18px;margin:0 0 15px}.albums-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.album-item{border:1px solid #eee;border-radius:10px;overflow:hidden;transition:transform .3s ease}.album-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.album-preview{align-items:center;background:#f5f5f5;display:flex;height:100px;justify-content:center;position:relative;width:100%}.album-preview img{height:100%;object-fit:cover;width:100%}.album-placeholder{color:#999;font-size:24px}.private-indicator{align-items:center;background:#000000b3;border-radius:50%;color:#fff;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:5px;top:5px;width:20px}.album-info{padding:10px;text-align:center}.album-info h5{color:#333;font-size:14px;margin:0 0 5px}.album-info p{color:#666;font-size:12px;margin:0}.no-albums{color:#666;font-style:italic;padding:20px;text-align:center}.photo-gallery-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.photo-gallery-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.photo-gallery-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.photo-gallery-info h3{color:#333;font-size:1.2rem;margin:0}.photo-counter{color:#666;font-size:.9rem}.photo-gallery-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:background-color .2s;width:40px}.photo-gallery-close:hover{background-color:#f5f5f5}.photo-gallery-main{align-items:center;display:flex;min-height:500px;position:relative}.nav-button{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:50px;justify-content:center;transition:background-color .2s;width:50px;z-index:10}.nav-button:hover{background:#000000b3}.nav-button.prev{margin-left:10px}.nav-button.next{margin-right:10px}.photo-display{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.main-photo{border-radius:10px;max-height:600px;max-width:100%;object-fit:contain}.photo-actions{display:flex;gap:20px;margin-top:15px}.comment-button,.like-button{align-items:center;background:#ffffffe6;border:none;border-radius:25px;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:10px 15px;transition:all .2s}.comment-button:hover,.like-button:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.like-button.liked{background:#ff4757}.photo-caption{margin-top:15px;max-width:600px;text-align:center}.photo-caption p{background:#ffffffe6;border-radius:10px;color:#666;font-style:italic;margin:0;padding:10px 15px}.comments-panel{background:#f9f9f9;border-top:1px solid #eee;display:flex;flex-direction:column;max-height:300px}.comments-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:15px 20px}.comments-header h4{color:#333;margin:0}.comments-header button{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem}.comments-list{max-height:200px;padding:0 20px}.comment-item{border-bottom:1px solid #eee;gap:10px;padding:15px 0}.comment-avatar,.comment-avatar-placeholder{border-radius:50%;flex-shrink:0;height:35px;width:35px}.comment-avatar{object-fit:cover}.comment-avatar-placeholder{align-items:center;background:#ddd;color:#666;display:flex;font-weight:700;justify-content:center}.comment-author-info{display:flex;flex-direction:column;gap:2px}.comment-author-name{color:#333;font-size:.9rem;font-weight:500}.comment-date{color:#666;font-size:.8rem}.comment-content{color:#333;line-height:1.4;margin:0}.loading-comments,.no-comments{color:#666;padding:20px;text-align:center}.add-comment-form{background:#fff;border-top:1px solid #ddd;display:flex;gap:10px;padding:15px 20px}.add-comment-form input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:.9rem;outline:none;padding:10px 15px}.add-comment-form input:focus{border-color:#007bff}.add-comment-form button{background:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:background-color .2s}.add-comment-form button:hover:not(:disabled){background:#0056b3}.add-comment-form button:disabled{background:#ccc;cursor:not-allowed}.photo-thumbnails{background:#f9f9f9;border-top:1px solid #eee;display:flex;gap:5px;overflow-x:auto;padding:15px 20px}.thumbnail{border:3px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;transition:border-color .2s;width:60px}.thumbnail.active{border-color:#007bff}.thumbnail-image{height:100%;object-fit:cover;width:100%}@media (max-width:768px){.photo-gallery-overlay{padding:10px}.photo-gallery-container{max-height:95vh}.photo-gallery-main{min-height:300px}.main-photo{max-height:400px}.photo-actions{gap:10px}.comment-button,.like-button{font-size:.8rem;padding:8px 12px}.comments-panel{max-height:250px}.comments-list{max-height:150px}.photo-thumbnails{padding:10px 15px}.thumbnail{height:50px;width:50px}}.events-container{margin:0 auto;max-width:1200px;padding:20px}.events-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.events-header h2{color:var(--primary-red);font-size:28px;margin:0}.create-event-button{background:linear-gradient(135deg,var(--primary-red),var(--primary-gold));border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-event-button:hover{box-shadow:0 4px 15px #dc143c66;transform:translateY(-2px)}.events-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filter-button{background:#fff;border:2px solid #ddd;border-radius:20px;color:#666;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.filter-button:hover{border-color:var(--primary-red);color:var(--primary-red)}.filter-button.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}.events-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.event-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .3s ease}.event-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.event-image{height:200px;overflow:hidden;position:relative}.event-image img{height:100%;object-fit:cover;width:100%}.event-type-badge{background:var(--primary-red);color:#fff;left:10px}.event-type-badge,.private-badge{border-radius:15px;font-size:12px;font-weight:600;padding:5px 12px;position:absolute;top:10px}.private-badge{background:var(--primary-gold);color:#000;right:10px}.event-content{padding:20px}.event-content h3{color:#333;font-size:20px;margin:0 0 5px}.event-organizer{color:#666;font-size:14px}.event-details,.event-organizer{margin-bottom:15px}.event-date{display:flex;flex-direction:column;margin-bottom:8px}.event-date .date{color:var(--primary-red);font-weight:600}.event-date .time{color:#666;font-size:14px}.event-attendees,.event-location{color:#666;font-size:14px;margin-bottom:5px}.event-description{color:#555;line-height:1.5;margin-bottom:20px}.event-actions{display:flex;gap:10px}.attend-button{border:2px solid;border-radius:20px;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:all .3s ease}.attend-button.attending{background:#fff;border-color:#4caf50;color:#4caf50}.attend-button.attending:hover{background:#4caf50;color:#fff}.attend-button.maybe{background:#fff;border-color:#ff9800;color:#ff9800}.attend-button.maybe:hover{background:#ff9800;color:#fff}.attend-button.declined{background:#fff;border-color:#f44336;color:#f44336}.attend-button.declined:hover{background:#f44336;color:#fff}.event-create-form{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.event-create-form h3{color:var(--primary-red);margin-bottom:20px;text-align:center}.form-row{grid-gap:20px;gap:20px}.form-group input,.form-group select,.form-group textarea{border:2px solid #ddd;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-red);outline:none}.form-group textarea{min-height:100px;resize:vertical}.checkbox-label{font-weight:400!important}.checkbox-label input[type=checkbox]{margin:0;width:auto}.empty-state{grid-column:1/-1;padding:60px 20px}.empty-state p{margin:0}.events-loading{color:var(--primary-red);font-size:18px;padding:60px 20px;text-align:center}@media (max-width:768px){.events-container{padding:15px}.events-header{flex-direction:column;gap:15px;text-align:center}.events-filters{justify-content:center}.events-grid{grid-template-columns:1fr}.event-card{margin:0 10px}.form-row{grid-template-columns:1fr}.event-actions{flex-direction:column}.attend-button{margin-bottom:5px}}.event-amenities{color:#666;font-size:14px;margin-bottom:5px}.event-additional-info{background:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:10px}.event-additional-info small{color:#666;line-height:1.4}.organizer-actions{width:100%}.manage-button{background:linear-gradient(135deg,var(--primary-red),var(--primary-gold));border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.manage-button:hover{box-shadow:0 4px 15px #dc143c66;transform:translateY(-2px)}.approved-status{background:#e8f5e8;border:1px solid #4caf50;border-radius:8px;color:#4caf50;font-weight:600;padding:10px;text-align:center;width:100%}.event-location-detail{color:#666;font-size:12px;font-weight:400;margin-top:5px}.pending-status{background:#fff3e0;border:1px solid #ff9800;border-radius:8px;color:#ff9800;font-weight:600;padding:10px;text-align:center;width:100%}.request-button{background:linear-gradient(135deg,var(--primary-gold),gold);border:none;border-radius:20px;color:#000;cursor:pointer;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.request-button:hover{box-shadow:0 4px 15px #ffd70066;transform:translateY(-2px)}.amenities-input{display:flex;gap:10px;margin-bottom:10px}.amenities-input input{flex:1 1}.add-amenity-btn{background:var(--primary-red);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 16px;transition:all .3s ease}.add-amenity-btn:hover{background:#c01717;transform:translateY(-1px)}.amenities-list{display:flex;flex-wrap:wrap;gap:8px}.amenity-tag{align-items:center;background:#e3f2fd;border-radius:15px;color:var(--primary-red);display:flex;font-size:14px;gap:8px;padding:6px 12px}.amenity-tag button{background:none;border:none;color:var(--primary-red);cursor:pointer;font-size:18px;line-height:1;margin-left:5px;padding:0}.amenity-tag button:hover{color:#c01717}.posts-container{margin:0 auto;max-width:600px;padding:20px 20px 100px}.posts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.posts-title-section{align-items:center;display:flex;gap:15px}.posts-logo{border:3px solid var(--primary-red);border-radius:50%;box-shadow:0 2px 8px #dc143c4d;height:50px;object-fit:cover;transition:transform .3s ease;width:50px}.posts-logo:hover{transform:scale(1.1)}.posts-header h2{color:var(--primary-red);font-size:28px;margin:0}.create-post-button{background:linear-gradient(135deg,var(--primary-red),var(--primary-gold));border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-post-button:hover{box-shadow:0 4px 15px #dc143c66;transform:translateY(-2px)}.post-create-form{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.post-create-form h3{color:var(--primary-red);margin-bottom:20px;text-align:center}.post-create-form textarea{border:2px solid #ddd;border-radius:10px;font-family:inherit;font-size:16px;min-height:120px;padding:15px;resize:vertical;transition:border-color .3s ease;width:100%}.post-create-form textarea:focus{border-color:var(--primary-red);outline:none}.media-upload-section{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.media-upload-button{align-items:center;background:#f8f9fa;border:2px dashed #ddd;border-radius:10px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:15px;padding:12px 20px;transition:all .3s ease}.media-upload-button:hover{background:#fef2f2;border-color:var(--primary-red);color:var(--primary-red)}.selected-files{margin-top:15px}.selected-files h4{color:#333;font-size:16px;margin:0 0 10px}.files-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.file-item{background:#fff;border:1px solid #ddd;border-radius:10px;overflow:hidden}.file-preview{height:120px;overflow:hidden;position:relative}.file-preview img,.file-preview video{height:100%;object-fit:cover;width:100%}.file-name{color:#333;font-size:14px;font-weight:500;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#666;font-size:12px;margin:0}.file-actions{background:#f8f9fa;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:8px 10px}.edit-button,.remove-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:6px;transition:background-color .2s}.edit-button{background:#007bff;color:#fff}.edit-button:hover{background:#0056b3}.remove-button{background:#dc3545;color:#fff}.remove-button:hover{background:#c82333}.form-actions{align-items:center;justify-content:space-between;margin-top:15px}.char-count{color:#666;font-size:14px}.cancel-button{margin-right:10px}.cancel-button,.submit-button{border-radius:20px;padding:10px 20px}.posts-feed{display:flex;flex-direction:column;gap:20px}.post-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .2s ease}.post-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.post-header{margin-bottom:15px}.author-info{align-items:center;display:flex}.author-avatar{border-radius:50%;flex-shrink:0;height:50px;margin-right:12px;width:50px}.author-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,var(--primary-red),var(--primary-gold))}.author-details h4{color:#333;font-size:16px;margin:0 0 2px}.author-username{color:#666;font-size:14px}.post-date{color:#999;font-size:12px;margin-left:8px}.post-content{margin-bottom:15px}.post-content p{color:#333;font-size:16px;line-height:1.6;margin:0}.post-media{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.post-media img,.post-media video{border-radius:10px;max-height:300px;object-fit:cover;width:100%}.post-media video{background:#000}.post-actions{border-top:1px solid #eee;display:flex;gap:20px;padding-top:15px}.action-button{align-items:center;background:#0000;border:none;border-radius:20px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 12px;transition:all .3s ease}.action-button:hover{background:#0000000d}.like-button.liked{background-color:#8fc254;color:#fff;font-weight:600}.like-button.liked:hover{background:#e91e631a}.comment-button:hover{color:#2196f3}.share-button:hover{color:#4caf50}.empty-state{color:#666;padding:80px 20px;text-align:center}.empty-state p{font-size:18px;margin:10px 0}.posts-loading{color:var(--primary-red);font-size:18px;padding:60px 20px;text-align:center}.loading-more{align-items:center;color:var(--primary-red);display:flex;font-size:16px;gap:15px;justify-content:center;padding:20px}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid var(--primary-red);height:24px;width:24px}.end-of-feed{border-top:1px solid #eee;color:#666;font-size:16px;margin-top:20px;padding:30px 20px;text-align:center}@media (max-width:768px){.posts-container{padding:15px}.posts-header{flex-direction:column;gap:15px;text-align:center}.post-card{padding:15px}.author-avatar{height:40px;width:40px}.author-details h4{font-size:14px}.post-content p{font-size:15px}.post-actions{gap:15px}.action-button{font-size:13px;padding:6px 10px}.post-create-form{padding:20px}.post-create-form textarea{min-height:100px}}.media-editor-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.media-editor-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.media-editor-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.media-editor-header h3{color:#333;margin:0}.close-button{transition:background-color .2s}.close-button:hover{background-color:#f5f5f5}.media-editor-content{display:flex;flex:1 1;overflow:hidden}.media-preview{align-items:center;background:#f9f9f9;flex:1 1;justify-content:center;padding:20px}.media-canvas,.media-video{border-radius:8px;box-shadow:0 4px 12px #0000001a}.editor-controls{background:#fafafa;border-left:1px solid #eee;overflow-y:auto;padding:20px;width:300px}.control-group{margin-bottom:20px}.control-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.control-group input[type=range]{-webkit-appearance:none;background:#ddd;border-radius:3px;height:6px;outline:none;width:100%}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border-radius:50%;cursor:pointer;height:18px;width:18px}.control-group input[type=range]::-moz-range-thumb{background:#007bff;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.crop-controls{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.crop-controls>div{display:flex;flex-direction:column}.crop-controls label{font-size:12px;margin-bottom:4px}.reset-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px;transition:background-color .2s;width:100%}.reset-button:hover{background:#5a6268}.video-notice{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center;width:300px}.video-notice p{color:#666;font-size:14px;margin:10px 0}.media-editor-footer{background:#fafafa;border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:20px}.cancel-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.cancel-button{background:#6c757d;color:#fff}.cancel-button:hover{background:#5a6268}.save-button{background:#28a745;color:#fff}.save-button:hover{background:#218838}@media (max-width:768px){.media-editor-modal{max-height:95vh;width:95%}.media-editor-content{flex-direction:column}.editor-controls,.video-notice{border-left:none;border-top:1px solid #eee;width:100%}.media-editor-footer,.media-editor-header,.media-preview{padding:15px}}.stories-container{margin:0 auto;max-width:600px;padding:20px}.stories-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.stories-header h2{color:var(--primary-red);font-size:28px;margin:0}.create-story-button{background:linear-gradient(135deg,var(--primary-red),var(--primary-gold));border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.create-story-button:hover{box-shadow:0 4px 15px #dc143c66;transform:translateY(-2px)}.stories-bar{-ms-overflow-style:none;display:flex;gap:15px;overflow-x:auto;padding:20px 0;scrollbar-width:none}.stories-bar::-webkit-scrollbar{display:none}.story-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;min-width:70px;transition:transform .2s ease}.story-item:hover{transform:scale(1.05)}.create-story-item{background:#dc143c0d;border:2px dashed #dc143c4d;border-radius:15px}.create-story-item:hover{background:#dc143c1a;border-color:var(--primary-red);transform:scale(1.05)}.create-story-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-red),var(--primary-gold));border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.story-avatar{background:linear-gradient(45deg,var(--primary-red),var(--primary-gold),var(--accent-purple));border-radius:50%;height:60px;margin-bottom:8px;padding:2px;position:relative;width:60px}.avatar-placeholder{background:#fff;border-radius:50%;color:var(--primary-red);font-size:20px}.story-thumbnail{border:2px solid #fff;border-radius:50%;height:100%;object-fit:cover;width:100%}.hidden{display:none!important}.unviewed-indicator{background:var(--primary-red);height:20px;right:-2px;top:-2px;width:20px}.recommendation-badge,.unviewed-indicator{border:2px solid #fff;border-radius:50%;position:absolute}.recommendation-badge{align-items:center;background:linear-gradient(135deg,var(--primary-gold),gold);bottom:-2px;box-shadow:0 1px 3px #0003;color:var(--primary-red);display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;left:-2px;width:18px}.story-username{color:#666;font-size:12px;max-width:70px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.empty-stories{color:#666;padding:40px 20px;text-align:center;width:100%}.empty-stories p{font-size:16px;margin:10px 0}.story-create-form{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.story-create-form h3{color:var(--primary-red);margin-bottom:20px;text-align:center}.form-group label{margin-bottom:5px}.form-group input,.form-group select{border-radius:8px}.file-select-button{align-items:center;background:#f8f9fa;border:2px dashed #ddd;border-radius:10px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:15px;padding:12px 20px;transition:all .3s ease;width:100%}.file-select-button:hover{background:#fef2f2;border-color:var(--primary-red);color:var(--primary-red)}.file-info{background:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:10px}.file-info p{color:#666;font-size:14px;margin:5px 0}.form-actions{gap:15px;justify-content:flex-end;margin-top:30px}.cancel-button{background:#fff;border:2px solid #ddd;border-radius:25px;color:#666;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-button:hover{border-color:#999;color:#999}.submit-button{background:linear-gradient(135deg,var(--primary-red),var(--primary-gold));border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.submit-button:hover{box-shadow:0 4px 15px #dc143c66;transform:translateY(-2px)}.story-viewer{align-items:center;background:#000000e6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.story-content{background:#fff;border-radius:15px;cursor:default;max-width:400px;overflow:hidden;position:relative;width:90%}.story-header{background:#0000001a;justify-content:space-between;padding:15px 20px}.story-author,.story-header{align-items:center;display:flex}.story-author .avatar-placeholder{font-size:16px;height:40px;margin-right:10px;width:40px}.author-info h4{color:#333;font-size:16px;margin:0 0 2px}.author-info span{color:#666;font-size:12px}.close-button{border-radius:50%;color:#666;height:30px;padding:0;transition:background-color .3s ease;width:30px}.close-button:hover{background:#0000001a}.media-container,.story-media{position:relative}.media-container{align-items:center;background:#f5f5f5;display:flex;justify-content:center;min-height:200px;width:100%}.story-media img,.story-media video{display:block;max-height:500px;object-fit:cover;width:100%}.media-fallback{color:#666;font-size:16px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.media-fallback span{background:#ffffffe6;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:10px 20px}.story-caption{padding:15px 20px}.story-caption p{color:#333;line-height:1.4;margin:0}.story-footer{border-top:1px solid #eee;padding:10px 20px 15px}.story-footer span{color:#666;font-size:14px}.stories-loading{color:var(--primary-red);font-size:18px;padding:60px 20px;text-align:center}.story-create-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.story-create-modal-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}@media (max-width:768px){.stories-container{padding:15px}.stories-header{flex-direction:column;gap:15px;text-align:center}.stories-bar{padding:15px 0}.story-item{min-width:60px}.story-avatar{height:50px;width:50px}.story-username{font-size:11px;max-width:60px}.story-create-form{padding:20px}.story-content{max-width:none;width:95%}.story-media img,.story-media video{max-height:400px}}.comments-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.comments-modal{background:var(--neutral-white);border:1px solid var(--neutral-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.comments-modal-header{align-items:center;border-bottom:1px solid var(--neutral-light);display:flex;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6)}.comments-modal-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.close-button{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:var(--spacing-1);transition:all var(--transition-normal);width:32px}.close-button:hover{background:var(--neutral-light);color:var(--text-primary)}.comments-list{flex:1 1;max-height:400px;overflow-y:auto;padding:var(--spacing-4) 0}.comments-loading,.no-comments{color:var(--text-secondary);padding:var(--spacing-8) var(--spacing-6);text-align:center}.no-comments p:first-child{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.comment-item{border-bottom:1px solid var(--neutral-light);display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-6);transition:background var(--transition-normal)}.comment-item:hover{background:var(--neutral-light)}.comment-item:last-child{border-bottom:none}.comment-avatar{flex-shrink:0}.avatar-placeholder,.comment-avatar img{border:2px solid var(--neutral-medium);border-radius:var(--radius-full);height:40px;object-fit:cover;width:40px}.avatar-placeholder{background:var(--gradient-primary);color:var(--text-light);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.comment-content{flex:1 1;min-width:0}.comment-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.comment-author{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.comment-date,.comment-username{color:var(--text-muted);font-size:var(--font-size-xs)}.comment-date{margin-left:auto}.comment-text{word-wrap:break-word;color:var(--text-secondary);line-height:1.4;margin:0}.comment-form{border-top:1px solid var(--neutral-light);padding:var(--spacing-4) var(--spacing-6)}.comment-input-container{align-items:center;display:flex;gap:var(--spacing-2)}.comment-input-container input{border:2px solid var(--neutral-medium);border-radius:var(--radius-lg);flex:1 1;font-family:inherit;font-size:var(--font-size-base);outline:none;padding:var(--spacing-3) var(--spacing-4);transition:border-color var(--transition-normal)}.comment-input-container input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #e945601a}.submit-comment-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:var(--text-light);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-normal);white-space:nowrap}.submit-comment-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.submit-comment-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.comment-form-footer{display:flex;justify-content:flex-end;margin-top:var(--spacing-2)}.char-count{color:var(--text-muted);font-size:var(--font-size-xs)}@media (max-width:768px){.comments-modal{max-height:90vh;width:95%}.comments-modal-header{padding:var(--spacing-3) var(--spacing-4)}.comments-list{max-height:300px}.comment-item{gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4)}.avatar-placeholder,.comment-avatar img{height:32px;width:32px}.comment-form{padding:var(--spacing-3) var(--spacing-4)}.comment-input-container input,.submit-comment-btn{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}}.messages-container{background:#f8f9fa;border-radius:15px;box-shadow:0 10px 30px #0000001a;display:flex;height:calc(100vh - 200px);overflow:hidden}.messages-sidebar{background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;width:350px}.messages-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e9ecef;color:#fff;padding:20px}.messages-header h2{font-size:1.5rem;font-weight:600;margin:0}.conversations-list{flex:1 1;overflow-y:auto}.conversation-item{align-items:center;border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;padding:15px 20px;transition:background-color .2s ease}.conversation-item:hover{background-color:#f8f9fa}.conversation-item.active{background-color:#e3f2fd;border-right:3px solid #667eea}.conversation-avatar{border-radius:50%;flex-shrink:0;height:50px;margin-right:15px;overflow:hidden;width:50px}.conversation-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.conversation-info{flex:1 1;min-width:0}.conversation-name{color:#333;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-last-message{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between}.message-preview{flex:1 1;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{flex-shrink:0;font-size:12px}.no-messages{color:#999;font-style:italic}.unread-indicator{background:#667eea;border-radius:50%;flex-shrink:0;height:8px;width:8px}.messages-chat{background:#fff;display:flex;flex:1 1;flex-direction:column}.chat-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px}.chat-user-info{align-items:center;display:flex}.chat-avatar{border-radius:50%;height:40px;margin-right:15px;overflow:hidden;width:40px}.chat-avatar img{height:100%;object-fit:cover;width:100%}.chat-user-details h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 4px}.chat-username{color:#667eea;font-size:14px}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.message-item{display:flex;margin-bottom:10px}.message-item.own{justify-content:flex-end}.message-item.other{justify-content:flex-start}.message-avatar{border-radius:50%;flex-shrink:0;height:32px;margin-right:10px;overflow:hidden;width:32px}.message-item.own .message-avatar{margin-left:10px;margin-right:0;order:2}.message-content{display:flex;flex-direction:column;max-width:70%}.message-bubble{word-wrap:break-word;border-radius:18px;font-size:14px;line-height:1.4;padding:12px 16px}.message-item.own .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.message-item.other .message-bubble{background:#f1f3f4;border-bottom-left-radius:4px;color:#333}.message-time{align-items:center;color:#999;display:flex;font-size:11px;gap:4px;margin-top:4px}.message-item.own .message-time{justify-content:flex-end}.message-item.other .message-time{justify-content:flex-start}.message-time i{font-size:10px}.message-time i.read{color:#667eea}.message-input-form{background:#f8f9fa;border-top:1px solid #e9ecef;padding:20px}.message-input-container{align-items:center;display:flex;gap:10px}.message-input{border:2px solid #e9ecef;border-radius:25px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s ease}.message-input:focus{border-color:#667eea}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:transform .2s ease;width:44px}.send-button:hover:not(:disabled){transform:scale(1.05)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.loading{color:#666}.empty-chat,.empty-state,.no-conversation{color:#666;padding:60px 20px;text-align:center}.empty-chat i,.empty-state i,.no-conversation i{color:#ddd;font-size:48px;margin-bottom:20px}.empty-chat h3,.empty-state h3,.no-conversation h3{color:#333;margin:0 0 10px}.empty-chat p,.empty-state p,.no-conversation p{margin:0 0 10px}.empty-chat small,.empty-state small{color:#999;font-style:italic}.search-container{margin-top:15px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#999;left:12px;position:absolute;z-index:1}.search-input{border:2px solid #e9ecef;border-radius:20px;font-size:14px;padding:10px 40px 10px 35px;transition:border-color .2s ease}.search-input:focus{border-color:#667eea}.clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:10px;transition:background-color .2s ease}.clear-search:hover{background-color:#f8f9fa;color:#666}.search-results{padding:10px 0}.search-results-header{padding:0 20px 10px}.search-results-header h4{color:#333;font-size:14px;font-weight:600;margin:0}.search-result-item{align-items:center;border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;padding:12px 20px;transition:background-color .2s ease}.search-result-item:hover{background-color:#f8f9fa}.search-result-item .conversation-avatar{margin-right:12px}.search-result-item .conversation-info{flex:1 1}.search-result-item .conversation-name{font-size:14px;margin-bottom:2px}.user-details{align-items:center;display:flex;font-size:12px;gap:8px}.username{color:#667eea}.has-conversation{background:#e3f2fd;border-radius:10px;color:#1976d2;font-size:11px;padding:2px 6px}.start-chat-btn{color:#667eea;font-size:16px;transition:color .2s ease}.start-chat-btn:hover{color:#5a67d8}.empty-search{color:#666;padding:40px 20px;text-align:center}.empty-search i{color:#ddd;font-size:32px;margin-bottom:15px}.empty-search p{color:#333;margin:0 0 5px}.empty-search small{color:#999}@media (max-width:768px){.messages-container{flex-direction:column;height:calc(100vh - 150px)}.messages-sidebar{height:200px;width:100%}.conversations-list{display:flex;overflow-x:auto;padding:10px}.conversation-item{border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-right:10px;min-width:280px}.messages-chat{height:calc(100vh - 350px)}.message-content{max-width:85%}.search-input{font-size:16px}}.admin-dashboard{background:var(--gradient-luxury);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.admin-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--gradient-dark);border-right:1px solid #ffffff1a;box-shadow:var(--shadow-2xl);color:var(--text-light);height:100vh;left:0;position:fixed;top:0;transition:all var(--transition-normal);width:320px;z-index:var(--z-fixed)}.admin-sidebar.collapsed{width:80px}.admin-sidebar:before{background:linear-gradient(135deg,#1a1a2ee6,#16163ee6);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:var(--spacing-6);position:relative}.sidebar-header:after{background:var(--gradient-primary);bottom:0;content:"";height:1px;left:var(--spacing-6);opacity:.5;position:absolute;right:var(--spacing-6)}.sidebar-header h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);margin:0;white-space:nowrap}.admin-badge{background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-light);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.sidebar-toggle{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg);color:var(--text-light);cursor:pointer;display:flex;font-size:var(--font-size-lg);justify-content:center;padding:var(--spacing-2);transition:all var(--transition-normal)}.sidebar-toggle:hover{background:#fff3;box-shadow:var(--shadow-md);transform:scale(1.05)}.sidebar-nav{flex:1 1;padding:var(--spacing-4) 0}.nav-item{border-left:3px solid #0000;border-radius:0 var(--radius-lg) var(--radius-lg) 0;cursor:pointer;margin:var(--spacing-1) var(--spacing-2);overflow:hidden;padding:var(--spacing-4) var(--spacing-6);position:relative}.nav-item:before{bottom:0;left:0;opacity:0;right:0;transition:opacity var(--transition-normal);z-index:-1}.nav-item:hover{background:#ffffff1a;transform:translateX(4px)}.nav-item.active,.nav-item:hover{border-left-color:var(--accent-gold)}.nav-item.active{background:#ffffff26;box-shadow:var(--shadow-glow)}.nav-item.active:before{opacity:.1}.nav-icon{color:var(--text-light);font-size:var(--font-size-xl);margin-right:var(--spacing-4);min-width:24px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:var(--accent-gold)}.nav-content{flex:1 1;min-width:0}.nav-label{color:var(--text-light);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1);transition:color var(--transition-normal)}.nav-item.active .nav-label,.nav-item:hover .nav-label{color:var(--accent-gold)}.nav-description{color:var(--text-light);font-size:var(--font-size-xs);line-height:1.3;opacity:.7}.sidebar-footer{border-top:1px solid #ffffff1a;bottom:0;left:0;padding:var(--spacing-6);position:absolute;right:0}.logout-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-xl);color:var(--text-light);cursor:pointer;display:flex;font-weight:var(--font-weight-semibold);gap:var(--spacing-2);justify-content:center;padding:var(--spacing-4);transition:all var(--transition-normal);width:100%}.logout-btn:before{content:"🚪";font-size:var(--font-size-lg)}.logout-btn:hover{background:#ff6b6b33;border-color:var(--text-error);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-main{flex:1 1;margin-left:320px;min-height:100vh;transition:margin-left var(--transition-normal)}.admin-main.sidebar-collapsed{margin-left:80px}.main-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--neutral-white);border-bottom:1px solid var(--neutral-medium);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--spacing-6) var(--spacing-8);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.main-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);margin:0}.header-actions{gap:var(--spacing-4)}.header-actions,.refresh-btn{align-items:center;display:flex}.refresh-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--text-light);cursor:pointer;font-weight:var(--font-weight-semibold);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-normal)}.refresh-btn:before{content:"🔄";font-size:var(--font-size-base)}.refresh-btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.admin-info{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.main-content{margin:0 auto;max-width:1400px;padding:var(--spacing-8)}.admin-header{margin-bottom:var(--spacing-8);text-align:center}.admin-header h1{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--spacing-4)}.admin-tabs{border:1px solid var(--neutral-medium);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center;margin-bottom:var(--spacing-8);padding:var(--spacing-2)}.admin-tabs,.admin-tabs button{background:var(--neutral-white)}.admin-tabs button{border:2px solid var(--neutral-medium);border-radius:var(--radius-xl);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);overflow:hidden;padding:var(--spacing-4) var(--spacing-6);position:relative;transition:all var(--transition-normal)}.admin-tabs button:before{background:var(--gradient-primary);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%;z-index:-1}.admin-tabs button:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-md);color:var(--accent-gold);transform:translateY(-2px)}.admin-tabs button.active{background:var(--gradient-primary);border-color:var(--accent-gold);box-shadow:var(--shadow-glow);color:var(--text-light)}.admin-tabs button.active:before{left:0}.admin-content{background:var(--neutral-white);border:1px solid var(--neutral-medium);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);overflow:hidden;padding:var(--spacing-8);position:relative}.admin-content:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.overview-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:var(--spacing-8)}.stats-card{background:var(--neutral-white);border:1px solid var(--neutral-medium);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--spacing-8);position:relative;transition:all var(--transition-normal)}.stats-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stats-card:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.stats-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--spacing-2);justify-content:center;margin-bottom:var(--spacing-6);text-align:center}.stats-card h3:before{content:"📊";font-size:var(--font-size-lg)}.stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-item{background:var(--neutral-light);box-shadow:var(--shadow-sm)}.stat-item:before{height:3px;opacity:0;transition:opacity var(--transition-normal)}.stat-item:hover{background:var(--neutral-white);box-shadow:var(--shadow-md)}.stat-item:hover:before{opacity:1}.stat-item.warning{border-left:4px solid var(--text-warning)}.stat-item.warning:before{background:var(--text-warning)}.stat-item.success{border-left:4px solid var(--text-success)}.stat-item.success:before{background:var(--text-success)}.stat-number{color:var(--accent-gold);display:block;font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);line-height:1;margin-bottom:var(--spacing-2);text-shadow:0 2px 4px #e9456033}.stat-label{margin:0}.user-management{width:100%}.filters-section{background:var(--neutral-white);border:1px solid var(--neutral-medium);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.filters{grid-gap:var(--spacing-4);align-items:end;display:grid;gap:var(--spacing-4);grid-template-columns:2fr 1fr 1fr 1fr}@media (max-width:1024px){.filters{grid-template-columns:1fr 1fr}}@media (max-width:768px){.filters{grid-template-columns:1fr}}.search-input{background:var(--neutral-white);border:2px solid var(--neutral-medium);border-radius:var(--radius-xl);font-family:inherit;font-size:var(--font-size-base);outline:none;padding:var(--spacing-4) var(--spacing-5) var(--spacing-4) var(--spacing-12);position:relative;transition:all var(--transition-normal);width:100%}.search-input::placeholder,.search-input:before{color:var(--text-muted)}.search-input:before{content:"🔍";font-size:var(--font-size-base);left:var(--spacing-4);position:absolute;top:50%;transform:translateY(-50%)}.search-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #e945601a;transform:translateY(-1px)}.filters select{background:var(--neutral-white);border:2px solid var(--neutral-medium);border-radius:var(--radius-xl);cursor:pointer;font-size:var(--font-size-base);outline:none;padding:var(--spacing-4);transition:all var(--transition-normal);width:100%}.filters select:focus{box-shadow:0 0 0 3px #e945601a;transform:translateY(-1px)}.filters select:focus,.filters select:hover{border-color:var(--accent-gold)}.users-table-container{background:var(--neutral-white);border:1px solid var(--neutral-medium);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.users-table{background:var(--neutral-white);border-collapse:collapse;width:100%}.users-table thead{background:var(--gradient-primary);color:var(--text-light)}.users-table th{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--spacing-5) var(--spacing-4);position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.users-table td{border-bottom:1px solid var(--neutral-light);padding:var(--spacing-4);vertical-align:middle}.users-table tbody tr{transition:all var(--transition-normal)}.users-table tbody tr:hover{background:#e9456005;transform:scale(1.01)}.users-table tbody tr:last-child td{border-bottom:none}.user-cell{gap:var(--spacing-3)}.user-avatar{background:var(--gradient-primary);border:2px solid var(--neutral-white);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--text-light);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:48px;width:48px}.user-avatar img{border-radius:var(--radius-full)}.user-info strong{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.user-info small{color:var(--text-muted);font-size:var(--font-size-sm)}.role-badge,.status-badge{align-items:center;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);gap:var(--spacing-1);letter-spacing:.5px;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.role-badge.role-super_admin{background:var(--gradient-fire);color:var(--text-light)}.role-badge.role-admin{background:var(--gradient-secondary);color:var(--text-light)}.role-badge.role-moderator{background:var(--gradient-tertiary);color:var(--text-light)}.role-badge.role-user{background:var(--neutral-light);border:1px solid var(--neutral-medium);color:var(--text-primary)}.status-badge.status-active{background:var(--gradient-tertiary);color:var(--text-light)}.status-badge.status-suspended{background:var(--text-warning);color:var(--text-light)}.status-badge.status-banned{background:var(--gradient-fire);color:var(--text-light)}.status-badge.status-pending{background:var(--secondary-purple);color:var(--text-light)}.action-buttons{gap:var(--spacing-2)}.action-btn{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-1);letter-spacing:.5px;padding:var(--spacing-2) var(--spacing-3);text-transform:uppercase;transition:all var(--transition-normal)}.action-btn.suspend{background:var(--text-warning);color:var(--text-light)}.action-btn.suspend:hover{background:#f57c00;box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-btn.activate{background:var(--text-success);color:var(--text-light)}.action-btn.activate:hover{background:#2e7d32;box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-btn.ban{background:var(--text-error);color:var(--text-light)}.action-btn.ban:hover{background:#c62828;box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-btn.view{background:var(--secondary-teal);color:var(--text-light)}.action-btn.view:hover{background:#0097a7;box-shadow:var(--shadow-md);transform:translateY(-2px)}.reports-management h3{color:var(--primary-red);margin-bottom:20px}.report-status{border-radius:12px;padding:4px 8px}.report-card p{color:#555;margin:8px 0}.report-card strong{color:#333}.admin-error,.admin-loading,.loading{color:var(--primary-red);font-size:18px;padding:80px 20px;text-align:center}.admin-error{color:#dc3545}.dashboard-overview{display:flex;flex-direction:column;gap:30px}.stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:#fff;border-left:4px solid var(--primary-red);border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.stat-card.primary{border-left-color:var(--primary-red)}.stat-card.success{border-left-color:#28a745}.stat-card.warning{border-left-color:#ffc107}.stat-card.info{border-left-color:#17a2b8}.stat-card .stat-icon{font-size:32px;margin-bottom:15px;opacity:.8}.stat-content h3{color:var(--primary-red);font-size:28px;font-weight:700;margin:0 0 5px}.stat-content p{color:#666;font-size:14px;margin:0 0 10px}.stat-change{color:#28a745;font-size:12px;font-weight:600}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px}.chart-card h3{color:var(--primary-red);font-size:18px;margin-bottom:20px}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{background:#f8f9fa;border-left:3px solid var(--primary-red);border-radius:8px;padding:15px}.activity-icon{color:var(--primary-red);font-size:20px;margin-right:15px}.activity-content p{color:#333;font-weight:600;margin:0 0 5px}.activity-content small{color:#666;font-size:12px}.user-distribution{display:flex;flex-direction:column;gap:15px}.distribution-item{align-items:center;display:flex;gap:15px}.distribution-item .label{color:#333;font-weight:600;min-width:80px}.progress-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:var(--primary-red);border-radius:4px;height:100%;transition:width .3s ease}.progress-fill.premium{background:var(--primary-gold)}.progress-fill.verified{background:#28a745}.distribution-item .value{color:var(--primary-red);font-weight:600;min-width:40px;text-align:right}.content-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.content-stat{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center}.content-icon{display:block;font-size:24px;margin-bottom:10px}.content-stat h4{color:var(--primary-red);font-size:24px;margin:0 0 5px}.content-stat p{color:#666;font-size:14px;margin:0}.quick-actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.quick-actions .action-btn{background:linear-gradient(135deg,var(--primary-red),var(--primary-gold));border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:15px;transition:all .3s ease}.quick-actions .action-btn:hover{box-shadow:0 4px 12px #dc143c4d;transform:translateY(-2px)}.advanced-user-management{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.management-header{align-items:flex-start;border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:25px}.filters-section{flex:1 1;min-width:300px}.search-group{margin-bottom:15px}.bulk-actions,.search-group{display:flex;flex-wrap:wrap;gap:15px}.bulk-actions{align-items:center}.bulk-actions span{color:var(--primary-red);font-weight:600}.bulk-btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.bulk-btn.suspend{background:#ffc107;color:#fff}.bulk-btn.activate{background:#28a745;color:#fff}.bulk-btn.ban{background:#dc3545;color:#fff}.bulk-btn.clear{background:#6c757d;color:#fff}.bulk-btn:hover{opacity:.9;transform:translateY(-1px)}.users-table-container{overflow-x:auto}.advanced-users-table{border-collapse:collapse;width:100%}.advanced-users-table th{background:linear-gradient(135deg,var(--primary-red),var(--primary-gold));color:#fff;font-weight:600;padding:15px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.advanced-users-table td{border-bottom:1px solid #e9ecef;padding:15px;vertical-align:middle}.advanced-users-table tr:hover{background:#dc143c05}.advanced-users-table tr.selected{background:#dc143c1a}.user-cell{gap:12px}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background:var(--primary-red);border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-info strong{color:var(--primary-red);display:block}.user-info small{color:#666}.user-details{font-size:14px;line-height:1.4}.user-details div{margin-bottom:3px}.user-details strong{color:#333}.activity-info{font-size:14px}.activity-info div{margin-bottom:2px}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.action-btn{border-radius:15px;font-size:12px;padding:6px 12px}.action-btn.view{background:#17a2b8;color:#fff}.action-btn.suspend{background:#ffc107;color:#fff}.action-btn.activate{background:#28a745;color:#fff}.action-btn.ban{background:#dc3545;color:#fff}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.modal-content{animation:slideInScale .3s ease-out;background:var(--neutral-white);border:1px solid var(--neutral-medium);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);max-height:85vh;max-width:600px;overflow-y:auto;position:relative;width:90%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{background:var(--neutral-white);border-bottom:1px solid var(--neutral-light);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;justify-content:space-between;padding:var(--spacing-6) var(--spacing-8);position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--spacing-2);margin:0}.modal-header h3:before{content:"👤";font-size:var(--font-size-lg)}.modal-close-btn{align-items:center;background:var(--neutral-light);border:1px solid var(--neutral-medium);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:40px;justify-content:center;transition:all var(--transition-normal);width:40px}.modal-close-btn:hover{background:var(--text-error);color:var(--text-light);transform:rotate(90deg)}.modal-body{padding:var(--spacing-8)}.user-detail-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-section{background:var(--neutral-light);border-left:4px solid var(--accent-gold);border-radius:var(--radius-xl);padding:var(--spacing-6);transition:all var(--transition-normal)}.detail-section:hover{background:var(--neutral-white);box-shadow:var(--shadow-md);transform:translateY(-2px)}.detail-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--spacing-2);margin:0 0 var(--spacing-4) 0}.detail-section h4:before{content:"📋";font-size:var(--font-size-base)}.detail-section p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.5;margin:var(--spacing-2) 0}.detail-section strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.suspend-user-info{align-items:center;background:var(--neutral-light);border-left:4px solid var(--accent-gold);border-radius:var(--radius-xl);display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.suspend-user-info:before{content:"⚠️";font-size:var(--font-size-2xl)}.suspend-user-info p{color:var(--text-secondary);font-size:var(--font-size-base);margin:var(--spacing-1) 0}.suspend-user-info strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.suspend-warning{background:#ffa7261a;border-left:1px solid var(--text-warning);border:1px solid var(--text-warning);border-left-width:4px;border-radius:var(--radius-xl);margin:var(--spacing-6) 0;padding:var(--spacing-6)}.suspend-warning p{color:var(--text-warning);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.suspend-form{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);margin:var(--spacing-6) 0}.suspend-duration-selector{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.duration-option{background:var(--neutral-white);border:2px solid var(--neutral-medium);border-radius:var(--radius-lg);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-4);text-align:center;transition:all var(--transition-normal)}.duration-option:hover{background:#e945600d;border-color:var(--accent-gold)}.duration-option.selected{background:var(--gradient-primary);border-color:var(--accent-gold);box-shadow:var(--shadow-glow);color:var(--text-light)}.suspend-reason{border:2px solid var(--neutral-medium);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--font-size-base);outline:none;padding:var(--spacing-4);resize:vertical;transition:all var(--transition-normal);width:100%}.suspend-reason:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #e945601a}.modal-actions{border-top:1px solid var(--neutral-light);gap:var(--spacing-4);margin-top:var(--spacing-8);padding-top:var(--spacing-6)}.suspend-confirm-btn{align-items:center;background:var(--gradient-fire);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--text-light);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-8);transition:all var(--transition-normal)}.suspend-confirm-btn:before{content:"🚫";font-size:var(--font-size-base)}.suspend-confirm-btn:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.cancel-btn{font-size:var(--font-size-base)}.placeholder-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:40px;text-align:center}.placeholder-section h3{color:var(--primary-red);margin-bottom:15px}.placeholder-section p{color:#666;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:500px}.coming-soon{border-radius:20px;display:inline-block;font-weight:600;padding:10px 20px}.admin-loading,.coming-soon{background:linear-gradient(135deg,var(--primary-red),var(--primary-gold));color:#fff}.admin-loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}.loading{color:var(--primary-red);padding:40px;text-align:center}@media (max-width:1200px){.admin-sidebar{width:280px}.admin-main{margin-left:280px}.admin-main.sidebar-collapsed{margin-left:80px}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:1024px){.admin-sidebar{width:260px}.admin-main{margin-left:260px}.admin-main.sidebar-collapsed{margin-left:80px}.main-header h1{font-size:var(--font-size-2xl)}.filters{grid-template-columns:1fr 1fr 1fr}}@media (max-width:768px){.admin-dashboard{flex-direction:column}.admin-sidebar{border-bottom:1px solid var(--neutral-medium);border-radius:0;box-shadow:none;height:auto;position:static;width:100%}.admin-main{margin-left:0}.sidebar-header{padding:var(--spacing-4) var(--spacing-6)}.sidebar-nav{display:flex;gap:var(--spacing-2);overflow-x:auto}.nav-item,.sidebar-nav{padding:var(--spacing-3) var(--spacing-4)}.nav-item{border-radius:var(--radius-lg);flex-shrink:0;margin:0;min-width:140px}.nav-item.collapsed{min-width:60px}.main-header{flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6);text-align:center}.main-header h1{font-size:var(--font-size-xl)}.header-actions{justify-content:center;width:100%}.main-content{padding:var(--spacing-4)}.admin-content{border-radius:var(--radius-xl);padding:var(--spacing-6)}.overview-grid{gap:var(--spacing-4);grid-template-columns:1fr}.stats-card{padding:var(--spacing-6)}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters{gap:var(--spacing-3);grid-template-columns:1fr}.users-table-container{border-radius:var(--radius-xl);overflow-x:auto}.users-table td,.users-table th{font-size:var(--font-size-sm);padding:var(--spacing-3)}.user-cell{flex-direction:column;gap:var(--spacing-2);text-align:center}.action-buttons{justify-content:center}.modal-content{margin:var(--spacing-4);max-height:90vh;width:95%}.modal-header{padding:var(--spacing-4) var(--spacing-6)}.modal-body{padding:var(--spacing-6)}.user-detail-grid{grid-template-columns:1fr}}@media (max-width:640px){.admin-sidebar{height:60px;overflow:hidden;transition:height var(--transition-normal)}.admin-sidebar.expanded{height:auto}.sidebar-nav{flex-wrap:wrap;justify-content:center}.nav-item{min-width:120px}.main-content{padding:var(--spacing-3)}.admin-content{padding:var(--spacing-4)}.stats-card h3{font-size:var(--font-size-lg)}.stat-number{font-size:var(--font-size-2xl)}.filters-section{padding:var(--spacing-4)}.modal-content{margin:var(--spacing-2);width:98%}.suspend-duration-selector{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.main-header h1{font-size:var(--font-size-lg)}.admin-content{border-radius:var(--radius-lg);padding:var(--spacing-3)}.stats-card{padding:var(--spacing-4)}.stats-grid{grid-template-columns:1fr}.stat-item{padding:var(--spacing-3);text-align:center}.users-table td,.users-table th{font-size:var(--font-size-xs);padding:var(--spacing-2)}.action-btn{font-size:10px;padding:var(--spacing-1) var(--spacing-2)}.modal-header h3{font-size:var(--font-size-lg)}.modal-body{padding:var(--spacing-4)}.suspend-duration-selector{grid-template-columns:1fr}.modal-actions{flex-direction:column;gap:var(--spacing-3)}.cancel-btn,.suspend-confirm-btn{padding:var(--spacing-3);width:100%}}@media (prefers-reduced-motion:reduce){.action-btn,.admin-sidebar,.modal-content,.modal-overlay,.nav-item,.stats-card{animation:none;transition:none}}@media (prefers-contrast:high){.admin-sidebar{background:var(--neutral-black);border-right:2px solid var(--text-light)}.nav-item.active{background:var(--text-light);border-left-color:var(--text-light);color:var(--neutral-black)}.admin-content,.stats-card{border:2px solid var(--text-light)}.action-btn{border:2px solid}}@media (prefers-color-scheme:dark){.admin-sidebar{background:var(--gradient-dark)}.admin-content,.filters-section,.stats-card{background:var(--neutral-charcoal);border-color:var(--neutral-dark);color:var(--text-light)}.users-table thead{background:var(--gradient-dark)}.users-table tbody tr:hover{background:#ffffff0d}}@media print{.action-buttons,.admin-sidebar,.main-header .header-actions,.modal-overlay{display:none!important}.admin-main{margin-left:0}.admin-content,.stats-card{border:1px solid #000;box-shadow:none}.users-table{page-break-inside:avoid}}.action-btn:focus-visible,.admin-sidebar button:focus-visible,.filters select:focus-visible,.nav-item:focus-visible,.search-input:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--neutral-light) 25%,var(--neutral-medium) 50%,var(--neutral-light) 75%);background-size:200% 100%;border-radius:var(--radius-md)}.d-flex{display:flex}.d-grid{display:grid}.d-block{display:block}.d-none{display:none}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.m-0{margin:0}.mt-4{margin-top:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-4)}.p-4{padding:var(--spacing-4)}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:var(--radius-md)}.shadow{box-shadow:var(--shadow-sm)}.bg-white{background:var(--neutral-white)}.bg-light{background:var(--neutral-light)}.advanced-content-moderation{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.moderation-tabs{border-bottom:1px solid #e9ecef}.mod-tab{border-bottom:3px solid #0000}.mod-tab.active{background:#fff;border-bottom-color:var(--primary-red);color:var(--primary-red)}.moderation-content{padding:25px}.content-list{display:flex;flex-direction:column;gap:20px}.tab-header{margin-bottom:20px}.add-btn,.bulk-delete-btn{background:var(--primary-red);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.add-btn:hover,.bulk-delete-btn:hover{background:#c82333;transform:translateY(-1px)}.content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.content-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:20px;transition:all .3s ease}.content-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.content-card.story-card{border-left:4px solid #17a2b8}.content-card.event-card{border-left:4px solid #28a745}.content-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.content-meta{color:#666;font-size:14px}.content-meta .author{color:var(--primary-red);font-weight:600}.content-meta .attendees,.content-meta .date,.content-meta .views{margin-left:10px}.content-body{margin-bottom:15px}.content-body p{color:#333;line-height:1.5;margin:0 0 10px}.media-preview{display:flex;gap:8px;margin-top:10px}.media-thumb{object-fit:cover}.media-thumb,.more-media{border:1px solid #e9ecef;border-radius:6px;height:60px;width:60px}.more-media{align-items:center;background:#f8f9fa;color:#666;display:flex;font-size:12px;font-weight:600;justify-content:center}.story-preview{border:1px solid #e9ecef;border-radius:8px;max-height:200px;object-fit:cover;width:100%}.event-details{color:#666;display:flex;flex-wrap:wrap;font-size:14px;gap:15px;margin-top:10px}.event-details span{background:#f8f9fa;border-radius:4px;padding:4px 8px}.content-actions{display:flex;gap:10px;justify-content:flex-end}.delete-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.delete-btn:hover{background:#c82333;transform:translateY(-1px)}.advanced-reports-system{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px}.reports-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.reports-header h3{color:var(--primary-red);margin:0}.reports-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.stat-item{background:#f8f9fa;border-left:4px solid var(--primary-red);border-radius:8px;padding:20px}.stat-item .stat-number{color:var(--primary-red);display:block;font-size:32px;font-weight:700;margin-bottom:5px}.stat-item .stat-label{color:#666;font-size:14px;font-weight:600}.reports-list{display:flex;flex-direction:column;gap:15px}.report-card{background:#fff;border-left:4px solid var(--primary-red);border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .3s ease}.report-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-1px)}.report-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.report-type{color:var(--primary-red);font-weight:600}.report-status{border-radius:15px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.report-status.status-pending{background:#fff3cd;color:#856404}.report-status.status-investigating{background:#cce5ff;color:#004085}.report-status.status-resolved{background:#d4edda;color:#155724}.report-status.status-dismissed{background:#f8d7da;color:#721c24}.report-content{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.report-details{flex:1 1}.report-details p{color:#555;margin:8px 0}.report-details strong{color:#333}.report-actions{display:flex;flex-direction:column;gap:8px;min-width:150px}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.action-btn.investigate{background:#17a2b8;color:#fff}.action-btn.dismiss{background:#6c757d;color:#fff}.action-btn.resolve{background:#28a745;color:#fff}.action-btn:hover{opacity:.9;transform:translateY(-1px)}.resolution-info{background:#f8f9fa;border-radius:6px;margin-top:10px;padding:15px}.resolution-info p{font-size:14px;margin:5px 0}.resolution-form{margin-top:15px}.resolution-form label{color:#333;display:block;font-weight:600;margin-bottom:8px}.resolution-form textarea{border:2px solid #ddd;border-radius:6px;font-family:inherit;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.resolution-form textarea:focus{border-color:var(--primary-red);outline:none}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.save-btn{background:var(--primary-red);border-radius:6px;padding:10px 20px;transition:all .3s ease}.save-btn:hover{background:#c82333;transform:translateY(-1px)}.cancel-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;padding:10px 20px;transition:all .3s ease}.cancel-btn:hover{background:#545b62;transform:translateY(-1px)}.advanced-analytics{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px}.analytics-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.analytics-header h3{color:var(--primary-red);margin:0}.period-selector{align-items:center;display:flex;gap:15px}.period-selector label{color:#333;font-weight:600}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.metric-card{background:#fff;border-left:4px solid var(--primary-red);border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .3s ease}.metric-card:hover{transform:translateY(-2px)}.metric-card.revenue{border-left-color:#28a745}.metric-card.expenses{border-left-color:#dc3545}.metric-card.net-income{border-left-color:var(--primary-gold)}.metric-card.gifts{border-left-color:#17a2b8}.metric-content h4{color:var(--primary-red);font-size:24px;font-weight:700;margin:0 0 5px}.metric-content h4.positive{color:#28a745}.metric-content h4.negative{color:#dc3545}.metric-content p{color:#666;font-size:14px;margin:0}.charts-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:25px}.chart-container h4{color:var(--primary-red);font-size:16px;margin:0 0 20px}.chart-placeholder{background:#f8f9fa;border-radius:8px;min-height:200px;padding:20px}.chart-bars{align-items:end;display:flex;gap:15px;height:150px}.chart-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.bar-fill{align-items:flex-end;background:var(--primary-red);border-radius:4px 4px 0 0;color:#fff;display:flex;font-size:12px;font-weight:700;justify-content:center;min-height:20px;padding:5px;width:100%}.bar-label{color:#666;font-size:12px;text-align:center;text-orientation:mixed;transform:rotate(180deg);writing-mode:vertical-rl}.activity-breakdown{display:flex;flex-direction:column;gap:15px}.activity-item{align-items:center;display:flex;gap:15px}.activity-label{color:#333;font-weight:600;min-width:120px}.activity-bar{background:#e9ecef;border-radius:6px;flex:1 1;height:12px;overflow:hidden}.activity-fill{border-radius:6px;height:100%;transition:width .3s ease}.activity-fill.social{background:var(--primary-red)}.activity-fill.events{background:#28a745}.activity-fill.connections{background:var(--primary-gold)}.activity-value{color:var(--primary-red);font-weight:600;min-width:50px;text-align:right}.financial-breakdown{display:flex;flex-direction:column;gap:15px}.financial-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:15px}.financial-label{color:#333;font-weight:600}.financial-value{font-size:18px;font-weight:700}.financial-value.positive{color:#28a745}.financial-value.negative{color:#dc3545}.financial-value.neutral{color:#17a2b8}.analytics-tables{margin-top:30px}.table-section{margin-bottom:30px}.table-section h4{color:var(--primary-red);margin:0 0 15px}.analytics-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.analytics-table td,.analytics-table th{border-bottom:1px solid #e9ecef;padding:12px 16px;text-align:left}.analytics-table th{background:linear-gradient(135deg,var(--primary-red),var(--primary-gold));color:#fff;font-weight:600}.analytics-table tr:hover{background:#dc143c05}.financial-management{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px}.finance-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.finance-header h3{color:var(--primary-red);margin:0}.finance-filters{display:flex;flex-wrap:wrap;gap:15px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#333;font-size:14px;font-weight:600}.filter-group select{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .3s ease}.filter-group select:focus{border-color:var(--primary-red);outline:none}.financial-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.finance-card{background:#fff;border-left:4px solid var(--primary-red);border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .3s ease}.finance-card:hover{transform:translateY(-2px)}.finance-card.revenue{border-left-color:#28a745}.finance-card.expenses{border-left-color:#dc3545}.finance-card.net-income{border-left-color:var(--primary-gold)}.finance-card.gifts{border-left-color:#17a2b8}.finance-icon{font-size:32px;margin-bottom:15px;opacity:.8}.finance-content h4{color:var(--primary-red);font-size:24px;font-weight:700;margin:0 0 5px}.transactions-section{margin-bottom:30px}.transactions-section h4{color:var(--primary-red);margin:0 0 20px}.transactions-table-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.transactions-table{background:#fff;border-collapse:collapse;width:100%}.transactions-table td,.transactions-table th{border-bottom:1px solid #e9ecef;padding:12px 16px;text-align:left}.transactions-table th{background:linear-gradient(135deg,var(--primary-red),var(--primary-gold));color:#fff;font-weight:600}.transactions-table tr:hover{background:#dc143c05}.transaction-type{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 8px;text-transform:uppercase}.transaction-type.positive{background:#d4edda;color:#155724}.transaction-type.negative{background:#f8d7da;color:#721c24}.transaction-type.neutral{background:#cce5ff;color:#004085}.transaction-type.warning{background:#fff3cd;color:#856404}.amount.positive{color:#28a745;font-weight:600}.amount.negative{color:#dc3545;font-weight:600}.amount.neutral{color:#17a2b8;font-weight:600}.revenue-breakdown{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:25px}.revenue-breakdown h4{color:var(--primary-red);margin:0 0 20px}.breakdown-chart{display:flex;flex-direction:column;gap:15px}.breakdown-item{align-items:center;display:flex;gap:15px}.breakdown-label{color:#333;font-weight:600;min-width:140px}.breakdown-bar{background:#e9ecef;border-radius:8px;flex:1 1;height:16px;overflow:hidden}.breakdown-fill{border-radius:8px;height:100%;transition:width .3s ease}.breakdown-fill.purchases{background:var(--primary-red)}.breakdown-fill.gifts{background:#17a2b8}.breakdown-value{color:var(--primary-red);font-weight:600;min-width:60px;text-align:right}.system-configuration{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px}.config-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.config-header h3{color:var(--primary-red);margin:0}.settings-categories{display:flex;flex-direction:column;gap:30px}.settings-category{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.settings-category h4{background:linear-gradient(135deg,var(--primary-red),var(--primary-gold));color:#fff;font-size:16px;margin:0;padding:15px 20px}.settings-list{flex-direction:column}.setting-item,.settings-list{display:flex;gap:20px;padding:20px}.setting-item{align-items:flex-start;background:#f8f9fa;border-left:4px solid var(--primary-red);border-radius:8px;justify-content:space-between}.setting-info{flex:1 1}.setting-label{color:var(--primary-red);display:block;font-weight:600;margin-bottom:5px}.setting-description{color:#666;font-size:14px;margin:0}.setting-input-group{align-items:center;display:flex;gap:10px;min-width:200px}.setting-input{border:2px solid #ddd;border-radius:6px;font-size:14px;min-width:150px;padding:8px 12px;transition:border-color .3s ease}.setting-input:focus{border-color:var(--primary-red);outline:none}.setting-textarea{border:2px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;min-width:200px;padding:8px 12px;resize:vertical;transition:border-color .3s ease}.setting-textarea:focus{border-color:var(--primary-red);outline:none}.checkbox-label{color:#333;font-weight:600;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.save-setting-btn{background:var(--primary-red);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.save-setting-btn:hover{background:#c82333;transform:translateY(-1px)}.system-status{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:30px;padding:20px}.system-status h4{color:var(--primary-red);margin:0 0 15px}.status-indicators{display:flex;flex-wrap:wrap;gap:20px}.status-item{align-items:center;color:#333;display:flex;font-weight:600;gap:8px}.status-dot{border-radius:50%;height:12px;width:12px}.status-dot.online{background:#28a745}.audit-logs{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px}.logs-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.logs-header h3{color:var(--primary-red);margin:0}.logs-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.logs-table-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.audit-logs-table{background:#fff;border-collapse:collapse;width:100%}.audit-logs-table td,.audit-logs-table th{border-bottom:1px solid #e9ecef;padding:12px 16px;text-align:left;vertical-align:middle}.audit-logs-table th{background:linear-gradient(135deg,var(--primary-red),var(--primary-gold));color:#fff;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.audit-logs-table tr:hover{background:#dc143c05}.action-cell{align-items:center;display:flex;gap:8px}.action-icon{font-size:16px}.action-text{color:var(--primary-red);font-weight:600}.admin-cell{font-size:14px}.admin-name{color:var(--primary-red);font-weight:600}.admin-role{color:#666;font-size:12px}.target-cell{font-size:14px}.target-type{color:#333;font-weight:600}.target-id{color:#666;font-size:12px}.description-cell{color:#555;font-size:14px;max-width:300px}.ip-address{color:#666;font-family:monospace}.ip-address,.timestamp-cell{font-size:14px}.timestamp-cell .date{color:var(--primary-red);font-weight:600}.timestamp-cell .time{color:#666;font-size:12px}.logs-pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:25px;padding:20px}.pagination-info{color:var(--primary-red);font-weight:600}.pagination-btn{background:var(--primary-red);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.pagination-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.logs-export{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:30px;padding:20px}.logs-export h4{color:var(--primary-red);margin:0 0 15px}.export-options{display:flex;flex-wrap:wrap;gap:15px}.export-btn{background:var(--primary-red);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.export-btn:hover{background:#c82333;transform:translateY(-1px)}.moderation-tools{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px}.moderation-header{margin-bottom:25px}.moderation-header h3{color:var(--primary-red);margin:0}.moderation-tabs{background:#f8f9fa;border-radius:8px;display:flex;margin-bottom:25px;overflow:hidden}.mod-tab{background:none;border:none;color:#666;cursor:pointer;flex:1 1;font-weight:600;padding:15px 20px;transition:all .3s ease}.mod-tab:hover{background:#dc143c0d;color:var(--primary-red)}.mod-tab.active{background:var(--primary-red);color:#fff}.moderation-content{min-height:400px}.moderation-tab-content{display:flex;flex-direction:column;gap:20px}.tab-header{align-items:center;display:flex;justify-content:space-between}.tab-header h4{color:var(--primary-red);font-size:18px;margin:0}.banned-content-list{display:flex;flex-direction:column;gap:15px}.banned-item{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.banned-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.item-info{flex:1 1}.item-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.content-type{color:var(--primary-red);font-weight:600}.severity-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.severity-badge.severity-low{background:#d4edda;color:#155724}.severity-badge.severity-medium{background:#fff3cd;color:#856404}.severity-badge.severity-high{background:#f8d7da;color:#721c24}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.item-content{color:#555;font-size:14px}.item-content strong{color:#333}.item-actions{display:flex;flex-wrap:wrap;gap:10px}.toggle-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.toggle-btn.deactivate{background:#ffc107;color:#fff}.toggle-btn.activate{background:#28a745;color:#fff}.toggle-btn:hover{opacity:.9;transform:translateY(-1px)}.warnings-list{display:flex;flex-direction:column;gap:15px}.warning-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:all .3s ease}.warning-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.warning-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.username{color:var(--primary-red);font-weight:600}.warning-type{color:#333;font-weight:600}.warning-content{margin-bottom:15px}.warning-content p{color:#555;margin:8px 0}.warning-meta{color:#666;display:flex;flex-wrap:wrap;font-size:14px;gap:15px}.warning-meta span{font-weight:600}.warning-actions{display:flex;flex-wrap:wrap;gap:10px}.view-btn{background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.view-btn:hover{background:#138496;transform:translateY(-1px)}.resolve-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.resolve-btn:hover{background:#218838;transform:translateY(-1px)}.automation-rules-list{display:flex;flex-direction:column;gap:20px}.rule-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:all .3s ease}.rule-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.rule-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.rule-header h5{color:var(--primary-red);font-size:16px;margin:0}.rule-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.rule-section{background:#f8f9fa;border-radius:6px;padding:15px}.rule-section strong{color:#333;display:block;margin-bottom:8px}.rule-section ul{margin:0;padding-left:20px}.rule-section li{color:#555;margin:5px 0}.rule-actions{display:flex;flex-wrap:wrap;gap:10px}.edit-btn{background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.edit-btn:hover{background:#138496;transform:translateY(-1px)}.form-group{margin-bottom:20px}.form-group label{color:#333}.form-group input,.form-group select{border:2px solid #ddd;border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-red);outline:none}.suspend-user-info{background:#f8f9fa;border-left:4px solid var(--primary-red);border-radius:8px;margin-bottom:20px;padding:15px}.suspend-user-info p{font-size:14px;margin:5px 0}.suspend-user-info strong{color:var(--primary-red)}.suspend-warning{background:#fff3cd;border:1px solid #ffeaa7;border-left:4px solid #ffc107;border-radius:6px;margin:20px 0;padding:15px}.suspend-warning p{color:#856404;font-weight:600;margin:0}.suspend-confirm-btn{background:#dc3545!important;font-size:16px!important;padding:12px 24px!important}.suspend-confirm-btn:hover{background:#c82333!important}:root{--primary-charcoal:#1a1a2e;--primary-navy:#16213e;--primary-burgundy:#8b1538;--primary-forest:#0f3460;--accent-gold:#e94560;--accent-copper:#ff6b6b;--secondary-teal:#ce649f;--secondary-purple:#365ade;--secondary-pink:#79aefd;--neutral-white:#fff;--neutral-offwhite:#fafbfc;--neutral-light:#f1f3f4;--neutral-medium:#dadce0;--neutral-dark:#5f6368;--neutral-black:#202124;--neutral-charcoal:#3c4043;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-tertiary:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-dark:linear-gradient(135deg,#2c3e50,#34495e);--gradient-luxury:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);--gradient-sunset:linear-gradient(135deg,#9ab0ff,#cfd5fe 50%,#cfd8fe);--gradient-ocean:linear-gradient(135deg,#667eea,#764ba2);--gradient-fire:linear-gradient(135deg,#ff6b6b,#ffa726 50%,#ff7043);--text-primary:#202124;--text-secondary:#5f6368;--text-muted:#9aa0a6;--text-light:#fff;--text-accent:#e94560;--text-success:#00d4aa;--text-warning:#ffa726;--text-error:#ff6b6b;--primary-red:var(--primary-burgundy);--primary-gold:var(--accent-gold);--accent-purple:var(--secondary-purple);--secondary-red:var(--accent-copper);--secondary-gold:var(--secondary-teal);--dark-red:var(--primary-forest);--gradient-mystique:var(--gradient-primary);--gradient-latin:var(--gradient-luxury);--text-gold:var(--text-accent);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glow:0 0 20px #e945604d;--shadow-glow-lg:0 0 40px #e9456033;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#202124;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0;overflow-x:hidden;padding:0}.App,body{background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);background:var(--gradient-luxury)}.App{min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-.025em;line-height:1.2;margin:0 0 16px;margin:0 0 var(--spacing-4) 0}h1{font-size:36px;font-size:var(--font-size-4xl)}h1,h2{color:#202124;color:var(--text-primary)}h2{font-size:30px;font-size:var(--font-size-3xl)}h3{color:#202124;color:var(--text-primary);font-size:24px;font-size:var(--font-size-2xl)}h4{font-size:20px;font-size:var(--font-size-xl)}h4,h5{color:#5f6368;color:var(--text-secondary)}h5{font-size:18px;font-size:var(--font-size-lg)}h6{font-size:16px;font-size:var(--font-size-base)}h6,p{color:#5f6368;color:var(--text-secondary)}p{margin:0 0 16px;margin:0 0 var(--spacing-4) 0}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:16px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--spacing-2);justify-content:center;overflow:hidden;padding:12px 24px;padding:var(--spacing-3) var(--spacing-6);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);white-space:nowrap}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.4,0,.2,1);transition:left var(--transition-slow);width:100%}.btn:hover:before{left:100%}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);min-height:35px}.btn-primary:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.btn-secondary{border:2px solid #dadce0;border:2px solid var(--neutral-medium);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#202124;color:var(--text-primary)}.btn-secondary:hover{background:#f1f3f4;background:var(--neutral-light);border-color:#8b1538;border-color:var(--primary-burgundy);color:#8b1538;color:var(--primary-burgundy);transform:translateY(-1px)}.btn-ghost{background:#0000;border:2px solid #0000;color:#5f6368;color:var(--text-secondary)}.btn-ghost:hover{background:#f1f3f4;background:var(--neutral-light);color:#202124;color:var(--text-primary)}.btn-success{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-tertiary)}.btn-danger,.btn-success{color:#fff;color:var(--text-light)}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ffa726 50%,#ff7043);background:var(--gradient-fire)}.btn-sm{font-size:14px;font-size:var(--font-size-sm);padding:8px 16px;padding:var(--spacing-2) var(--spacing-4)}.btn-lg{font-size:18px;font-size:var(--font-size-lg);padding:16px 32px;padding:var(--spacing-4) var(--spacing-8)}.card{border:1px solid #dadce0;border:1px solid var(--neutral-medium);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin:16px 0;margin:var(--spacing-4) 0;overflow:hidden;padding:24px;padding:var(--spacing-6);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal)}.card:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.card:hover:before{opacity:1}.card-premium{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;color:#fff;color:var(--text-light)}.card-premium:before{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary)}.card-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;color:#fff;color:var(--text-light)}.input-group{margin-bottom:16px;margin-bottom:var(--spacing-4);position:relative}.input-field{background:#fff;background:var(--neutral-white);border:2px solid #dadce0;border:2px solid var(--neutral-medium);border-radius:12px;border-radius:var(--radius-lg);font-family:inherit;font-size:var(--font-size-base);outline:none;padding:16px 16px 16px 20px;padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-5);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.input-field::placeholder{color:#9aa0a6;color:var(--text-muted);opacity:.7}.input-field:focus{border-color:#e94560;border-color:var(--accent-gold);box-shadow:0 0 0 3px #e945601a;transform:translateY(-1px)}.input-field:invalid{border-color:#ff6b6b;border-color:var(--text-error)}.input-label{background:#fff;background:var(--neutral-white);color:#9aa0a6;color:var(--text-muted);font-size:14px;font-size:var(--font-size-sm);left:20px;left:var(--spacing-5);padding:0 4px;padding:0 var(--spacing-1);pointer-events:none;position:absolute;top:16px;top:var(--spacing-4);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label{color:#e94560;color:var(--accent-gold);font-size:12px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);top:-8px}.form-group{margin-bottom:24px;margin-bottom:var(--spacing-6)}.form-row{grid-gap:16px;grid-gap:var(--spacing-4);gap:16px;gap:var(--spacing-4);margin-bottom:16px;margin-bottom:var(--spacing-4)}@media (max-width:768px){.form-row{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.animate-fade-in-up{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1);animation:fadeInUp var(--transition-slow)}.animate-fade-in-scale{animation:fadeInScale .3s cubic-bezier(.4,0,.2,1);animation:fadeInScale var(--transition-normal)}.animate-slide-in-right{animation:slideInRight .3s cubic-bezier(.4,0,.2,1);animation:slideInRight var(--transition-normal)}.animate-pulse{animation:pulse 2s infinite}.animate-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);background-size:200px 100%}.loading-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f3f4 25%,#dadce0 50%,#f1f3f4 75%);background:linear-gradient(90deg,var(--neutral-light) 25%,var(--neutral-medium) 50%,var(--neutral-light) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-md)}.spinner{border:3px solid #dadce0;border-top:3px solid #e94560;border:3px solid var(--neutral-medium);border-top-color:var(--accent-gold);margin:32px auto;margin:var(--spacing-8) auto}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #dadce0;border-top:1px solid var(--neutral-medium);box-shadow:0 -4px 20px #0000001a;padding:12px 24px;padding:var(--spacing-3) var(--spacing-6);z-index:1030;z-index:var(--z-fixed)}.navbar-logo{background:#fff;background:var(--neutral-white);border:2px solid #dadce0;border:2px solid var(--neutral-medium);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:none;left:50%;padding:8px;padding:var(--spacing-2);position:absolute;top:-50px;transform:translateX(-50%);z-index:1}.navbar-logo-img{border-radius:9999px;border-radius:var(--radius-full);height:40px;object-fit:cover;width:40px}.nav-item{align-content:center;align-self:center;color:#dadce0;color:var(--neutral-medium);flex:1 1;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.nav-item:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:2px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--transition-normal);width:0}.nav-item:hover{color:#202124;color:var(--text-primary);transform:translateY(-2px)}.nav-item.active{background:#e945601a;color:var(--accent-gold)}.nav-item.active:before{width:80%}.nav-icon{align-items:center;display:flex;font-size:24px;height:24px;justify-content:center;margin-bottom:4px;margin-bottom:var(--spacing-1);margin-left:5%;transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal);width:24px}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-label{display:none;font-size:12px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.profile-photo{border:4px solid var(--accent-gold);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 0 20px #e945604d;box-shadow:var(--shadow-glow);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.profile-photo:hover{box-shadow:0 0 40px #e9456033;box-shadow:var(--shadow-glow-lg);transform:scale(1.05)}.profile-photo:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full);content:"";inset:-4px;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal)}.profile-photo:hover:after{opacity:.3}.swipe-card{border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-width:380px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.swipe-card:hover{transform:scale(1.02)}.swipe-card img{height:450px;transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-slow)}.swipe-card:hover img{transform:scale(1.05)}.swipe-card-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(0deg,#1a1a2ef2 0,#1a1a2ecc 50%,#0000);padding:24px;padding:var(--spacing-6)}.swipe-card-info h3{font-size:20px;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 8px;margin:0 0 var(--spacing-2) 0;text-shadow:0 2px 4px #00000080}.swipe-card-info p{font-size:14px;font-size:var(--font-size-sm);margin:0;opacity:.9}.logo-container{margin-bottom:24px;margin-bottom:var(--spacing-6);text-align:center}.app-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:auto;max-width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal);width:120px}.app-logo:hover{transform:scale(1.05)}.auth-container{border:1px solid #dadce0;border:1px solid var(--neutral-medium);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);margin:32px auto;margin:var(--spacing-8) auto;max-width:420px;overflow:hidden;padding:16px;padding:var(--spacing-4);position:relative}.auth-container:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-header{margin-bottom:32px;margin-bottom:var(--spacing-8);position:relative}.auth-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#202124;color:var(--text-primary);font-size:30px;font-size:var(--font-size-3xl);font-weight:800;font-weight:var(--font-weight-extrabold);margin-bottom:8px;margin-bottom:var(--spacing-2)}.auth-header p{font-size:16px;font-size:var(--font-size-base)}.auth-form{margin-bottom:24px;margin-bottom:var(--spacing-6)}.auth-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius-lg);color:#fff;color:var(--text-light);cursor:pointer;font-size:18px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin-top:16px;margin-top:var(--spacing-4);overflow:hidden;padding:16px;padding:var(--spacing-4);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.auth-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.4,0,.2,1);transition:left var(--transition-slow);width:100%}.auth-btn:hover:before{left:100%}.auth-btn:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.auth-links{margin-top:24px;margin-top:var(--spacing-6)}.auth-link{color:#e94560;color:var(--accent-gold);font-weight:500;font-weight:var(--font-weight-medium);position:relative;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-normal)}.auth-link:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--transition-normal);width:0}.auth-link:hover:after{width:100%}.auth-link:hover{color:#8b1538;color:var(--primary-burgundy)}.progress-step{background:#dadce0;background:var(--neutral-medium);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);font-size:18px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:48px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:48px}.progress-step,.progress-step:before{border-radius:9999px;border-radius:var(--radius-full)}.progress-step:before{content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal)}.progress-step.active,.progress-step:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.progress-step.active{box-shadow:0 0 20px #e945604d;box-shadow:var(--shadow-glow);transform:scale(1.1)}.progress-step.active:before{opacity:.3}.progress-step.completed{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-tertiary)}.message{border:1px solid #0000;border-radius:12px;border-radius:var(--radius-lg);font-weight:500;font-weight:var(--font-weight-medium);margin:16px 0;margin:var(--spacing-4) 0;overflow:hidden;padding:16px;padding:var(--spacing-4);position:relative;text-align:center}.message:before{background:currentColor;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.message.success{background:#00d4aa1a;border-color:#00d4aa;border-color:var(--text-success);color:#00d4aa;color:var(--text-success)}.message.error{background:#ff6b6b1a;border-color:#ff6b6b;border-color:var(--text-error);color:#ff6b6b;color:var(--text-error)}.message.warning{background:#ffa7261a;border-color:#ffa726;border-color:var(--text-warning);color:#ffa726;color:var(--text-warning)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:300;font-weight:var(--font-weight-light)}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.text-primary{color:#202124;color:var(--text-primary)}.text-secondary{color:#5f6368;color:var(--text-secondary)}.text-muted{color:#9aa0a6;color:var(--text-muted)}.text-accent{color:#e94560;color:var(--accent-gold)}.text-success{color:#00d4aa;color:var(--text-success)}.text-error{color:#ff6b6b;color:var(--text-error)}.bg-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.bg-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary)}.bg-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a}.shadow-sm{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:6px;border-radius:var(--radius-sm)}.rounded-md{border-radius:8px;border-radius:var(--radius-md)}.rounded-lg{border-radius:12px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:16px;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}@media (max-width:768px){.card{margin:8px;margin:var(--spacing-2);padding:16px;padding:var(--spacing-4)}.btn{font-size:14px;font-size:var(--font-size-sm);padding:12px 20px;padding:var(--spacing-3) var(--spacing-5)}.swipe-card{max-width:100%}.auth-container,.swipe-card{margin:16px;margin:var(--spacing-4)}.auth-container{padding:24px;padding:var(--spacing-6)}.navbar{padding:8px 16px;padding:var(--spacing-2) var(--spacing-4)}.nav-item{min-width:50px;padding:4px;padding:var(--spacing-1)}.nav-icon{font-size:20px}.nav-label{font-size:10px}}@media (max-width:480px){h1{font-size:30px;font-size:var(--font-size-3xl)}h2{font-size:24px;font-size:var(--font-size-2xl)}h3{font-size:20px;font-size:var(--font-size-xl)}.card{border-radius:12px;border-radius:var(--radius-lg);padding:12px;padding:var(--spacing-3)}.swipe-card img{height:350px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus-visible,.input-field:focus-visible,.nav-item:focus-visible{outline:2px solid #e94560;outline:2px solid var(--accent-gold);outline-offset:2px}@media print{.btn,.navbar{display:none!important}.card{border:1px solid #ccc;box-shadow:none}}.btn-primary{background:linear-gradient(135deg,#9ab0ff,#cfd5fe 50%,#cfd8fe);background:var(--gradient-sunset);border:none;border-radius:var(--radius-large);box-shadow:var(--shadow-medium);color:#fff;color:var(--text-light);cursor:pointer;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease}.btn-primary:hover{box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--neutral-white);border:2px solid #8b1538;border:2px solid var(--primary-red);border-radius:var(--radius-large);color:#8b1538;color:var(--primary-red);cursor:pointer;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease}.btn-secondary:hover{background:#8b1538;background:var(--primary-red);color:#fff;color:var(--neutral-white)}.card{background:#fff;background:var(--neutral-white);border-radius:var(--radius-large);box-shadow:var(--shadow-medium);margin:var(--spacing-md) 0;padding:var(--spacing-lg)}.card-gold{background:linear-gradient(135deg,#9ab0ff,#cfd5fe 50%,#cfd8fe);background:var(--gradient-sunset);color:#fff;color:var(--text-light)}.input-field{border:2px solid #e0e0e0;border-radius:var(--radius-medium);font-size:16px;margin:var(--spacing-sm) 0;padding:var(--spacing-md);transition:border-color .3s ease;width:100%}.input-field:focus{border-color:#8b1538;border-color:var(--primary-red);box-shadow:0 0 0 3px #dc143c1a;outline:none}.profile-photo{border:4px solid #e94560;border:4px solid var(--primary-gold);border-radius:50%;box-shadow:var(--shadow-medium);height:120px;object-fit:cover;width:120px}.swipe-card{background:#fff;background:var(--neutral-white);border-radius:16px;border-radius:var(--radius-xl);box-shadow:var(--shadow-heavy);margin:0 auto;max-width:350px;overflow:hidden;position:relative;width:100%}.swipe-card img{height:400px;object-fit:cover;width:100%}.swipe-card-info{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;color:var(--text-light);left:0;padding:var(--spacing-lg);position:absolute;right:0}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;justify-content:space-around;left:0;padding:var(--spacing-md);position:fixed;right:0;z-index:1000}.nav-item,.navbar{align-items:center;display:flex}.nav-item{border-radius:var(--radius-medium);color:var(--neutral-gray);flex-direction:column;font-size:12px;padding:var(--spacing-sm);text-decoration:none;transition:all .3s ease}.nav-item.active{background:#ffd7001a}.nav-item.active,.nav-item:hover{color:#e94560;color:var(--primary-gold)}.spinner{animation:spin 1s linear infinite;border:4px solid #ffd7004d;border-radius:50%;border-top-color:#e94560;border-top:4px solid var(--primary-gold);height:40px;margin:var(--spacing-xl) auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.card{margin:var(--spacing-sm);padding:var(--spacing-md)}.btn-primary,.btn-secondary{font-size:14px;padding:var(--spacing-sm) var(--spacing-lg)}.swipe-card{margin:var(--spacing-md);max-width:100%}}@keyframes pulse-latin{0%,to{box-shadow:0 0 0 0 #dc143cb3;transform:scale(1)}50%{box-shadow:0 0 0 10px #dc143c00;transform:scale(1.05)}}.latin-pulse{animation:pulse-latin 2s infinite}.auth-container{background:#fff;background:var(--neutral-white);border-radius:var(--radius-large);box-shadow:var(--shadow-medium);margin:20px auto;max-width:400px;padding:var(--spacing-lg)}.auth-header{margin-bottom:var(--spacing-xl);text-align:center}.auth-header h2{color:#8b1538;color:var(--primary-red);font-size:24px;margin-bottom:var(--spacing-sm)}.auth-header p{color:#5f6368;color:var(--text-secondary);margin:0}.auth-form{margin-bottom:var(--spacing-xl)}.auth-btn{margin-top:var(--spacing-md);width:100%}.auth-links{text-align:center}.auth-links p{color:#5f6368;color:var(--text-secondary);margin:var(--spacing-sm) 0}.auth-link{color:#8b1538;color:var(--primary-red);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.register-step h2{color:#8b1538;color:var(--primary-red);font-size:24px;margin-bottom:var(--spacing-md);text-align:center}.register-step p{color:#5f6368;color:var(--text-secondary);margin-bottom:var(--spacing-xl);text-align:center}.input-group{margin-bottom:var(--spacing-lg)}.button-group{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.button-group button{flex:1 1}.register-progress{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.progress-step,.register-progress{display:flex;justify-content:center}.progress-step{align-items:center;background:var(--neutral-gray);border-radius:50%;color:#fff;color:var(--text-light);font-weight:700;height:40px;transition:all .3s ease;width:40px}.progress-step.active{background:linear-gradient(135deg,#9ab0ff,#cfd5fe 50%,#cfd8fe);background:var(--gradient-sunset);color:#fff;color:var(--text-light)}.auth-link{color:#5f6368;color:var(--text-secondary);margin-top:var(--spacing-lg);text-align:center}.auth-link a{color:#8b1538;color:var(--primary-red);font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.error{color:#8b1538;color:var(--primary-red)}.error,.success{font-weight:500;margin-top:var(--spacing-md);text-align:center}.success{color:#ff6b6b;color:var(--secondary-red)}.profile-container{margin:0 auto;max-width:900px;padding:24px 24px 120px;padding:var(--spacing-6) var(--spacing-6) calc(var(--spacing-24) + var(--spacing-6)) var(--spacing-6);position:relative}.profile-header{margin-bottom:48px;margin-bottom:var(--spacing-12);position:relative;text-align:center}.profile-header:before{border-radius:9999px;border-radius:var(--radius-full);content:"";height:4px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:80px}.profile-header h1,.profile-header:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.profile-header h1{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#202124;color:var(--text-primary);font-size:36px;font-size:var(--font-size-4xl);font-weight:800;font-weight:var(--font-weight-extrabold);margin-bottom:16px;margin-bottom:var(--spacing-4)}.profile-avatar-section{align-items:center;display:flex;flex-direction:column;margin-bottom:32px;margin-bottom:var(--spacing-8)}.profile-photo-large{border:5px solid #e94560;border:5px solid var(--accent-gold);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 0 40px #e9456033;box-shadow:var(--shadow-glow-lg);height:150px;margin-bottom:16px;margin-bottom:var(--spacing-4);object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:150px}.profile-photo-large:hover{box-shadow:0 25px 50px -12px #00000040,0 0 20px #e945604d;box-shadow:var(--shadow-2xl),var(--shadow-glow);transform:scale(1.05)}.profile-status{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-tertiary);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--text-light);display:inline-flex;font-size:14px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--spacing-2);padding:8px 16px;padding:var(--spacing-2) var(--spacing-4)}.profile-stats{grid-gap:16px;grid-gap:var(--spacing-4);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:32px;margin-bottom:var(--spacing-8)}.stat-item{background:#fff;background:var(--neutral-white);border:1px solid #dadce0;border:1px solid var(--neutral-medium);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);overflow:hidden;padding:24px;padding:var(--spacing-6);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.stat-item:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-item:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.stat-value{color:#e94560;color:var(--accent-gold);display:block;font-size:30px;font-size:var(--font-size-3xl);font-weight:800;font-weight:var(--font-weight-extrabold);margin-bottom:4px;margin-bottom:var(--spacing-1);text-shadow:0 2px 4px #e9456033}.stat-label{color:#5f6368;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:1px;text-transform:uppercase}.profile-form{grid-gap:32px;grid-gap:var(--spacing-8);display:grid;gap:32px;gap:var(--spacing-8)}.form-section{background:#fff;background:var(--neutral-white);border:1px solid #dadce0;border:1px solid var(--neutral-medium);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);overflow:hidden;padding:32px;padding:var(--spacing-8);position:relative}.form-section:before{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.form-section h3{align-items:center;color:#202124;color:var(--text-primary);display:flex;font-size:20px;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);gap:12px;gap:var(--spacing-3);margin-bottom:24px;margin-bottom:var(--spacing-6)}.form-section h3:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:6px;border-radius:var(--radius-sm);content:"";height:24px;width:6px}.form-row{grid-gap:24px;grid-gap:var(--spacing-6);display:grid;gap:24px;gap:var(--spacing-6);grid-template-columns:1fr 1fr;margin-bottom:24px;margin-bottom:var(--spacing-6)}.form-group{position:relative}.form-group label{color:#202124;color:var(--text-primary);display:block;font-size:12px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-2);text-transform:uppercase}.interests-section{margin-top:24px;margin-top:var(--spacing-6)}.interests-grid{grid-gap:12px;grid-gap:var(--spacing-3);display:grid;gap:12px;gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:16px;margin-top:var(--spacing-4)}.interest-btn{background:#fff;background:var(--neutral-white);border:2px solid #dadce0;border:2px solid var(--neutral-medium);border-radius:16px;border-radius:var(--radius-xl);color:#5f6368;color:var(--text-secondary);cursor:pointer;font-size:14px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);overflow:hidden;padding:12px 16px;padding:var(--spacing-3) var(--spacing-4);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.interest-btn:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);transition:left var(--transition-normal);width:100%;z-index:-1}.interest-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#e94560;color:var(--accent-gold);transform:translateY(-2px)}.interest-btn.selected,.interest-btn:hover{border-color:#e94560;border-color:var(--accent-gold)}.interest-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 0 20px #e945604d;box-shadow:var(--shadow-glow);color:#fff;color:var(--text-light)}.interest-btn.selected:before{left:0}.checkbox-group{grid-gap:16px;grid-gap:var(--spacing-4);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px;margin-top:var(--spacing-6)}.checkbox-label{align-items:center;background:#f1f3f4;background:var(--neutral-light);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-weight:500;font-weight:var(--font-weight-medium);gap:12px;gap:var(--spacing-3);padding:12px;padding:var(--spacing-3);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.checkbox-label:hover{background:#dadce0;background:var(--neutral-medium)}.checkbox-label input[type=checkbox]{accent-color:#e94560;accent-color:var(--accent-gold);border-radius:6px;border-radius:var(--radius-sm);height:20px;width:20px}.form-actions{border-top:1px solid #dadce0;border-top:1px solid var(--neutral-medium);display:flex;gap:16px;gap:var(--spacing-4);justify-content:center;margin-top:32px;margin-top:var(--spacing-8);padding-top:24px;padding-top:var(--spacing-6)}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;color:var(--text-light);cursor:pointer;font-size:18px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);overflow:hidden;padding:16px 32px;padding:var(--spacing-4) var(--spacing-8);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.save-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.4,0,.2,1);transition:left var(--transition-slow);width:100%}.save-btn:hover:before{left:100%}.save-btn:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.cancel-btn{background:#fff;background:var(--neutral-white);border:2px solid #dadce0;border:2px solid var(--neutral-medium);border-radius:16px;border-radius:var(--radius-xl);color:#5f6368;color:var(--text-secondary);cursor:pointer;font-size:18px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);padding:16px 32px;padding:var(--spacing-4) var(--spacing-8);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.cancel-btn:hover{background:#f1f3f4;background:var(--neutral-light);border-color:#5f6368;border-color:var(--text-secondary);color:#202124;color:var(--text-primary)}@media (max-width:768px){.profile-container{padding:16px 16px 96px;padding:var(--spacing-4) var(--spacing-4) calc(var(--spacing-20) + var(--spacing-4)) var(--spacing-4)}.profile-header h1{font-size:30px;font-size:var(--font-size-3xl)}.profile-photo-large{height:120px;width:120px}.profile-stats{gap:12px;gap:var(--spacing-3);grid-template-columns:repeat(2,1fr)}.stat-item{padding:16px;padding:var(--spacing-4)}.stat-value{font-size:24px;font-size:var(--font-size-2xl)}.form-section{padding:24px;padding:var(--spacing-6)}.form-row{gap:16px;gap:var(--spacing-4);grid-template-columns:1fr}.interests-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.checkbox-group{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:12px;gap:var(--spacing-3)}.cancel-btn,.save-btn{padding:12px 24px;padding:var(--spacing-3) var(--spacing-6);width:100%}}@media (max-width:480px){.profile-container{padding:12px 12px 76px;padding:var(--spacing-3) var(--spacing-3) calc(var(--spacing-16) + var(--spacing-3)) var(--spacing-3)}.profile-stats{grid-template-columns:1fr}.interests-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.interest-btn{font-size:12px;font-size:var(--font-size-xs);padding:8px 12px;padding:var(--spacing-2) var(--spacing-3)}}
/*# sourceMappingURL=main.dbb49628.css.map*/