@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Kalam:wght@300;400&display=swap";.header-container{width:100%;position:sticky;top:0;z-index:50;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #0000001a;border-bottom:1px solid rgba(229,231,235,.5)}.header-wrapper{max-width:1280px;margin:0 auto;padding:0 1rem}.header-inner{display:flex;align-items:center;justify-content:space-between;height:4rem}.logo-section{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:all .2s ease;margin-top:47px;overflow:hidden}.logo-section:hover{transform:translateY(-1px)}.logo-image-container{position:relative;width:7.8rem;height:7.8rem;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.5rem}.logo-image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.logo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#4f46e5,#3b82f6);opacity:0;border-radius:.5rem;transition:opacity .3s ease}.logo-section:hover .logo-image{transform:scale(1.05)}.logo-section:hover .logo-overlay{opacity:.1}.logo-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#4f46e5,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em;line-height:1}.desktop-nav{display:none;align-items:center;gap:.25rem;height:100%}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;text-decoration:none;color:#6b7280;position:relative;transition:all .2s ease;height:fit-content}.nav-item:hover{color:#4f46e5;background:#4f46e50d}.nav-item-active{color:#4f46e5;background:#4f46e51a}.nav-item-admin{color:#ef4444}.nav-item-admin:hover{color:#dc2626;background:#ef44440d}.nav-item-admin-active{color:#dc2626;background:#ef44441a}.nav-active-indicator{position:absolute;bottom:0;left:1rem;right:1rem;height:2px;background:#4f46e5;border-radius:9999px}.nav-active-indicator-admin{background:#dc2626}.user-section{display:flex;align-items:center;gap:.75rem;height:100%}.profile-dropdown{position:relative;display:flex;align-items:center}.profile-button{display:flex;align-items:center;gap:.5rem;padding:.375rem;border-radius:.5rem;background:none;border:none;cursor:pointer;transition:background-color .2s ease}.profile-button:hover{background:#9ca3af1a}.profile-avatar{width:2rem;height:2rem;border-radius:50%;border:2px solid #e5e7eb;object-fit:cover;transition:border-color .2s ease}.profile-button:hover .profile-avatar{border-color:#4f46e5}.profile-chevron{color:#6b7280;transition:transform .2s ease}.profile-chevron-open{transform:rotate(180deg)}.mobile-menu-toggle{display:block;padding:.5rem;border-radius:.5rem;background:none;border:none;color:#374151;cursor:pointer;transition:background-color .2s ease}.mobile-menu-toggle:hover{background:#9ca3af1a}.profile-menu{position:absolute;right:0;top:calc(100% + .5rem);width:14rem;background:#fff;border-radius:.75rem;box-shadow:0 25px 50px #00000026;border:1px solid rgba(229,231,235,.5);padding:.5rem;animation:fadeInUp .2s ease;z-index:100}.profile-menu-header{padding:.75rem;border-bottom:1px solid #f3f4f6;margin-bottom:.5rem}.profile-name{font-size:.875rem;font-weight:600;color:#111827;margin:0}.profile-email{font-size:.75rem;color:#6b7280;margin:.125rem 0 0}.admin-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;background:#ef44441a;color:#dc2626;margin-top:.5rem}.profile-menu-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;color:#374151;text-decoration:none;border-radius:.375rem;transition:background-color .2s ease}.profile-menu-item:hover{background:#f9fafb;color:#111827}.profile-menu-divider{border-top:1px solid #f3f4f6;margin-top:.5rem;padding-top:.5rem}.profile-menu-logout{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;color:#dc2626;background:none;border:none;border-radius:.375rem;width:100%;text-align:left;cursor:pointer;transition:background-color .2s ease}.profile-menu-logout:hover{background:#ef44440d;color:#b91c1c}.mobile-nav{display:block;padding:1rem 0;border-top:1px solid #f3f4f6;animation:slideDown .3s ease}.mobile-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;text-decoration:none;color:#6b7280;transition:all .2s ease;margin-bottom:.25rem}.mobile-nav-item:hover{color:#4f46e5;background:#4f46e50d}.mobile-nav-item-active{color:#4f46e5;background:#4f46e51a}.mobile-nav-item-admin{color:#ef4444}.mobile-nav-item-admin:hover{color:#dc2626;background:#ef44440d}.mobile-nav-item-admin-active{color:#dc2626;background:#ef44441a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.desktop-nav{display:flex}.mobile-menu-toggle,.mobile-nav{display:none}.profile-chevron{display:block}}@media (max-width: 767px){.header-inner{height:4rem}.logo-title{display:none}.logo-image-container{width:3rem;height:3rem}.logo-section{margin-top:20px}.profile-chevron{display:none}.profile-menu{width:12rem;right:-.5rem}.mobile-nav{margin:0 -1rem;padding:1rem;background:#f9fafb80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media (max-width: 480px){.header-wrapper{padding:0 .75rem}.header-inner{height:3.5rem}.logo-image-container{width:2.5rem;height:2.5rem}.logo-section{margin-top:15px}.profile-avatar{width:1.75rem;height:1.75rem}.profile-menu{width:10rem;font-size:.8rem}.profile-name{font-size:.8rem}.profile-email{font-size:.7rem}.mobile-nav-item{padding:.6rem .75rem;font-size:.9rem}}.nav-item:focus,.profile-button:focus,.mobile-menu-toggle:focus,.mobile-nav-item:focus,.profile-menu-item:focus,.profile-menu-logout:focus{outline:2px solid #4f46e5;outline-offset:2px}@media (prefers-reduced-motion: reduce){.logo-section,.nav-item,.profile-button,.profile-menu,.mobile-nav,.logo-image{animation:none;transition:none}.logo-section:hover,.logo-section:hover .logo-image{transform:none}}.app-footer{background:#1f2937;color:#fff;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:1fr 2fr;gap:3rem}.footer-brand h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-brand p{color:#9ca3af;margin:0;font-size:.95rem}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.footer-section h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#f3f4f6}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#9ca3af;text-decoration:none;transition:color .3s ease;font-size:.9rem}.footer-section a:hover{color:#667eea}.footer-bottom{border-top:1px solid #374151;padding:1rem 2rem;text-align:center}.footer-bottom p{color:#9ca3af;margin:0;font-size:.9rem}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem 1rem}.footer-links{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 480px){.footer-links{grid-template-columns:1fr;gap:1rem}.footer-content{padding:1.5rem 1rem 1rem}}.pending-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.pending-wrapper{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:10}.pending-header{text-align:center;padding:4rem 0;margin-bottom:2rem}.header-icon-group{position:relative;display:inline-block;margin-bottom:2rem}.header-icon{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:2px solid rgba(255,255,255,.3);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.pending-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.pending-subtitle{font-size:1.2rem;color:#ffffffe6;font-weight:500}section{margin-bottom:4rem}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.user-status-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;box-shadow:0 20px 40px #0000001a}.user-info-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;margin-bottom:3rem;color:#fff}.user-avatar-container{position:relative}.user-avatar{width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.3)}.status-indicator{position:absolute;bottom:-2px;right:-2px;background:#fbbf24;border-radius:50%;padding:.25rem;border:2px solid white}.user-details h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.user-details p{margin:0 0 1rem;opacity:.9}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff3;border-radius:20px;font-size:.9rem;font-weight:500}.progress-steps{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:3rem;padding:2rem;background:#f8fafc;border-radius:16px}.step{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1;max-width:150px}.step-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#9ca3af;transition:all .3s ease}.step.completed .step-icon{background:#10b981;color:#fff}.step.active .step-icon{background:#3b82f6;color:#fff;animation:pulse-active 2s ease-in-out infinite}@keyframes pulse-active{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.step-content h4{margin:0;font-size:1rem;font-weight:600;color:#374151}.step-content p{margin:0;font-size:.9rem;color:#6b7280}.step-arrow{color:#d1d5db;flex-shrink:0}.waiting-info{margin-top:2rem}.waiting-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:16px}.waiting-icon{color:#f59e0b}.waiting-content h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;color:#1f2937}.waiting-content p{margin:0 0 .5rem;color:#6b7280}.waiting-content strong{color:#f59e0b;font-weight:700}.waiting-content small{color:#9ca3af;font-size:.9rem}.team-showcase-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:4rem 3rem;box-shadow:0 20px 40px #0000001a}.showcase-icon-group{position:relative;display:inline-block;margin-bottom:2rem}.showcase-icon{color:#3b82f6}.shimmer-effect{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent);animation:shimmer 2s ease-in-out infinite}.showcase-subtitle{font-size:1.2rem;color:#6b7280;margin-bottom:3rem}.location-highlight{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:16px;margin-bottom:3rem;color:#fff}.location-icon{color:#fbbf24}.location-content h3{margin:0 0 .5rem;font-size:1.3rem;font-weight:600}.location-content p{margin:0;opacity:.9}.activities-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.activity-card{padding:2rem;background:#fff;border-radius:16px;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.activity-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.activity-card.premium{background:linear-gradient(135deg,#fef3c7,#fcd34d);border-color:#f59e0b}.activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.activity-icon{padding:.75rem;border-radius:12px;background:#ffffffe6}.activity-icon.swim{color:#06b6d4}.activity-icon.run{color:#10b981}.activity-icon.bike,.premium-star{color:#f59e0b}.activity-card h3{margin:0 0 1rem;font-size:1.3rem;font-weight:600;color:#1f2937}.activity-card p{margin:0 0 1.5rem;color:#6b7280;line-height:1.6}.activity-stats{display:flex;flex-direction:column;gap:.5rem}.activity-stats span{font-size:.9rem;color:#374151;font-weight:500}.team-stats{display:flex;justify-content:center;gap:3rem;padding:3rem;background:#f8fafc;border-radius:16px;margin-bottom:3rem}.stat-item{display:flex;align-items:center;gap:1rem;text-align:center}.stat-item svg{color:#3b82f6}.stat-number{display:block;font-size:2rem;font-weight:700;color:#1f2937}.stat-label{font-size:1rem;color:#6b7280}.motivation-section{margin-top:3rem}.motivation-quote{padding:3rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:16px;color:#fff;text-align:center;position:relative;overflow:hidden}.quote-icon{margin-bottom:1.5rem;color:#fbbf24}.motivation-quote blockquote{margin:0;font-size:1.3rem;line-height:1.6;font-style:italic}.motivation-quote strong{font-weight:700;font-style:normal}.expand-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:4rem 3rem;box-shadow:0 20px 40px #0000001a}.expand-icon-group{position:relative;display:inline-block;margin-bottom:2rem}.expand-icon{color:#10b981}.expand-heart{position:absolute;top:-10px;right:-10px;color:#ef4444;animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.expand-subtitle{font-size:1.2rem;color:#6b7280;margin-bottom:3rem;line-height:1.6}.expand-subtitle strong{color:#3b82f6;font-weight:600}.vision-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem}.vision-card{padding:2.5rem;background:#fff;border-radius:16px;border:1px solid #e5e7eb;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.vision-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.vision-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.vision-icon{color:#3b82f6;margin-bottom:1.5rem}.vision-card h3{margin:0 0 1rem;font-size:1.3rem;font-weight:600;color:#1f2937}.vision-card p{margin:0;color:#6b7280;line-height:1.6}.team-examples{margin-bottom:3rem}.team-examples h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:2rem;text-align:center}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.example-card{padding:2rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb;text-align:center;transition:all .3s ease;cursor:pointer}.example-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#3b82f6}.example-emoji{font-size:2.5rem;display:block;margin-bottom:1rem}.example-card h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#1f2937}.example-card p{margin:0;font-size:.9rem;color:#6b7280}.contact-invitation{margin-top:3rem}.invitation-card{padding:3rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;color:#fff;text-align:center}.invitation-header{margin-bottom:1.5rem}.invitation-icon{color:#fbbf24;margin-bottom:1rem}.invitation-header h3{margin:0;font-size:1.8rem;font-weight:600}.invitation-text{margin:0 0 2rem;font-size:1.2rem;line-height:1.6;opacity:.95}.invitation-text strong{font-weight:700}.contact-info{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#ffffff1a;border-radius:12px}.contact-email{color:#fbbf24;text-decoration:none;font-weight:600;font-size:1.2rem;display:block;margin-bottom:.5rem}.contact-note{margin:0;font-size:.9rem;opacity:.8}.invitation-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.benefit-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;border-radius:20px;font-size:1rem;font-weight:500}.benefit-item svg{color:#fbbf24}.action-section{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px}.contact-info{display:flex;align-items:center;gap:1rem;color:#fff}.contact-info svg{color:#fbbf24}.contact-info h4{margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.action-buttons{display:flex;gap:1rem}.refresh-btn,.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.refresh-btn{background:#10b981;color:#fff}.refresh-btn:hover{background:#059669;transform:translateY(-1px)}.logout-btn{background:#fff3;color:#fff}.logout-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.background-animation{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1}.floating-element{position:absolute;font-size:2rem;animation:float 6s ease-in-out infinite;opacity:.1}.element-1{top:10%;left:10%;animation-delay:0s}.element-2{top:20%;right:10%;animation-delay:1s}.element-3{bottom:30%;left:5%;animation-delay:2s}.element-4{bottom:20%;right:15%;animation-delay:3s}.element-5{top:60%;left:20%;animation-delay:4s}.element-6{top:40%;right:30%;animation-delay:5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width: 768px){.pending-wrapper{padding:1rem}.pending-title{font-size:2.5rem}.user-status-section,.team-showcase-section,.expand-section{padding:2rem 1.5rem}.progress-steps{flex-direction:column;gap:1.5rem}.step-arrow{transform:rotate(90deg)}.action-section,.team-stats{flex-direction:column;gap:1.5rem}.activities-showcase,.vision-cards{grid-template-columns:1fr}.examples-grid{grid-template-columns:repeat(2,1fr)}.user-info-card,.location-highlight{flex-direction:column;text-align:center;gap:1rem}.action-buttons{flex-direction:column;width:100%}.refresh-btn,.logout-btn{justify-content:center}}@media (max-width: 480px){.pending-title,.section-header h2{font-size:2rem}.examples-grid{grid-template-columns:1fr}.invitation-benefits{flex-direction:column;align-items:center}.team-stats{padding:2rem 1rem}.user-status-section,.team-showcase-section,.expand-section{padding:1.5rem 1rem}}.browsing-invitation{margin:2rem 0}.browsing-card{padding:2.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;color:#fff;text-align:center;position:relative;overflow:hidden}.browsing-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.browsing-card-header{margin-bottom:1.5rem}.browsing-card-icon{color:#fbbf24;margin-bottom:1rem}.browsing-card-header h3{margin:0;font-size:1.5rem;font-weight:600}.browsing-card-text{margin:0 0 2rem;font-size:1.1rem;line-height:1.6;opacity:.95}.browsing-note{display:block;font-size:.9rem;opacity:.8;margin-top:.5rem}.browse-site-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.browse-site-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.browse-site-btn:active{transform:translateY(0)}.browse-site-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.browse-site-btn:hover:before{left:100%}.browsing-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1)}.browsing-banner{max-width:1200px;margin:0 auto;padding:0 2rem}.browsing-content{display:flex;align-items:center;gap:1rem;padding:1rem 0}.browsing-icon{color:#3b82f6;padding:.5rem;background:#3b82f61a;border-radius:8px}.browsing-text{flex:1}.browsing-text h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#1f2937}.browsing-text p{margin:0;font-size:.9rem;color:#6b7280}.back-to-pending-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.back-to-pending-btn:hover{background:#2563eb;transform:translateY(-1px)}@media (max-width: 768px){.browsing-content{flex-direction:column;gap:1rem;text-align:center}.browsing-text{order:1}.browsing-icon{order:2}.back-to-pending-btn{order:3;justify-content:center}.browsing-card{padding:2rem 1.5rem}.browse-site-btn{width:100%;justify-content:center}}.browsing-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#2563eb,#1d4ed8,#1e40af);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 20px #0000001a}.browsing-banner{padding:16px 20px}.browsing-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:20px}.browsing-info{display:flex;align-items:center;gap:16px}.browsing-icon{color:#60a5fa;animation:pulse 2s infinite}.browsing-text h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 4px}.browsing-text p{color:#dbeafe;font-size:14px;margin:0;font-weight:500}.back-to-pending-btn{display:flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.back-to-pending-btn:hover{background:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 15px #fff3}.back-to-pending-btn:active{transform:translateY(0)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@media (max-width: 968px){.browsing-banner{padding:14px 16px}.browsing-content{gap:16px}.browsing-text h3{font-size:16px}.browsing-text p{font-size:13px}}@media (max-width: 768px){.browsing-banner{padding:12px 16px}.browsing-content{flex-direction:column;gap:12px}.browsing-info{justify-content:center;text-align:center}.browsing-text h3{font-size:15px}.browsing-text p{font-size:12px}.back-to-pending-btn{align-self:center;padding:8px 14px;font-size:13px}}@media (max-width: 480px){.browsing-banner{padding:10px 12px}.browsing-info{gap:12px}.back-to-pending-btn span{display:none}.back-to-pending-btn{padding:8px;border-radius:6px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loading-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-message{font-size:14px;color:#6b7280;margin:0;text-align:center}.loading-spinner{border:3px solid #f3f4f6;border-top:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.loading-sm{width:16px;height:16px;border-width:2px}.loading-spinner.loading-md{width:24px;height:24px;border-width:3px}.loading-spinner.loading-lg{width:32px;height:32px;border-width:4px}.loading-dots{display:flex;gap:4px}.loading-dots div{border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.loading-dots.loading-sm div{width:6px;height:6px}.loading-dots.loading-md div{width:8px;height:8px}.loading-dots.loading-lg div{width:10px;height:10px}.loading-dots div:nth-child(1){animation-delay:-.32s}.loading-dots div:nth-child(2){animation-delay:-.16s}.loading-pulse{border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-pulse.loading-sm{width:16px;height:16px}.loading-pulse.loading-md{width:24px;height:24px}.loading-pulse.loading-lg{width:32px;height:32px}.loading-bars{display:flex;gap:2px;align-items:end}.loading-bars div{animation:bars 1.2s ease-in-out infinite}.loading-bars.loading-sm div{width:3px;height:16px}.loading-bars.loading-md div{width:4px;height:24px}.loading-bars.loading-lg div{width:5px;height:32px}.loading-bars div:nth-child(1){animation-delay:-.4s}.loading-bars div:nth-child(2){animation-delay:-.3s}.loading-bars div:nth-child(3){animation-delay:-.2s}.loading-bars div:nth-child(4){animation-delay:-.1s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bars{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.landing-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);overflow-x:hidden}.hero-section{padding:4rem 2rem;min-height:85vh;display:flex;align-items:center}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center}.hero-visual{display:flex;justify-content:center}.hero-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2.5rem;box-shadow:0 25px 50px #00000026;border:1px solid rgba(255,255,255,.3);max-width:320px;width:100%;transition:all .3s ease}.hero-card:hover{transform:translateY(-5px);box-shadow:0 35px 70px #0003}.hero-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.hero-card-avatar{position:relative;width:64px;height:64px}.hero-card-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #e2e8f0;box-shadow:0 4px 12px #0000001a}.admin-badge,.top-user-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#b7791f;box-shadow:0 4px 12px #ffd70066;border:2px solid white}.top-user-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hero-card-header h4{font-size:1.25rem;font-weight:700;color:#2d3748;margin:0}.hero-card-header p{font-size:.9rem;color:#718096;margin:.25rem 0 0}.hero-card-stats{display:flex;justify-content:space-between;gap:1rem}.stat-item{display:flex;align-items:center;gap:.5rem;color:#4a5568;font-weight:600;font-size:.9rem}.stat-icon{color:#667eea}.hero-text{color:#fff}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 4px 12px rgba(0,0,0,.3)}.hero-title-accent{background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-subtitle{font-size:1.2rem;color:#ffffffe6;margin-bottom:2.5rem;line-height:1.6;font-weight:400}.hero-actions{display:flex;justify-content:flex-start}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.cta-button.primary{background:linear-gradient(135deg,gold,#ffed4e);color:#2d3748;box-shadow:0 8px 25px #ffd7004d}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ffd70066}.cta-button.large{padding:1.25rem 2.5rem;font-size:1.1rem}.stats-section{padding:4rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.3)}.stats-loading,.stats-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:#4a5568}.loading-spinner{width:40px;height:40px;border:4px solid #e3f2fd;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.stat-card{background:#fff;padding:2.5rem;border-radius:24px;text-align:center;box-shadow:0 8px 25px #0000001a;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.stat-card-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:#667eea}.stat-number{font-size:3rem;font-weight:800;color:#2d3748;margin:0;line-height:1}.stat-label{color:#718096;font-weight:600;margin-top:.75rem;font-size:1rem}.recent-activities-section{padding:4rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.section-header{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.section-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.section-subtitle{font-size:1.1rem;color:#fffc;line-height:1.5}.activities-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.activity-item{display:flex;align-items:center;gap:1.5rem;background:#fffffff2;padding:1.5rem 2rem;border-radius:20px;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.3)}.activity-item:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00000026}.activity-avatar{width:56px;height:56px;flex-shrink:0}.activity-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #e2e8f0;box-shadow:0 4px 12px #0000001a}.activity-content{flex:1}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.activity-user{font-weight:700;color:#2d3748;font-size:1rem}.activity-time{font-size:.85rem;color:#718096;font-weight:500}.activity-details{display:flex;align-items:center;gap:.75rem}.activity-type{font-weight:600;color:#4a5568}.activity-distance{color:#667eea;font-weight:600}.activity-score{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 4px 12px #667eea4d}.top-users-section{padding:4rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.top-users-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.top-user-card{background:#fff;border-radius:24px;padding:2rem;text-align:center;box-shadow:0 8px 25px #0000001a;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;position:relative;overflow:hidden}.top-user-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.top-user-card.rank-1{border:3px solid #ffd700;background:linear-gradient(135deg,#fff9e6,#fff)}.top-user-card.rank-2{border:3px solid #c0c0c0;background:linear-gradient(135deg,#f8f9fa,#fff)}.top-user-card.rank-3{border:3px solid #cd7f32;background:linear-gradient(135deg,#fef7f0,#fff)}.rank-badge{position:absolute;top:1rem;right:1rem;font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.top-user-avatar{position:relative;width:80px;height:80px;margin:0 auto 1.5rem}.top-user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #e2e8f0;box-shadow:0 8px 20px #0000001a}.admin-crown{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#b7791f;box-shadow:0 4px 12px #ffd70066;border:2px solid white}.top-user-name{font-size:1.25rem;font-weight:700;color:#2d3748;margin:0 0 1rem}.top-user-stats{display:flex;justify-content:center;gap:1.5rem}.top-user-stat{display:flex;align-items:center;gap:.5rem;color:#4a5568;font-weight:600;font-size:.9rem}.top-user-stat .stat-icon{color:#667eea}.features-section{padding:4rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 8px 25px #0000001a;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.feature-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.feature-icon.bg-blue-500{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.feature-icon.bg-green-500{background:linear-gradient(135deg,#10b981,#059669)}.feature-icon.bg-yellow-500{background:linear-gradient(135deg,#f59e0b,#d97706)}.feature-icon.bg-purple-500{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.feature-icon.bg-pink-500{background:linear-gradient(135deg,#ec4899,#db2777)}.feature-icon.bg-red-500{background:linear-gradient(135deg,#ef4444,#dc2626)}.feature-title{font-size:1.25rem;font-weight:700;color:#2d3748;margin:0 0 1rem}.feature-description{color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.feature-link{display:inline-flex;align-items:center;gap:.5rem;color:#667eea;font-weight:600;text-decoration:none;transition:all .3s ease}.feature-link:hover{color:#764ba2;transform:translate(5px)}.benefits-section{padding:4rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.benefits-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.benefits-text{color:#2d3748}.benefits-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.benefits-title .accent{background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.benefits-description{font-size:1.1rem;color:#4a5568;line-height:1.6;margin-bottom:2rem}.benefits-list{list-style:none;padding:0;margin:0 0 2rem}.benefit-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;font-weight:500;color:#2d3748}.benefit-check{color:#10b981;flex-shrink:0}.user-quick-actions{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;padding:1.5rem;margin-top:1rem}.user-quick-actions h4{margin:0 0 1rem;color:#2d3748;font-weight:700}.quick-action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.quick-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:.9rem}.quick-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.quick-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.quick-action-btn.secondary{background:linear-gradient(135deg,#f7fafc,#edf2f7);color:#4a5568;border:1px solid #e2e8f0}.quick-action-btn.secondary:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.benefits-visual{display:flex;justify-content:center}.benefits-cards{display:flex;flex-direction:column;gap:1.5rem;max-width:400px}.benefit-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.benefit-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000001f}.benefit-card-icon{color:#667eea;margin-bottom:1rem}.benefit-card h4{font-size:1.1rem;font-weight:700;color:#2d3748;margin:0 0 .5rem}.benefit-card p{color:#4a5568;line-height:1.5;margin:0;font-size:.9rem}.cta-section{padding:4rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.cta-description{font-size:1.1rem;color:#ffffffe6;line-height:1.6;margin-bottom:2.5rem}.cta-actions{display:flex;justify-content:center}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-title{font-size:3rem}.benefits-content{grid-template-columns:1fr;gap:3rem}}@media (max-width: 768px){.hero-section{padding:2rem 1rem;min-height:70vh}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.stats-section,.recent-activities-section,.top-users-section,.features-section,.benefits-section,.cta-section{padding:3rem 1rem}.section-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{padding:2rem}.stat-number{font-size:2.5rem}.activity-item{padding:1.25rem 1.5rem;gap:1rem;flex-direction:column;text-align:center}.activity-header{flex-direction:column;gap:.5rem}.top-users-grid{grid-template-columns:1fr;max-width:400px}.features-grid{grid-template-columns:1fr}.benefits-cards{max-width:100%}.quick-action-buttons{flex-direction:column}.quick-action-btn{justify-content:center}}@media (max-width: 480px){.hero-section{padding:1.5rem 1rem}.hero-title{font-size:2rem}.hero-card{padding:2rem;max-width:100%}.hero-card-stats{flex-direction:column;gap:.75rem}.stats-section,.recent-activities-section,.top-users-section,.features-section,.benefits-section,.cta-section{padding:2rem 1rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-number{font-size:2rem}.activity-item{padding:1rem}.activity-avatar{width:48px;height:48px}.top-user-card,.feature-card{padding:1.5rem}.benefit-card{padding:1.25rem}.benefits-title,.cta-title{font-size:2rem}.cta-button.large{padding:1rem 1.5rem;font-size:1rem}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-card:hover .admin-badge,.hero-card:hover .top-user-badge{animation:pulse 2s infinite}.stat-card:hover .stat-card-icon{transform:scale(1.1);transition:transform .3s ease}.top-user-card:hover .rank-badge{transform:scale(1.2);transition:transform .3s ease}.landing-container{scroll-behavior:smooth}@media (prefers-color-scheme: dark){.hero-card,.stat-card,.activity-item,.top-user-card,.feature-card,.benefit-card{background:#1a202cf2;color:#e2e8f0;border-color:#ffffff1a}.hero-card-header h4,.activity-user,.top-user-name,.feature-title,.benefit-card h4,.stat-number{color:#e2e8f0}.hero-card-header p,.activity-time,.feature-description,.benefit-card p,.stat-label{color:#a0aec0}}.cta-button:focus,.feature-link:focus,.quick-action-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.hero-card,.stat-card,.activity-item,.top-user-card,.feature-card,.benefit-card{box-shadow:0 8px 25px #00000014}}.landing-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;gap:2rem}.hero-demo-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem;box-shadow:0 25px 50px #00000026;border:1px solid rgba(255,255,255,.3);max-width:350px;width:100%;position:relative}.demo-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.demo-avatar{width:48px;height:48px}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.demo-info h4{margin:0;font-size:1.1rem;font-weight:700;color:#2d3748}.demo-info p{margin:.25rem 0 0;font-size:.9rem;color:#718096}.demo-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.demo-stat{flex:1;display:flex;align-items:center;gap:.5rem}.demo-stat-icon{color:#667eea}.demo-stat-number{font-size:1.25rem;font-weight:700;color:#2d3748;display:block}.demo-stat-label{font-size:.75rem;color:#718096;display:block}.demo-activities{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.demo-activity{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#667eea0d;border-radius:8px}.activity-emoji{font-size:1.25rem}.activity-text{flex:1;font-size:.9rem;color:#4a5568}.footer-info-content{grid-template-columns:1fr;gap:2rem;text-align:center}.intro-card{padding:1.5rem}.intro-icon{width:60px;height:60px;margin-bottom:1rem}.intro-card h3{font-size:1.25rem;margin-bottom:.75rem}.intro-card p{font-size:.9rem;line-height:1.5}.cta-title{font-size:2rem}.cta-description{font-size:1rem;margin-bottom:2rem}.hero-title{font-size:2.5rem;margin-bottom:1rem}.hero-subtitle{font-size:1rem;margin-bottom:2rem}.demo-stats{flex-direction:column;text-align:center}.demo-stat{justify-content:center;padding:.75rem 0}.demo-activities{gap:1rem}.demo-activity{flex-direction:column;text-align:center;gap:.5rem;padding:.75rem}.activity-text{font-size:.85rem}.activity-points{font-size:.8rem;align-self:center}@media (max-width: 480px){.landing-container{padding:0}.hero-section{padding:2rem 1rem;min-height:60vh}.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle{font-size:.9rem}.hero-actions{flex-direction:column;gap:1rem;width:100%}.cta-button{width:100%;padding:1rem;font-size:.9rem}.social-proof{flex-direction:column;gap:.75rem;margin-top:1.5rem}.proof-item{justify-content:center;font-size:.8rem}.hero-demo-card{padding:1.5rem;margin:0 1rem}.demo-header{flex-direction:column;text-align:center;gap:1rem}.demo-badge{position:static;margin-top:1rem;align-self:center}.section-title{font-size:1.5rem;margin-bottom:.75rem}.section-subtitle{font-size:.9rem}.stats-section,.features-section,.benefits-section,.team-intro-section,.cta-section,.footer-info-section{padding:2rem 1rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.5rem;text-align:center}.stat-number{font-size:2rem}.stat-card-icon{width:48px;height:48px}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem;text-align:center}.feature-icon{width:48px;height:48px;margin:0 auto 1rem}.benefits-content{grid-template-columns:1fr;gap:2rem;text-align:center}.benefits-title{font-size:1.75rem}.benefits-description{font-size:.95rem}.benefits-list{text-align:left;max-width:400px;margin:0 auto 2rem}.benefit-item{padding:.5rem 0;font-size:.9rem}.benefits-cards{max-width:100%}.benefit-card{padding:1.25rem;text-align:center}.benefit-card-icon{width:32px;height:32px}.team-intro-content{grid-template-columns:1fr;gap:1.5rem}.cta-title{font-size:1.75rem}.cta-actions{flex-direction:column;gap:1rem}.cta-button.large{padding:1rem 1.5rem;font-size:1rem}.footer-info-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.contact-info p{font-size:.9rem}.quick-links{gap:.75rem}.quick-links a{font-size:.9rem}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hero-demo-card{animation:fadeInScale .6s ease-out .6s both}.stat-card:hover{transform:translateY(-5px) scale(1.02)}.feature-card:hover{transform:translateY(-8px)}.intro-card:hover{transform:translateY(-5px)}.benefit-card:hover{transform:translateY(-3px)}.cta-button:focus,.quick-links a:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-color-scheme: dark){.hero-demo-card,.stat-card,.feature-card,.benefit-card,.intro-card{background:#1a202cf2;color:#e2e8f0;border-color:#ffffff1a}.demo-info h4,.stat-number,.feature-title,.benefit-card h4,.intro-card h3{color:#e2e8f0}.demo-info p,.stat-label,.feature-description,.benefit-card p,.intro-card p{color:#a0aec0}.footer-info-section{background:#1a202cf2}.contact-info h3,.quick-links h3,.contact-info p{color:#e2e8f0}}@media print{.hero-section,.stats-section,.features-section{background:#fff!important;color:#000!important}.cta-button,.demo-badge{display:none}.hero-demo-card,.stat-card,.feature-card{box-shadow:none;border:1px solid #ccc}}@media (prefers-contrast: high){.hero-demo-card,.stat-card,.feature-card,.benefit-card,.intro-card{border:2px solid currentColor;box-shadow:none}.cta-button{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.hero-demo-card,.stat-card,.feature-card,.benefit-card,.intro-card{animation:none!important;transition:none!important}.loading-spinner{animation:none!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.landing-container::-webkit-scrollbar{width:8px}.landing-container::-webkit-scrollbar-track{background:#ffffff1a}.landing-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.landing-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.text-gradient{background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glassmorphism{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.hover-lift:hover{transform:translateY(-4px);transition:transform .3s ease}.hero-demo-card,.stat-card,.feature-card,.benefit-card,.intro-card{will-change:transform}.landing-container{overflow-x:hidden}html,body{margin:0;padding:0;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed}.login-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:20px}.grid-container{position:relative;width:90vw;height:90vh;max-width:1000px;max-height:800px;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:0}.photo-corner{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.photo-top-left{grid-column:1;grid-row:1;justify-content:flex-end;align-items:flex-end;z-index:3}.photo-top-right{grid-column:3;grid-row:1;justify-content:flex-start;align-items:flex-end;z-index:3}.photo-bottom-left{grid-column:1;grid-row:3;justify-content:flex-end;align-items:flex-start;transform:translateY(-120%);z-index:1}.photo-bottom-right{grid-column:3;grid-row:3;justify-content:flex-start;align-items:flex-start;transform:translateY(-120%);z-index:1}.login-center{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;transform:translateY(-40%);z-index:2}.photo-frame{background:#fff;padding:18px;border-radius:12px;box-shadow:0 12px 40px #00000040;position:relative;transition:transform .3s ease;width:270px;height:300px}.photo-frame:hover,.photo-bottom-left .photo-frame:hover,.photo-bottom-right .photo-frame:hover{transform:scale(1.05)!important;z-index:10}.photo-pin{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:30px;height:30px;border-radius:50%;box-shadow:0 4px 12px #0006;display:flex;align-items:center;justify-content:center;background:#e74c3c}.photo-pin-inner{width:12px;height:12px;border-radius:50%;background:#c0392b}.photo-top-left .photo-pin{background:#e74c3c}.photo-top-left .photo-pin-inner{background:#c0392b}.photo-top-right .photo-pin{background:#3498db}.photo-top-right .photo-pin-inner{background:#2980b9}.photo-bottom-left .photo-pin{background:#2ecc71}.photo-bottom-left .photo-pin-inner{background:#27ae60}.photo-bottom-right .photo-pin{background:#f39c12}.photo-bottom-right .photo-pin-inner{background:#e67e22}.photo-image{width:100%;height:210px;border-radius:6px;overflow:hidden;margin-bottom:12px}.photo-image img{width:100%;height:100%;object-fit:cover}.photo-caption{text-align:center;font-size:18px;color:#666;margin:0;font-weight:500}.login-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px;box-shadow:0 20px 60px #00000026;text-align:center;width:100%;max-width:400px}.logo-section{margin-bottom:30px}.logo-image{width:160px;height:160px;margin-bottom:16px;border-radius:16px}.logo-title,.logo-subtitle{display:none}.login-button{position:relative;width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;margin-bottom:16px}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-button-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);transition:opacity .3s ease}.login-button:hover:not(:disabled) .login-button-gradient{opacity:.9}.login-button-content{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;z-index:1}.google-icon{width:20px;height:20px}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.terms-text{font-size:12px;color:#888;margin:0;line-height:1.4}@media (max-width: 768px){.login-container{min-height:100vh;padding:0;flex-direction:column;align-items:stretch}.grid-container{width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr auto;gap:20px;padding:30px 20px 0;align-items:center;justify-items:center;min-height:70vh}.photo-top-left{grid-column:1;grid-row:1;position:static;transform:none;z-index:auto;justify-content:center;align-items:center;display:flex}.photo-top-right{grid-column:2;grid-row:1;position:static;transform:none;z-index:auto;justify-content:center;align-items:center;display:flex}.photo-bottom-left{grid-column:1;grid-row:2;position:static;transform:none;z-index:auto;justify-content:center;align-items:center;display:flex}.photo-bottom-right{grid-column:2;grid-row:2;position:static;transform:none;z-index:auto;justify-content:center;align-items:center;display:flex}.login-center{grid-column:1 / 3;grid-row:3;position:static;transform:none;z-index:auto;padding:15px 20px 25px;background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.2);margin:20px -20px 0}.photo-frame{width:140px;height:170px;padding:12px;border-radius:12px;box-shadow:0 12px 40px #00000040;background:#fff;position:relative;transition:transform .3s ease}.photo-pin{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:30px;height:30px;border-radius:50%;box-shadow:0 4px 12px #0006;display:flex;align-items:center;justify-content:center}.photo-pin-inner{width:12px;height:12px;border-radius:50%}.photo-image{width:100%;height:110px;border-radius:6px;overflow:hidden;margin-bottom:12px}.photo-image img{width:100%;height:100%;object-fit:cover}.photo-caption{text-align:center;font-size:14px;color:#666;margin:0;font-weight:500}.photo-frame:hover{transform:scale(1.05)!important;z-index:10}.login-content{padding:20px 16px;margin:0;border-radius:15px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #0000001a;text-align:center;width:100%;max-width:100%}.logo-section{margin-bottom:20px}.logo-image{width:80px;height:80px;margin-bottom:8px;border-radius:8px}.login-button{padding:12px;font-size:14px;border-radius:8px;margin-bottom:12px}.login-button-content{gap:8px}.google-icon,.loading-spinner{width:16px;height:16px}.terms-text{font-size:10px;line-height:1.3}}.list-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f172a);padding:2rem 1rem}.list-wrapper{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.list-header{display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);color:#fff;gap:2rem}.list-title{font-size:2.5rem;font-weight:800;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.list-subtitle{font-size:1.1rem;margin:.5rem 0 0;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.new-activity-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 15px #667eea4d}.new-activity-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.list-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;color:#fff;text-align:center}.error-icon{color:#ef4444;margin-bottom:1rem}.error-state h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff}.error-state p{font-size:1rem;opacity:.8;margin-bottom:2rem}.retry-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#dc2626;transform:translateY(-1px)}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 0;color:#fff;text-align:center}.loading-spinner{width:3rem;height:3rem;border:3px solid rgba(255,255,255,.3);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state{text-align:center;padding:4rem 0;color:#fff}.empty-emoji{font-size:4rem;margin-bottom:1.5rem}.empty-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff}.empty-subtitle{font-size:1rem;opacity:.8;margin-bottom:2rem}.empty-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.empty-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.story-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.story-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #0003;border-color:#667eea}.story-card.admin-uploaded{background:linear-gradient(135deg,#667eea1a,#fffffff2);border:2px solid rgba(102,126,234,.3);box-shadow:0 8px 32px #667eea26}.story-card.admin-uploaded:hover{border-color:#667eea;box-shadow:0 20px 60px #667eea40}.card-header{padding:1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-bottom:1px solid rgba(0,0,0,.05)}.profile-section{display:flex;align-items:flex-start;gap:1rem}.profile-avatar-container{position:relative;flex-shrink:0}.profile-avatar{width:3.5rem;height:3.5rem;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.8);box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.story-card:hover .profile-avatar{border-color:#667eea;box-shadow:0 6px 20px #667eea4d}.status-badge{position:absolute;bottom:-3px;right:-3px;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid white;box-shadow:0 2px 8px #0003}.status-badge.status-approved{background:linear-gradient(135deg,#10b981,#059669)}.status-badge.status-rejected{background:linear-gradient(135deg,#ef4444,#dc2626)}.status-badge.status-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-icon{color:#fff;font-size:.75rem;font-weight:700}.profile-info{flex:1;min-width:0}.profile-name{font-weight:600;color:#1f2937;font-size:1rem;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-time{font-size:.75rem;color:#6b7280;margin:0}.status-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;flex-shrink:0}.status-label{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap}.status-label-approved{background:linear-gradient(135deg,#10b981,#059669)}.status-label-rejected{background:linear-gradient(135deg,#ef4444,#dc2626)}.status-label-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.admin-upload-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:.625rem;font-weight:600;box-shadow:0 2px 8px #667eea4d;animation:subtle-glow 2s ease-in-out infinite alternate;border:1px solid rgba(255,255,255,.2);white-space:nowrap}.admin-badge-icon{font-size:.625rem;opacity:.9}.admin-badge-text{font-size:.625rem;letter-spacing:-.1px;font-weight:500}@keyframes subtle-glow{0%{box-shadow:0 2px 8px #667eea4d}to{box-shadow:0 4px 16px #667eea80}}.photo-section{position:relative;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.photo-container{position:relative;width:100%;height:100%}.main-photo{position:absolute;width:75%;height:75%;top:0;left:0;object-fit:cover;border-radius:1rem;box-shadow:0 10px 30px #0003;transition:transform .5s ease;z-index:1}.sub-photo{position:absolute;width:55%;height:55%;bottom:0;right:0;object-fit:cover;border-radius:1rem;border:3px solid white;box-shadow:0 15px 40px #0000004d;transition:transform .5s ease;z-index:2;transform:rotate(5deg)}.story-card:hover .main-photo{transform:scale(1.05) rotate(-2deg)}.story-card:hover .sub-photo{transform:scale(1.05) rotate(8deg)}.single-photo{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;border-radius:0;box-shadow:none;z-index:1;transform:none}.story-card:hover .single-photo{transform:scale(1.1)}.photo-count-badge{position:absolute;top:.75rem;right:.75rem;background:#0009;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.group-badge{position:absolute;top:.75rem;left:.75rem;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px #f973164d;z-index:10}.admin-overlay-badge{position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea66;z-index:10;animation:admin-pulse 2s ease-in-out infinite;border:2px solid rgba(255,255,255,.8)}.admin-overlay-icon{font-size:.875rem;color:#fff}@keyframes admin-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.activity-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);padding:1rem;z-index:5}.activity-info{display:flex;align-items:center;justify-content:space-between;color:#fff}.activity-left{display:flex;align-items:center;gap:.5rem}.activity-emoji{font-size:1.5rem;flex-shrink:0}.activity-details{display:flex;flex-direction:column;gap:.25rem}.activity-type{font-weight:700;font-size:1.125rem;text-transform:capitalize;margin:0}.activity-date{font-size:.75rem;opacity:.9;margin:0}.activity-recorded-time{font-size:.625rem;opacity:.8;margin:0;color:#fbbf24;font-style:italic}.activity-right{text-align:right;flex-shrink:0}.distance-value{font-size:1.5rem;font-weight:700;margin:0;line-height:1}.distance-unit{font-size:.75rem;opacity:.9;margin:0}.card-footer{padding:1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(0,0,0,.05)}.interaction-buttons{display:flex;gap:1rem;align-items:center}.like-button,.comment-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#6b7280;cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:8px;font-weight:500}.like-button:hover{color:#ef4444;background:#ef44441a;transform:scale(1.05)}.comment-button:hover{color:#3b82f6;background:#3b82f61a;transform:scale(1.05)}.button-emoji{font-size:1.125rem}.button-text{font-size:.875rem;font-weight:500}.admin-footer-info{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#667eea1a;border-radius:12px;margin-left:.5rem}.admin-footer-text{font-size:.75rem;color:#667eea;font-weight:500}.more-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.more-button:hover{color:#6b7280;background:#9ca3af1a;transform:scale(1.05)}.more-icon{font-size:1.125rem}@media (max-width: 1024px){.list-header{flex-direction:column;gap:1.5rem;text-align:center}.header-actions{justify-content:center}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.list-content{padding:1.5rem}.admin-upload-badge{font-size:.5rem;padding:.25rem .4rem}.admin-overlay-badge{width:1.75rem;height:1.75rem;top:.5rem;left:.5rem}.admin-overlay-icon{font-size:.75rem}}@media (max-width: 768px){.list-container{padding:1rem .5rem}.list-header{padding:1.5rem;gap:1rem}.list-title{font-size:2rem}.list-subtitle{font-size:1rem}.header-actions{flex-direction:column;gap:.75rem}.new-activity-button,.refresh-button{padding:.5rem 1rem;font-size:.875rem}.cards-grid{grid-template-columns:1fr;gap:1rem}.list-content{padding:1rem}.story-card{border-radius:16px}.card-header,.card-footer{padding:1rem}.profile-avatar{width:3rem;height:3rem}.status-badge{width:1.25rem;height:1.25rem}.status-icon{font-size:.625rem}.admin-upload-badge{font-size:.5rem;padding:.2rem .35rem;gap:.15rem}.admin-badge-icon,.admin-badge-text{font-size:.5rem}.admin-overlay-badge{width:1.5rem;height:1.5rem;top:.4rem;left:.4rem}.admin-overlay-icon{font-size:.625rem}.admin-footer-info{padding:.2rem .4rem}.admin-footer-text{font-size:.625rem}.activity-overlay{padding:.75rem}.activity-emoji{font-size:1.25rem}.activity-type{font-size:1rem}.activity-recorded-time{font-size:.5rem}.distance-value{font-size:1.25rem}.interaction-buttons{gap:.75rem}.button-emoji{font-size:1rem}.button-text{font-size:.75rem}}@media (max-width: 480px){.list-header{padding:1rem}.list-title{font-size:1.75rem}.header-actions{width:100%}.new-activity-button,.refresh-button{flex:1;justify-content:center}.empty-state{padding:3rem 1rem}.empty-emoji{font-size:3rem}.empty-title{font-size:1.125rem}.empty-subtitle{font-size:.875rem}.photo-count-badge,.group-badge,.status-label{font-size:.625rem;padding:.25rem .5rem}.admin-upload-badge{font-size:.45rem;padding:.15rem .3rem}.admin-overlay-badge{width:1.25rem;height:1.25rem;top:.3rem;left:.3rem}.admin-overlay-icon{font-size:.5rem}.admin-footer-info,.activity-recorded-time{display:none}.interaction-buttons{flex-direction:column;gap:.5rem;align-items:flex-start}.like-button,.comment-button{padding:.25rem}}.story-card:focus{outline:2px solid #667eea;outline-offset:2px}.new-activity-button:focus,.refresh-button:focus,.empty-button:focus,.like-button:focus,.comment-button:focus,.more-button:focus,.retry-button:focus{outline:2px solid #667eea;outline-offset:2px}.admin-upload-badge:focus,.admin-overlay-badge:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-reduced-motion: reduce){.story-card,.new-activity-button,.refresh-button,.empty-button,.main-photo,.sub-photo,.loading-spinner,.admin-upload-badge,.admin-overlay-badge,.like-button,.comment-button,.more-button{animation:none;transition:none}.story-card:hover,.story-card:hover .main-photo,.story-card:hover .sub-photo,.story-card:hover .single-photo{transform:none}}.story-card,.admin-overlay-badge,.admin-upload-badge{transform:translateZ(0);backface-visibility:hidden}@media (prefers-color-scheme: dark){.admin-upload-badge{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#ffffff4d}.admin-overlay-badge{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#ffffffe6}.admin-footer-info{background:#4f46e533}.admin-footer-text{color:#a5b4fc}}@media (prefers-contrast: high){.admin-upload-badge{background:#000;color:#fff;border:2px solid #fff}.admin-overlay-badge{background:#000;border:3px solid #fff}.admin-footer-info{background:#000;color:#fff;border:1px solid #fff}}@media print{.admin-upload-badge,.admin-overlay-badge{background:#000!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.story-card.admin-uploaded{border:2px solid #000!important}.header-actions,.interaction-buttons{display:none}}.detail-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;position:relative}.detail-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.detail-wrapper{max-width:800px;margin:0 auto;position:relative;z-index:1}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-icon{color:#ff6b6b;margin-bottom:1rem}.error-container h3{margin-bottom:1rem;font-size:1.5rem}.detail-header{margin-bottom:2rem}.back-button{display:flex;align-items:center;gap:.5rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.75rem 1rem;border-radius:12px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;font-weight:500;margin-bottom:1rem}.back-button:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.header-title{display:flex;justify-content:space-between;align-items:center;color:#fff}.header-title h1{font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.status-badge.status-approved{background:#48bb7833;color:#48bb78;border-color:#48bb784d}.status-badge.status-rejected{background:#f5656533;color:#f56565;border-color:#f565654d}.status-badge.status-pending{background:#ed893633;color:#ed8936;border-color:#ed89364d}.status-badge.status-unknown{background:#a0aec033;color:#a0aec0;border-color:#a0aec04d}.detail-content{display:flex;flex-direction:column;gap:2rem}.info-card,.user-card,.photos-card,.admin-actions{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(0,0,0,.1)}.activity-info{display:flex;align-items:center;gap:1rem}.activity-emoji{font-size:3rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:20px;border:2px solid rgba(102,126,234,.2)}.activity-title{font-size:1.8rem;font-weight:700;margin:0 0 .25rem;color:#2d3748}.activity-subtitle{font-size:1rem;color:#718096;margin:0}.score-info{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;border-radius:16px;box-shadow:0 4px 12px #667eea4d}.score-icon{color:gold}.score-value{font-size:1.5rem;font-weight:700}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#667eea0d;border-radius:12px;border:1px solid rgba(102,126,234,.1)}.info-icon{color:#667eea;background:#667eea1a;padding:8px;border-radius:8px;flex-shrink:0}.info-label{display:block;font-size:.85rem;color:#718096;font-weight:500;margin-bottom:.25rem}.info-value{display:block;font-size:1rem;color:#2d3748;font-weight:600}.info-value.status-approved{color:#48bb78}.info-value.status-rejected{color:#f56565}.info-value.status-pending{color:#ed8936}.user-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:#2d3748}.user-header h3{margin:0;font-size:1.25rem;font-weight:600}.user-info{display:flex;align-items:center;gap:1.5rem}.user-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid rgba(102,126,234,.2);box-shadow:0 4px 12px #0000001a}.user-details{flex:1}.user-name{font-size:1.25rem;font-weight:700;color:#2d3748;margin:0 0 .25rem}.user-email{font-size:.9rem;color:#718096;margin:0 0 .75rem}.team-info{display:flex;gap:.5rem}.team-badge,.position-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.team-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.position-badge{background:#ed89361a;color:#ed8936;border:1px solid rgba(237,137,54,.2)}.photos-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:#2d3748}.photos-header h3{margin:0;font-size:1.25rem;font-weight:600}.photos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.photo-item{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.photo-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.photo-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-item:hover .photo-image{transform:scale(1.05)}.photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff}.photo-item:hover .photo-overlay{opacity:1}.actions-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:#2d3748}.actions-header h3{margin:0;font-size:1.25rem;font-weight:600}.actions-buttons{display:flex;gap:1rem}.action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none}.action-button:disabled{opacity:.6;cursor:not-allowed}.reject-button{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;box-shadow:0 4px 12px #f565654d}.reject-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #f5656566}.approve-button{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;box-shadow:0 4px 12px #48bb784d}.approve-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #48bb7866}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-close{position:absolute;top:1rem;right:1rem;background:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .3s ease}.modal-close:hover{background:#000000b3}.modal-image{width:100%;height:auto;max-height:80vh;object-fit:contain;display:block}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f7fafc;border-top:1px solid #e2e8f0}.modal-actions{display:flex;gap:.5rem}.download-button{display:flex;align-items:center;gap:.5rem;background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.download-button:hover{background:#5a67d8}@media (max-width: 768px){.detail-container{padding:1rem .5rem}.detail-wrapper{max-width:100%}.header-title{flex-direction:column;gap:1rem;align-items:flex-start}.header-title h1{font-size:1.5rem}.info-card,.user-card,.photos-card,.admin-actions{padding:1.5rem}.card-header{flex-direction:column;gap:1rem;align-items:flex-start}.activity-info{width:100%}.score-info{align-self:flex-end}.info-grid{grid-template-columns:1fr;gap:1rem}.user-info{flex-direction:column;text-align:center}.photos-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.actions-buttons{flex-direction:column}.image-modal{padding:1rem}.modal-footer{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){.detail-container{padding:.5rem}.activity-emoji{width:60px;height:60px;font-size:2rem}.activity-title{font-size:1.5rem}.score-info{padding:.75rem 1rem}.score-value{font-size:1.25rem}.photos-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.info-card,.user-card,.photos-card,.admin-actions{animation:fadeInUp .6s ease-out}.photo-item{animation:fadeInUp .4s ease-out}.action-button{position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.action-button:hover:before{left:100%}.info-card,.user-card,.photos-card{transition:all .3s ease}.info-card:hover,.user-card:hover,.photos-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.info-item{transition:all .3s ease}.info-item:hover{background:#667eea1a;border-color:#667eea33;transform:translate(5px)}.user-avatar{transition:all .3s ease}.user-avatar:hover{transform:scale(1.05);box-shadow:0 6px 20px #667eea4d}.status-badge.status-pending{animation:pulse 2s infinite}.detail-container::-webkit-scrollbar{width:8px}.detail-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.detail-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.detail-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.back-button:focus,.action-button:focus,.download-button:focus,.modal-close:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.detail-container{background:#fff;padding:1rem}.detail-wrapper{max-width:100%}.back-button,.admin-actions,.photo-overlay{display:none}.info-card,.user-card,.photos-card{background:#fff;border:1px solid #e2e8f0;box-shadow:none;page-break-inside:avoid}.photos-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-contrast: high){.status-badge,.team-badge,.position-badge,.info-item{border-width:2px}.action-button{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.loading-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;border:1px solid rgba(255,255,255,.2)}.loading-spinner{border:4px solid rgba(255,255,255,.2);border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1.5rem}.error-container{background:#f565651a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;border:1px solid rgba(245,101,101,.2)}.error-container .back-button{background:#f5656533;border-color:#f565654d;margin-top:1.5rem}.error-container .back-button:hover{background:#f565654d}::selection{background:#667eea4d;color:inherit}::-moz-selection{background:#667eea4d;color:inherit}.back-button{order:1}.action-button{order:2}.photo-item{order:3}.photo-image,.modal-image,.user-avatar{will-change:transform}.action-button,.back-button,.download-button{will-change:transform,box-shadow}.info-card,.user-card,.photos-card,.admin-actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (hover: none) and (pointer: coarse){.photo-overlay{opacity:1;background:#0000004d}.action-button,.back-button,.photo-item{min-height:48px}}.upload-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f172a);padding:2rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.upload-wrapper{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.upload-header{display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);color:#fff;gap:2rem}.header-icon-group{display:flex;align-items:center;gap:1rem;flex-shrink:0}.header-crown{color:gold;animation:pulse 2s infinite}.upload-title{font-size:2.5rem;font-weight:800;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upload-subtitle{font-size:1.1rem;margin:.5rem 0 0;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 15px #667eea4d}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.upload-form{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;gap:2rem}.form-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.form-section:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.section-icon{color:#667eea;flex-shrink:0;padding:.5rem;background:#667eea1a;border-radius:8px;border:1px solid rgba(102,126,234,.2)}.section-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.activity-card{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;overflow:hidden}.activity-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 12px 30px #667eea26}.activity-card-selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-4px);box-shadow:0 12px 30px #667eea4d}.activity-gradient{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);transition:all .3s ease}.activity-card-selected .activity-gradient{background:#fff3}.activity-emoji{font-size:2rem}.activity-info{text-align:center}.activity-name{font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.activity-korean{font-size:.9rem;opacity:.7;margin:0}.activity-check{position:absolute;top:1rem;right:1rem;background:#10b981;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #10b9814d}.distance-input-container{position:relative;display:flex;align-items:center;margin-bottom:1rem}.distance-input{width:100%;padding:1.5rem 6rem 1.5rem 1.5rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1.5rem;font-weight:600;text-align:center;transition:all .3s ease;background:#fff;color:#1f2937}.distance-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.distance-unit{position:absolute;right:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1rem;border-radius:8px;font-weight:700;font-size:1rem}.distance-encouragement{display:flex;align-items:center;gap:.5rem;color:#10b981;font-weight:500;margin-top:.5rem}.photo-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.photo-upload-card{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;transition:all .3s ease}.photo-input-hidden{display:none}.photo-upload-prompt{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;border:2px dashed #d1d5db;border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:center;padding:1.5rem}.photo-upload-prompt:hover{border-color:#667eea;background:#f1f5f9;transform:translateY(-2px)}.upload-icon-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 4px 12px #667eea4d}.upload-prompt-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.upload-prompt-desc{font-size:.9rem;color:#6b7280;margin-bottom:1rem}.upload-prompt-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.photo-preview-container{position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden}.photo-preview{width:100%;height:100%;object-fit:cover}.photo-remove-btn{position:absolute;top:.5rem;right:.5rem;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.photo-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1rem;color:#fff;transform:translateY(100%);transition:transform .3s ease}.photo-preview-container:hover .photo-overlay{transform:translateY(0)}.photo-label{font-size:.9rem;font-weight:500}.group-training-toggle{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease}.group-training-toggle:hover{border-color:#667eea;transform:translateY(-2px)}.toggle-active{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 25px #667eea4d}.toggle-icon{flex-shrink:0;width:48px;height:48px;background:#667eea1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#667eea;transition:all .3s ease}.toggle-active .toggle-icon{background:#fff3;color:#fff}.toggle-content{flex:1}.toggle-title{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.toggle-desc{font-size:.9rem;opacity:.8;margin:0}.toggle-switch{position:relative;width:48px;height:28px;background:#d1d5db;border-radius:14px;transition:all .3s ease;flex-shrink:0}.switch-active{background:#10b981}.switch-handle{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.switch-active .switch-handle{transform:translate(20px)}.submit-section{margin-top:1rem}.submit-button{position:relative;width:100%;padding:1.5rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;box-shadow:0 8px 25px #10b9814d}.submit-button:hover:not(.submit-button-disabled){transform:translateY(-2px);box-shadow:0 12px 35px #10b98166}.submit-button-disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.submit-content{display:flex;align-items:center;justify-content:center;gap:.75rem}.submit-activity-indicator{position:absolute;top:1rem;right:1rem;font-size:1.5rem;opacity:.8}.upload-progress-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center}.progress-circle{position:relative;display:flex;align-items:center;justify-content:center}.progress-ring{transform:rotate(-90deg)}.progress-ring-background{stroke:#e5e7eb;stroke-width:8}.progress-ring-progress{stroke:#10b981;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.progress-text{position:absolute;font-size:1.2rem;font-weight:700;color:#1f2937}.upload-status h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.upload-status p{color:#6b7280;margin:0}.motivation-footer{margin-top:2rem;text-align:center}.motivation-content{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#fff;font-style:italic;opacity:.9;font-size:1rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.2)}@media (max-width: 1024px){.upload-header{flex-direction:column;gap:1.5rem;text-align:center}.header-actions{justify-content:center}.activity-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.upload-container{padding:1.5rem 1rem}.upload-header{padding:1.5rem;gap:1rem}.upload-title{font-size:2rem}.upload-subtitle{font-size:1rem}.header-actions{flex-direction:column;gap:.75rem}.back-button,.refresh-button{padding:.5rem 1rem;font-size:.9rem}.upload-form,.form-section{padding:1.5rem}.activity-grid{grid-template-columns:1fr;gap:1rem}.activity-card{padding:1.25rem}.photo-upload-grid{grid-template-columns:1fr;gap:1rem}.distance-input{font-size:1.25rem;padding:1.25rem 5rem 1.25rem 1.25rem}.distance-unit{font-size:.9rem;padding:.5rem .75rem}.section-title{font-size:1.1rem}.group-training-toggle{padding:1.25rem;flex-direction:column;text-align:center}.toggle-switch{margin-top:1rem}}@media (max-width: 480px){.upload-container{padding:1rem .5rem}.upload-header{padding:1rem}.upload-title{font-size:1.75rem}.upload-subtitle{font-size:.9rem}.header-actions{width:100%}.back-button,.refresh-button{flex:1;justify-content:center}.upload-form,.form-section,.activity-card{padding:1rem}.activity-gradient{width:50px;height:50px}.activity-emoji{font-size:1.5rem}.distance-input{font-size:1.1rem;padding:1rem 4rem 1rem 1rem}.submit-button{padding:1.25rem;font-size:1rem}.section-header{margin-bottom:1rem}.section-title{font-size:1rem}.photo-upload-prompt{padding:1rem}.upload-icon-container{width:50px;height:50px}.upload-prompt-title{font-size:1rem}.upload-prompt-desc{font-size:.8rem}.group-training-toggle{padding:1rem}.toggle-icon{width:40px;height:40px}.toggle-title{font-size:1rem}.toggle-desc{font-size:.8rem}.motivation-content{font-size:.9rem;flex-direction:column;gap:.5rem}}.activity-card:focus,.photo-upload-prompt:focus,.group-training-toggle:focus,.submit-button:focus,.distance-input:focus,.back-button:focus,.refresh-button:focus{outline:2px solid #667eea;outline-offset:2px}.activity-card,.photo-upload-card,.submit-button{transform:translateZ(0);backface-visibility:hidden}@media (prefers-color-scheme: dark){.form-section{background:#1f2937f2;color:#f9fafb}.section-title{color:#f9fafb}.activity-card{background:#1f2937e6;color:#f9fafb}.distance-input{background:#1f2937e6;color:#f9fafb;border-color:#4b5563}}.viewer-mode-banner{margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff}.viewer-banner-content{display:flex;align-items:center;gap:1rem}.viewer-icon{color:#ffffffe6}.viewer-text{display:flex;flex-direction:column;gap:.25rem}.viewer-title{font-weight:600;font-size:1.1rem}.viewer-desc{font-size:.9rem;opacity:.9}.demo-badge{display:inline-block;background:#f59e0b;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;margin-left:.5rem}.header-lock{color:#f59e0b}.section-lock{color:#f59e0b;opacity:.8}.viewer-disabled{opacity:.7;cursor:not-allowed!important;pointer-events:none}.viewer-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff}.overlay-lock{margin-left:.5rem;opacity:.8}.upload-lock{position:absolute;top:-8px;right:-8px;background:#f59e0b;color:#fff;border-radius:50%;padding:4px}.toggle-lock{position:absolute;top:2px;right:2px;opacity:.7}.switch-disabled{opacity:.5}.submit-button-viewer{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.8}.submit-button-viewer:hover{transform:none}.upload-form.viewer-mode{position:relative}.upload-form.viewer-mode:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(245,158,11,.05) 10px,rgba(245,158,11,.05) 20px);pointer-events:none;border-radius:16px}@media (max-width: 768px){.viewer-banner-content{flex-direction:column;text-align:center;gap:.75rem}.demo-badge{display:block;margin:.5rem 0 0}}.unified-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;border-radius:16px 16px 0 0;margin-bottom:24px;min-height:80px;position:relative;overflow:hidden}.unified-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.unified-header-left{display:flex;flex-direction:column;gap:4px}.unified-logo{display:flex;align-items:center;gap:12px}.unified-logo h1{font-size:24px;font-weight:700;margin:0}.unified-subtitle{font-size:14px;color:#d1d5db;margin-left:40px}.unified-header-center{flex:1;display:flex;justify-content:center;margin:0 2rem}.unified-nav{display:flex;background:#ffffff1a;border-radius:12px;padding:4px;gap:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.unified-nav-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;color:#fffc;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;white-space:nowrap}.unified-nav-button:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.unified-nav-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.unified-header-right{display:flex;align-items:center;gap:16px}.header-stats{display:flex;gap:12px}.header-actions{display:flex;gap:8px}.unified-header-btn{position:relative;padding:8px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.unified-header-btn:hover{background:#fff3;transform:scale(1.05)}.notification-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid #1f2937;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.unified-create-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.unified-create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 1024px){.unified-header-center{margin:0 1rem}.unified-nav-button{padding:10px 16px;font-size:13px}.nav-label,.header-stats{display:none}}@media (max-width: 768px){.unified-header{flex-direction:column;gap:16px;padding:16px;text-align:center}.unified-header-left{align-items:center}.unified-subtitle{margin-left:0}.unified-header-center{margin:0;width:100%}.unified-nav{width:100%;justify-content:space-around}.unified-header-right,.unified-create-btn{width:100%;justify-content:center}}@media (max-width: 480px){.unified-logo h1{font-size:20px}.unified-nav-button{padding:8px 12px;flex-direction:column;gap:4px}.nav-icon{font-size:14px}.header-actions{flex-direction:column;gap:8px;width:100%}}.unified-header-btn:focus,.unified-create-btn:focus,.unified-nav-button:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-reduced-motion: reduce){.notification-dot{animation:none}.unified-header:before{animation:none}}.team-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;border-radius:16px 16px 0 0;margin-bottom:24px;min-height:80px}.team-header-left{display:flex;flex-direction:column;gap:4px}.team-logo{display:flex;align-items:center;gap:12px}.team-logo h1{font-size:24px;font-weight:700;margin:0;background:linear-gradient(45deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.team-subtitle{font-size:14px;color:#d1d5db;margin-left:40px}.team-header-center{flex:1;display:flex;justify-content:center;margin:0 2rem}.team-nav{display:flex;background:#ffffff1a;border-radius:12px;padding:4px;gap:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.team-nav-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;color:#fffc;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;white-space:nowrap}.team-nav-button:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.team-nav-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.nav-icon{font-size:16px;display:flex;align-items:center}.nav-label{font-weight:600}.team-header-right{display:flex;align-items:center}.header-stats{display:flex;gap:16px}.header-stat-item{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;font-weight:600;transition:all .3s ease}.header-stat-item:hover{background:#fff3;transform:translateY(-1px)}.header-stat-item svg{color:gold}@media (max-width: 1024px){.team-header-center{margin:0 1rem}.team-nav-button{padding:10px 16px;font-size:13px}.nav-label{display:none}}@media (max-width: 768px){.team-header{flex-direction:column;gap:16px;padding:16px;text-align:center}.team-header-left{align-items:center}.team-subtitle{margin-left:0}.team-header-center{margin:0;width:100%}.team-nav{width:100%;justify-content:space-around}.header-stats{justify-content:center}}@media (max-width: 480px){.team-logo h1{font-size:20px}.team-nav-button{padding:8px 12px;flex-direction:column;gap:4px}.nav-icon{font-size:14px}.header-stats{flex-direction:column;gap:8px;width:100%}.header-stat-item{justify-content:center}}.member-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000a;transition:all .3s ease;overflow:hidden;position:relative}.member-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014;border-color:#d1d5db}.member-card--captain{border:1px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7);position:relative}.member-card--captain:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f59e0b,#d97706)}.member-card--captain:hover{box-shadow:0 8px 20px #f59e0b26;border-color:#f59e0b}.member-card--temporary{background:#f8fafc;border:1px solid #e2e8f0;opacity:.8}.member-card--temporary .member-avatar{filter:grayscale(40%)}.member-card-header{display:flex;align-items:center;gap:12px;padding:16px}.member-avatar-section{position:relative;flex-shrink:0}.member-avatar-container{position:relative}.member-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #f3f4f6;transition:all .3s ease}.member-card:hover .member-avatar{border-color:#d1d5db;transform:scale(1.05)}.member-card--captain .member-avatar{border-color:#fbbf24}.captain-crown{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px #f59e0b4d;border:2px solid white}.temporary-indicator{position:absolute;bottom:-2px;right:-2px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px #ef44444d;border:2px solid white}.member-info-section{flex:1;min-width:0}.member-name{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-meta{display:flex;align-items:center;gap:8px}.member-id{font-size:12px;color:#6b7280;font-weight:500;background:#f3f4f6;padding:2px 6px;border-radius:4px}.member-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.member-status-dot.active{background:#10b981;box-shadow:0 0 0 2px #10b98133}.member-badge-section{flex-shrink:0}.position-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent;transition:all .3s ease}.position-badge--captain{background:linear-gradient(135deg,#f59e0b26,#d9770626);color:#d97706;border-color:#f59e0b4d}.position-badge--member{background:#3b82f61a;color:#3b82f6;border-color:#3b82f633}.position-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.position-emoji{font-size:14px}.member-card-content{padding:0 16px 16px;border-top:1px solid #f3f4f6;margin-top:0}.member-email-section{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #f9fafb;margin-bottom:12px}.email-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#f3f4f6;color:#6b7280;flex-shrink:0}.email-text{font-size:13px;color:#4b5563;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.member-stats{display:flex;justify-content:space-between;align-items:center}.member-stat{display:flex;align-items:center;gap:6px;font-size:12px;color:#10b981;font-weight:500}.member-actions{display:flex;gap:4px}.member-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;cursor:pointer;transition:all .2s ease}.member-action-btn:hover{background:#dcfce7;transform:scale(1.1)}.member-card-content--temp{padding:12px 16px}.temp-status{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#6b7280;font-weight:500;padding:8px;background:#f9fafb;border-radius:6px}@media (max-width: 768px){.member-card-header{padding:14px;gap:10px}.member-avatar{width:40px;height:40px}.member-name{font-size:15px}.member-card-content{padding:0 14px 14px}.position-badge{padding:5px 10px;font-size:11px}.captain-crown{width:18px;height:18px}.temporary-indicator{width:16px;height:16px}}@media (max-width: 480px){.member-card-header{padding:12px;gap:8px}.member-avatar{width:36px;height:36px}.member-name{font-size:14px}.member-card-content{padding:0 12px 12px}.member-email-section{flex-direction:column;align-items:flex-start;gap:6px}.member-stats{flex-direction:column;align-items:flex-start;gap:8px}}.member-card{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.member-card:hover{box-shadow:0 8px 20px #00000014,0 0 0 1px #3b82f61a}.member-card--captain:hover{box-shadow:0 8px 20px #f59e0b26,0 0 0 1px #f59e0b33}.team-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;overflow:hidden}.team-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.team-card-header{display:flex;align-items:flex-start;gap:16px;padding:24px;border-bottom:1px solid #f3f4f6}.team-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;flex-shrink:0}.team-card-info{flex:1}.team-card-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 4px}.team-card-subtitle{font-size:14px;color:#6b7280;margin:0}.team-card-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.team-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 24px 24px}.team-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.team-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.team-stat-card .stat-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0}.team-stat-blue .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.team-stat-gold .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.team-stat-green .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.team-stat-purple .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-value{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:2px}.stat-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.team-members-section{padding:0 24px 24px}.members-section-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.team-members-list{display:flex;flex-direction:column;gap:12px}@media (max-width: 768px){.team-card-header{padding:20px}.team-stats-grid{grid-template-columns:1fr;gap:12px;padding:0 20px 20px}.team-stat-card{padding:14px}.team-members-section{padding:0 20px 20px}.stat-value{font-size:16px}}@media (max-width: 480px){.team-card-header{padding:16px;flex-direction:column;text-align:center;gap:12px}.team-card-info{order:1}.team-card-icon{order:2;align-self:center}.team-card-badge{order:3;align-self:center}.team-stats-grid,.team-members-section{padding:0 16px 16px}.team-stat-card{padding:12px}.stat-value{font-size:14px}.stat-label{font-size:11px}}.team-stat-card:hover .stat-icon{transform:scale(1.1)}.team-stat-card:hover .stat-value{color:#3b82f6}.team-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#f59e0b,#10b981);opacity:0;transition:opacity .3s ease}.team-card:hover:before{opacity:1}.admin-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:24px}.admin-wrapper{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:0}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 4px 6px #0000000d;text-align:center;padding:64px 24px}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}.admin-loading h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.admin-loading p{color:#6b7280;margin:0}.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 4px 6px #0000000d;text-align:center;padding:64px 24px}.error-icon{font-size:48px;margin-bottom:16px}.admin-error h3{font-size:20px;font-weight:600;color:#ef4444;margin:0 0 8px}.admin-error p{color:#6b7280;margin:0 0 24px}.retry-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 4px 6px #0000000d;text-align:center;padding:64px 24px;margin-top:24px}.empty-icon{color:#9ca3af;margin-bottom:16px}.admin-empty h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.admin-empty p{color:#6b7280;margin:0}.admin-stats-section{background:#fff;border-radius:0 0 16px 16px;padding:24px;border:1px solid #e5e7eb;border-top:none;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stat-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e5e7eb;box-shadow:0 4px 6px #0000000d;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0}.stat-card-blue .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.stat-card-green .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-card-purple .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-card-gold .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-content{flex:1}.stat-value{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:4px}.stat-title{font-size:16px;font-weight:600;color:#374151;margin-bottom:4px}.stat-description{font-size:14px;color:#6b7280}.admin-content-section{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 4px 6px #0000000d;overflow:hidden}.content-header{padding:24px 24px 0;border-bottom:1px solid #f3f4f6;margin-bottom:24px}.content-header h2{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.content-header p{color:#6b7280;font-size:16px;margin:0 0 24px}.teams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;padding:0 24px 24px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.teams-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}}@media (max-width: 768px){.admin-container{padding:16px}.admin-stats-section{padding:20px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.stat-value{font-size:28px}.content-header{padding:20px 20px 0}.content-header h2{font-size:24px}.teams-grid{grid-template-columns:1fr;gap:16px;padding:0 20px 20px}}@media (max-width: 480px){.admin-container{padding:12px}.admin-stats-section{padding:16px}.stat-card{padding:16px;gap:12px}.stat-icon{width:40px;height:40px}.stat-value{font-size:24px}.content-header{padding:16px 16px 0}.content-header h2{font-size:20px}.content-header p{font-size:14px}.teams-grid{padding:0 16px 16px;gap:12px}}.admin-wrapper>*{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-container::-webkit-scrollbar{width:8px}.admin-container::-webkit-scrollbar-track{background:#f1f5f9}.admin-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.admin-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.admin-modal-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 25px 50px #00000040;border:1px solid rgba(255,255,255,.2);max-width:600px;width:100%;max-height:90vh;overflow:hidden;position:relative}.admin-modal-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:24px;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;overflow:hidden}.admin-modal-shimmer{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.modal-header-left{flex:1}.modal-title-group{display:flex;align-items:center;gap:16px}.modal-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;box-shadow:0 4px 15px #667eea4d}.admin-modal-title{font-size:20px;font-weight:700;margin:0 0 4px}.admin-modal-subtitle{font-size:14px;color:#d1d5db;margin:0}.admin-modal-close{padding:12px;border:none;background:#ffffff1a;color:#fff;border-radius:12px;cursor:pointer;transition:all .3s ease}.admin-modal-close:hover{background:#fff3;transform:scale(1.05)}.admin-modal-close:disabled{opacity:.5;cursor:not-allowed}.admin-modal-form{padding:24px;overflow-y:auto;max-height:calc(90vh - 120px)}.admin-form-section{display:flex;flex-direction:column;gap:24px}.admin-form-group{display:flex;flex-direction:column;gap:12px}.admin-form-label{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#374151}.admin-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-category-option{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:500}.admin-category-option:hover{border-color:var(--category-color);background:#00000005;transform:translateY(-1px)}.admin-category-option.active{border-color:var(--category-color);background:var(--category-color);color:#fff;box-shadow:0 4px 15px #00000026}.category-emoji{font-size:20px}.category-label{font-size:14px;font-weight:600}.admin-input-wrapper,.admin-textarea-wrapper{position:relative}.admin-form-input,.admin-form-textarea{width:100%;padding:16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:500;background:#fff;transition:all .3s ease;resize:none;font-family:inherit}.admin-form-input:focus,.admin-form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fafbfc}.admin-form-input:disabled,.admin-form-textarea:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.admin-input-counter,.admin-textarea-counter{position:absolute;bottom:8px;right:12px;font-size:12px;color:#9ca3af;font-weight:600}.admin-input-counter .warning,.admin-textarea-counter .warning{color:#ef4444}.admin-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid rgba(0,0,0,.08)}.admin-btn{display:flex;align-items:center;gap:8px;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid;position:relative;overflow:hidden}.admin-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.admin-btn-secondary{color:#6b7280;background:#fff;border-color:#d1d5db}.admin-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.admin-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d}.admin-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b5ca6);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.admin-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.admin-modal-content{margin:12px;max-height:95vh;border-radius:16px}.admin-modal-header{padding:20px}.modal-title-group{gap:12px}.modal-title-icon{width:40px;height:40px}.admin-modal-title{font-size:18px}.admin-modal-form{padding:20px}.admin-category-grid{grid-template-columns:1fr}.admin-form-actions{flex-direction:column}.admin-btn{width:100%;justify-content:center}}@media (max-width: 480px){.admin-modal-header,.admin-modal-form{padding:16px}.admin-form-section{gap:20px}}.admin-modal-close:focus-visible,.admin-btn:focus-visible,.admin-category-option:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-reduced-motion: reduce){.admin-modal-shimmer,.admin-loading-spinner{animation:none}}.admin-search-container{margin-bottom:24px}.admin-search-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px 12px 0 0;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 6px #0000000d;position:relative;overflow:hidden}.admin-search-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.search-header-left{display:flex;flex-direction:column;gap:4px}.search-title-group{display:flex;align-items:center;gap:8px}.search-title-group h3{font-size:18px;font-weight:700;color:#1f2937;margin:0}.search-subtitle{font-size:14px;color:#6b7280;margin-left:28px}.search-header-right{display:flex;align-items:center;gap:8px}.active-filters-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:8px;font-size:12px;font-weight:600;box-shadow:0 4px 12px #f59e0b4d;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.admin-search-bar{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 12px 12px;border:1px solid rgba(255,255,255,.2);border-top:none;box-shadow:0 4px 6px #0000000d}.admin-search-input-wrapper{position:relative;flex:1;display:flex;align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease;overflow:hidden}.admin-search-input-wrapper:hover{border-color:#cbd5e1;background:#f1f5f9}.admin-search-focused{border-color:#667eea!important;background:#fff!important;box-shadow:0 0 0 4px #667eea1a!important;transform:translateY(-1px)}.admin-search-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#9ca3af;flex-shrink:0;transition:all .3s ease}.admin-search-focused .admin-search-icon{color:#667eea;transform:scale(1.1)}.admin-search-input{flex:1;padding:12px 8px 12px 0;background:transparent;border:none;outline:none;font-size:15px;color:#374151;font-weight:500}.admin-search-input::placeholder{color:#9ca3af;font-weight:400}.admin-search-focused .admin-search-input{color:#1f2937}.admin-clear-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#667eea1a;border:none;border-radius:8px;cursor:pointer;color:#667eea;transition:all .3s ease;margin-right:8px}.admin-clear-btn:hover{background:#667eea33;transform:scale(1.1)}.search-results-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#10b981;margin-right:8px;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.admin-new-post-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 15px #667eea4d;position:relative;overflow:hidden}.admin-new-post-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.admin-new-post-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;background:linear-gradient(135deg,#5a67d8,#6b5ca6)}.admin-new-post-btn:hover:before{left:100%}.admin-new-post-btn:active{transform:translateY(0)}.search-status{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:12px 16px;margin-top:8px;overflow:hidden}.search-status-text{display:flex;align-items:center;gap:8px;color:#059669;font-size:14px;font-weight:500}@media (max-width: 768px){.admin-search-header{padding:12px 16px;flex-direction:column;gap:8px;align-items:flex-start}.search-subtitle{margin-left:0;font-size:13px}.admin-search-bar{flex-direction:column;gap:12px;padding:12px 16px}.admin-search-input-wrapper{width:100%}.admin-new-post-btn{width:100%;justify-content:center}.active-filters-badge{font-size:11px;padding:4px 8px}}@media (max-width: 480px){.admin-search-header{padding:10px 12px}.search-title-group h3{font-size:16px}.admin-search-bar{padding:10px 12px}.admin-search-input{font-size:14px;padding:10px 6px 10px 0}.admin-search-icon{width:40px;height:40px}.admin-new-post-btn{padding:10px 16px;font-size:13px}.admin-new-post-btn span{display:none}}.admin-search-input:focus{outline:none}.admin-new-post-btn:focus-visible,.admin-clear-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-reduced-motion: reduce){.admin-search-header:before,.active-filters-badge,.search-results-indicator{animation:none}.admin-search-input-wrapper,.admin-clear-btn,.admin-new-post-btn{transition:none}}.admin-search-header,.admin-search-bar,.admin-search-input-wrapper{transform:translateZ(0);backface-visibility:hidden}@media (prefers-color-scheme: dark){.admin-search-header,.admin-search-bar{background:#1f2937f2;border-color:#4b556333}.search-title-group h3{color:#f9fafb}.search-subtitle{color:#d1d5db}.admin-search-input-wrapper{background:#37415180;border-color:#4b55634d}.admin-search-input{color:#f3f4f6}.admin-search-input::placeholder{color:#9ca3af}}.admin-categories-container{margin-bottom:24px}.admin-categories-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px 12px 0 0;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 6px #0000000d;position:relative;overflow:hidden}.admin-categories-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.categories-header-left{display:flex;flex-direction:column;gap:4px}.categories-title-group{display:flex;align-items:center;gap:8px}.categories-title-group h3{font-size:18px;font-weight:700;color:#1f2937;margin:0}.categories-subtitle{font-size:14px;color:#6b7280;margin-left:28px}.categories-header-right{display:flex;align-items:center;gap:12px}.categories-stats-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:8px;font-size:12px;font-weight:600;box-shadow:0 4px 12px #10b9814d}.categories-refresh-btn{padding:8px;background:#667eea1a;border:none;border-radius:8px;color:#667eea;cursor:pointer;transition:all .3s ease}.categories-refresh-btn:hover{background:#667eea33;transform:scale(1.05)}.admin-categories-filters{display:flex;flex-wrap:wrap;gap:12px;padding:20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 12px 12px;border:1px solid rgba(255,255,255,.2);border-top:none;box-shadow:0 4px 6px #0000000d}.admin-category-filter{position:relative;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;color:#64748b;overflow:hidden;min-width:fit-content}.admin-category-filter:hover{background:var(--category-bg);border-color:var(--category-color);color:var(--category-color);transform:translateY(-1px);box-shadow:0 6px 20px #0000001a}.admin-filter-active{background:var(--category-gradient);border-color:var(--category-color);color:#fff;box-shadow:0 6px 20px #00000026;transform:translateY(-1px)}.admin-filter-active:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.admin-filter-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--category-bg);color:var(--category-color);transition:all .3s ease;flex-shrink:0}.admin-category-filter:hover .admin-filter-icon{background:var(--category-color);color:#fff;transform:scale(1.1)}.admin-filter-active .admin-filter-icon{background:#fff3;color:#fff}.emoji-icon{font-size:16px}.admin-filter-content{display:flex;align-items:center;gap:8px}.admin-filter-name{font-weight:600;transition:all .3s ease}.admin-filter-badge{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:var(--category-bg);color:var(--category-color);border-radius:12px;font-size:12px;font-weight:700;padding:0 8px;transition:all .3s ease}.admin-category-filter:hover .admin-filter-badge{background:var(--category-color);color:#fff}.admin-filter-active .admin-filter-badge{background:#fff3;color:#fff}.admin-filter-indicator{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:0 0 12px 12px}.admin-filter-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--category-gradient);opacity:0;transition:opacity .3s ease;border-radius:12px;z-index:-1}.admin-category-filter:hover .admin-filter-glow{opacity:.1}.admin-categories-loading{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.2);overflow:hidden}.categories-skeleton-header{height:60px;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.categories-skeleton-filters{height:80px;background:linear-gradient(90deg,#f9fafb,#f3f4f6,#f9fafb);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;animation-delay:.1s}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-empty-categories{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.2);text-align:center;color:#6b7280;margin-top:24px}.empty-icon{color:#d1d5db;margin-bottom:16px}.admin-empty-categories h4{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.admin-empty-categories p{font-size:14px;color:#6b7280;margin:0}@media (max-width: 768px){.admin-categories-header{padding:12px 16px;flex-direction:column;gap:8px;align-items:flex-start}.categories-subtitle{margin-left:0;font-size:13px}.categories-header-right{width:100%;justify-content:space-between}.admin-categories-filters{gap:8px;padding:16px}.admin-category-filter{padding:10px 14px}.admin-filter-icon{width:32px;height:32px}.admin-filter-name{font-size:13px}.admin-filter-badge{font-size:11px;min-width:20px;height:20px;padding:0 6px}.categories-stats-badge{font-size:11px;padding:4px 8px}}@media (max-width: 480px){.admin-categories-header{padding:10px 12px}.categories-title-group h3{font-size:16px}.admin-categories-filters{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding:12px}.admin-categories-filters::-webkit-scrollbar{display:block;height:4px}.admin-categories-filters::-webkit-scrollbar-track{background:#f1f5f980;border-radius:2px}.admin-categories-filters::-webkit-scrollbar-thumb{background:#cbd5e1cc;border-radius:2px}.admin-category-filter{padding:8px 12px;min-width:fit-content}.admin-filter-icon{width:28px;height:28px}.categories-stats-badge{font-size:10px;padding:3px 6px}}.admin-category-filter:focus-visible,.categories-refresh-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-reduced-motion: reduce){.admin-categories-header:before,.categories-skeleton-header,.categories-skeleton-filters{animation:none}.admin-category-filter,.admin-filter-icon,.categories-refresh-btn{transition:none}}.admin-categories-header,.admin-categories-filters,.admin-category-filter{transform:translateZ(0);backface-visibility:hidden}@media (prefers-color-scheme: dark){.admin-categories-header,.admin-categories-filters{background:#1f2937f2;border-color:#4b556333}.categories-title-group h3{color:#f9fafb}.categories-subtitle{color:#d1d5db}.admin-category-filter{background:#374151cc;border-color:#4b55634d;color:#d1d5db}.admin-category-filter:hover{background:#374151e6}.admin-empty-categories{background:#1f2937f2}.admin-empty-categories h4{color:#f3f4f6}}.admin-category-filter:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.admin-category-filter:hover:after{left:100%}.admin-filter-active:after{display:none}.admin-post-card{position:relative;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;overflow:hidden;margin-bottom:20px;box-shadow:0 4px 6px #0000000d}.admin-post-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #00000026;border-color:var(--category-color)}.admin-post-pinned{background:linear-gradient(135deg,#fffbebf2,#fffffff2);border-left:4px solid #fbbf24;box-shadow:0 8px 25px #fbbf2433}.admin-shimmer-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fbbf24,#f59e0b,#fbbf24);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.admin-category-icon{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:12px;background:var(--category-gradient);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #00000026;z-index:2}.admin-pinned-badge{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:4px;padding:6px 10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-radius:8px;font-size:12px;font-weight:600;box-shadow:0 4px 12px #fbbf244d;z-index:2;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.admin-post-content{margin-bottom:20px;padding-top:8px}.admin-post-category{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--category-bg);color:var(--category-color);border-radius:8px;font-size:13px;font-weight:600;margin-bottom:12px;width:fit-content;border:1px solid rgba(0,0,0,.05)}.admin-post-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 12px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 1px 2px rgba(0,0,0,.05)}.admin-post-preview{font-size:15px;color:#6b7280;line-height:1.6;margin-bottom:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.admin-post-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.08)}.admin-post-author{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.admin-author-avatar-wrapper{position:relative;flex-shrink:0}.admin-author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.admin-post-card:hover .admin-author-avatar{border-color:var(--category-color);box-shadow:0 4px 12px #00000026}.admin-crown-indicator{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 6px #fbbf2466;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 2px 6px #fbbf2466}50%{box-shadow:0 4px 12px #fbbf2499}}.admin-author-info{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-author-name-line{display:flex;align-items:center;gap:8px}.admin-author-name{font-size:14px;font-weight:600;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-role-badge{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;box-shadow:0 2px 6px #10b9814d}.admin-post-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af}.admin-post-stats{display:flex;align-items:center;gap:6px;flex-shrink:0}.admin-stat-item{display:flex;align-items:center;gap:4px;padding:8px 10px;border-radius:8px;font-size:13px;color:#6b7280;transition:all .3s ease;background:transparent;border:none;cursor:default;font-weight:500}.admin-stat-item:hover{background:#667eea1a;color:#667eea;transform:scale(1.05)}.admin-like-button{cursor:pointer;color:#6b7280}.admin-like-button:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.admin-like-button.admin-liked{background:#ef44441a;color:#ef4444}.admin-like-button.admin-liked svg{fill:currentColor}.admin-action-menu{display:flex;align-items:center;gap:4px;margin-left:12px;padding-left:12px;border-left:1px solid rgba(0,0,0,.1)}.admin-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#6b7280;background:transparent}.admin-action-btn:hover{background:#667eea1a;color:#667eea;transform:scale(1.1)}.admin-pin-btn.admin-action-active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 4px 12px #fbbf244d}.admin-delete-btn:hover{background:#ef44441a;color:#ef4444}@media (max-width: 768px){.admin-post-card{padding:20px;margin-bottom:16px}.admin-category-icon{width:36px;height:36px;top:12px;right:12px}.admin-pinned-badge{top:12px;left:12px;padding:4px 8px;font-size:11px}.admin-post-title{font-size:18px}.admin-post-preview{font-size:14px;-webkit-line-clamp:2;line-clamp:2}.admin-post-footer{flex-direction:column;align-items:flex-start;gap:12px}.admin-post-stats{align-self:flex-end}.admin-author-avatar{width:36px;height:36px}.admin-crown-indicator{width:18px;height:18px;top:-3px;right:-3px}}@media (max-width: 480px){.admin-post-card{padding:16px;border-radius:12px}.admin-post-title{font-size:16px;margin-bottom:10px}.admin-post-preview{font-size:13px}.admin-author-avatar{width:32px;height:32px}.admin-post-stats{gap:4px}.admin-stat-item{font-size:12px;padding:6px 8px}.admin-action-btn{width:28px;height:28px}.admin-category-icon{width:32px;height:32px}}.admin-post-card:focus-visible{outline:2px solid #667eea;outline-offset:2px}.admin-like-button:focus-visible,.admin-action-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-reduced-motion: reduce){.admin-shimmer-bar,.admin-pinned-badge,.admin-crown-indicator{animation:none}.admin-post-card,.admin-stat-item,.admin-action-btn{transition:none}}.admin-post-card,.admin-category-icon,.admin-pinned-badge{transform:translateZ(0);backface-visibility:hidden}@media (prefers-color-scheme: dark){.admin-post-card{background:#1f2937f2;border-color:#4b556333}.admin-post-title{color:#f9fafb}.admin-post-preview{color:#d1d5db}.admin-author-name{color:#f3f4f6}.admin-post-meta{color:#9ca3af}}.admin-empty-state{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;background:#ffffff80;border-radius:20px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.admin-empty-icon-wrapper{position:relative;margin-bottom:24px}.admin-empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;box-shadow:0 8px 32px #667eea4d;position:relative;z-index:2}.admin-empty-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;opacity:.2;filter:blur(15px);animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}.admin-empty-content{margin-bottom:32px}.admin-empty-title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 12px;background:linear-gradient(135deg,#1f2937,#4b5563);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-empty-description{font-size:16px;color:#6b7280;margin:0;line-height:1.6;max-width:400px}.admin-empty-action{z-index:2;position:relative}.admin-empty-decorations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.decoration{position:absolute;color:#667eea;opacity:.3}.decoration-1{top:20%;left:15%;animation:float 4s ease-in-out infinite}.decoration-2{top:30%;right:20%;animation:float 4s ease-in-out infinite;animation-delay:1s}.decoration-3{bottom:25%;left:20%;animation:float 4s ease-in-out infinite;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(180deg)}}@media (max-width: 768px){.admin-empty-state{padding:40px 20px}.admin-empty-icon{width:64px;height:64px}.admin-empty-title{font-size:20px}.admin-empty-description{font-size:14px}}.admin-loading-state{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;background:#ffffff80;border-radius:20px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.admin-loading-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.admin-loading-spinner{color:#667eea;z-index:2;position:relative}.admin-loading-glow{position:absolute;width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;opacity:.2;filter:blur(20px);animation:glow-pulse 2s ease-in-out infinite}.admin-loading-ring{position:absolute;border:2px solid rgba(102,126,234,.2);border-radius:50%;z-index:1}.admin-loading-ring.ring-1{width:80px;height:80px}.admin-loading-ring.ring-2{width:100px;height:100px}.admin-loading-content{text-align:center;z-index:2;position:relative}.admin-loading-message{color:#667eea;font-size:16px;font-weight:500;margin-bottom:8px}.admin-loading-dots{display:inline-flex;gap:4px;color:#8b9dc3;font-size:20px;font-weight:700}.admin-loading-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.loading-decoration{position:absolute;color:#667eea;opacity:.3;animation:float 3s ease-in-out infinite}.loading-decoration.decoration-1{top:20%;left:20%;animation-delay:0s}.loading-decoration.decoration-2{top:30%;right:25%;animation-delay:1s}.loading-decoration.decoration-3{bottom:25%;left:30%;animation-delay:2s}@keyframes glow-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-10px) scale(1.1);opacity:.6}}@media (max-width: 768px){.admin-loading-state{padding:40px 16px}.admin-loading-message{font-size:14px}.admin-loading-ring.ring-1{width:60px;height:60px}.admin-loading-ring.ring-2{width:80px;height:80px}.admin-loading-glow{width:50px;height:50px}}.admin-posts-container{margin-bottom:24px}.admin-posts-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;border-radius:16px 16px 0 0;position:relative;overflow:hidden}.admin-posts-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.posts-header-left{display:flex;flex-direction:column;gap:4px}.posts-title-group{display:flex;align-items:center;gap:12px}.posts-title-group h3{font-size:24px;font-weight:700;margin:0;color:#fff}.posts-subtitle{font-size:14px;color:#d1d5db;margin-left:36px}.posts-header-right{display:flex;align-items:center;gap:16px}.quick-stats{display:flex;gap:12px}.quick-stat-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff1a;border-radius:8px;font-size:13px;font-weight:500;color:#e5e7eb}.posts-refresh-btn{padding:10px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.posts-refresh-btn:hover{background:#fff3;transform:scale(1.05)}.admin-posts-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 16px 16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);border-top:none;overflow:hidden}.admin-filter-status{padding:16px 24px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:1px solid rgba(102,126,234,.2)}.filter-status-content{display:flex;align-items:center;gap:8px;color:#667eea;font-size:14px;font-weight:500}.filter-result-count{margin-left:auto;padding:4px 8px;background:#667eea33;color:#667eea;border-radius:6px;font-size:12px;font-weight:600}.admin-posts-list{padding:24px;display:flex;flex-direction:column;gap:20px}.admin-loading-wrapper,.admin-empty-wrapper{padding:40px 24px}.admin-empty-action-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.admin-empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.admin-load-more-container{padding:24px;display:flex;justify-content:center;border-top:1px solid rgba(0,0,0,.08)}.admin-load-more-btn{position:relative;display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#667eea;border:2px solid #667eea;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;box-shadow:0 4px 15px #0000000d}.admin-load-more-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.load-more-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.admin-load-more-btn:hover .load-more-shine{left:100%}@media (max-width: 768px){.admin-posts-header{padding:16px 20px;flex-direction:column;gap:12px;align-items:flex-start}.posts-header-right{width:100%;justify-content:space-between}.posts-subtitle{margin-left:0;font-size:13px}.quick-stats{gap:8px}.quick-stat-item{padding:4px 8px;font-size:12px}.admin-posts-list{padding:16px;gap:16px}.admin-filter-status{padding:12px 16px}.admin-load-more-container{padding:16px}.admin-load-more-btn{width:100%;justify-content:center}}@media (max-width: 480px){.admin-posts-header{padding:12px 16px}.posts-title-group h3{font-size:20px}.admin-posts-list{padding:12px}.quick-stats{flex-direction:column;gap:6px}.filter-status-content{flex-direction:column;align-items:flex-start;gap:8px}.filter-result-count{margin-left:0;align-self:flex-end}}.posts-refresh-btn:focus-visible,.admin-empty-action-btn:focus-visible,.admin-load-more-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-reduced-motion: reduce){.admin-posts-header:before,.load-more-shine{animation:none}.admin-load-more-btn,.posts-refresh-btn{transition:none}}.admin-posts-header,.admin-posts-content,.admin-load-more-btn{transform:translateZ(0);backface-visibility:hidden}@media (prefers-color-scheme: dark){.admin-posts-content{background:#1f2937f2;border-color:#4b556333}.admin-filter-status{background:#1f2937cc}.filter-status-content{color:#93c5fd}}.board-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f172a);padding:2rem 1rem}.board-wrapper{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.board-header{display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);color:#fff}.header-content{flex:1;text-align:center}.header-icon-group{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.header-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.header-notification{color:gold;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.board-title{font-size:2.5rem;font-weight:800;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.board-subtitle{font-size:1.1rem;margin:.5rem 0 0;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.refresh-button:hover{background:#ffffff4d;transform:translateY(-1px)}.refresh-button.refreshing{opacity:.7;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.board-controls{display:flex;gap:1rem;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.search-container{flex:1;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666;z-index:1}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.new-post-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.new-post-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.new-post-button:active{transform:translateY(0)}.category-filters{display:flex;gap:.5rem;flex-wrap:wrap;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.category-filter{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid #e1e5e9;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;color:#374151}.category-filter:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.category-filter-active{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.category-count{background:#0000001a;color:inherit;padding:.25rem .5rem;border-radius:6px;font-size:.875rem;font-weight:600}.category-filter-active .category-count{background:#fff3}.posts-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.posts-list{display:flex;flex-direction:column;gap:1.5rem}.post-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #e1e5e9;transition:all .3s ease;position:relative;overflow:hidden}.post-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f;border-color:#667eea}.post-card-pinned{border-left:4px solid #ffd700;background:linear-gradient(135deg,#fffbf0,#fff)}.post-card-pinned:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,gold,#ffed4e)}.pin-indicator{display:flex;align-items:center;gap:.5rem;color:gold;font-size:.875rem;font-weight:600;margin-bottom:1rem;padding:.5rem .75rem;background:#ffd7001a;border-radius:8px;width:fit-content}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.post-author{display:flex;align-items:center;gap:.75rem}.author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #e1e5e9}.author-info{display:flex;flex-direction:column;gap:.25rem}.author-name-line{display:flex;align-items:center;gap:.5rem}.author-name{font-weight:600;color:#1f2937;font-size:1rem}.admin-badge{display:flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,gold,#ffed4e);color:#92400e;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.post-meta{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.post-category{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;background:#667eea1a;font-size:.875rem;font-weight:500}.category-label{font-weight:600}.post-content{margin-bottom:1.5rem}.post-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .75rem;line-height:1.4}.post-text{color:#4b5563;line-height:1.6;margin:0;font-size:1rem}.post-stats{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e5e7eb}.stats-left{display:flex;gap:1.5rem}.stat-item{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.stats-right{display:flex;align-items:center;gap:.75rem}.like-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;transition:all .3s ease;font-size:.875rem}.like-button:hover{border-color:#ef4444;color:#ef4444;transform:scale(1.05)}.like-button-active{border-color:#ef4444;background:#ef4444;color:#fff}.like-button-active:hover{background:#dc2626}.admin-menu{display:flex;gap:.5rem}.admin-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;transition:all .3s ease}.admin-button:hover{border-color:#667eea;color:#667eea;transform:scale(1.05)}.admin-button-active{border-color:#667eea;background:#667eea;color:#fff}.admin-button-danger:hover{border-color:#ef4444;color:#ef4444}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#6b7280}.empty-icon{margin-bottom:1rem;color:#d1d5db}.empty-state h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#374151}.empty-state p{font-size:1rem;margin:0 0 1.5rem;color:#6b7280}.empty-action-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.empty-action-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.access-denied,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#fff}.access-denied h3,.error-container h3{color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#fff}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#fff}.error-container h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#ef4444}.error-container p{font-size:1rem;margin:0 0 1.5rem;color:#6b7280}.error-retry-button{padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-retry-button:hover{background:#dc2626;transform:translateY(-1px)}.load-more-container{display:flex;justify-content:center;margin-top:1rem}.load-more-button{padding:.75rem 2rem;background:#ffffffe6;color:#667eea;border:2px solid #667eea;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.load-more-button:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;color:#6b7280;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:2rem;flex:1;overflow-y:auto}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:1rem}.modal-button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}@media (max-width: 768px){.board-container{padding:1rem .5rem}.board-title{font-size:2rem}.board-subtitle{font-size:1rem}.board-controls{flex-direction:column;gap:1rem}.category-filters{justify-content:center}.category-filter{flex:1;min-width:0;justify-content:center}.post-header{flex-direction:column;gap:1rem;align-items:flex-start}.post-category{align-self:flex-start}.post-title{font-size:1.25rem}.post-stats{flex-direction:column;gap:1rem;align-items:flex-start}.stats-right{width:100%;justify-content:space-between}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}@media (max-width: 480px){.board-wrapper{gap:1rem}.board-controls,.category-filters,.posts-section,.post-card{padding:1rem}.category-filters{flex-direction:column}.category-filter{width:100%}.author-avatar{width:40px;height:40px}.post-title{font-size:1.125rem}.stats-left{gap:1rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.new-post-button:focus,.category-filter:focus,.like-button:focus,.admin-button:focus,.search-input:focus{outline:2px solid #667eea;outline-offset:2px}.posts-section::-webkit-scrollbar{width:6px}.posts-section::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.posts-section::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.posts-section::-webkit-scrollbar-thumb:hover{background:#94a3b8}.contact-container{min-height:100vh;background:linear-gradient(135deg,#1e40af,#3b82f6 30%,#60a5fa 70%,#93c5fd);display:flex;align-items:center;justify-content:center;padding:2rem;font-family:Inter,sans-serif}.contact-wrapper{max-width:520px;width:100%}.contact-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem 2rem;text-align:center;box-shadow:0 20px 40px #0003}.contact-icon{color:#3b82f6;margin-bottom:1.5rem}.contact-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.contact-message{color:#6b7280;line-height:1.6;margin-bottom:2rem}.contact-message p{margin-bottom:1rem}.contact-message strong{color:#3b82f6;font-weight:600}.inline-heart{display:inline;color:#ef4444;vertical-align:middle}.team-info{display:flex;align-items:center;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1rem;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:12px}.team-info svg{color:#3b82f6}.team-info h3{margin:0 0 .25rem;font-size:1rem;color:#374151}.team-name{font-weight:600;color:#3b82f6;margin:0 0 .25rem}.team-description{font-size:.875rem;color:#6b7280;margin:0}.contact-section{display:flex;align-items:center;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1rem;background:#f8fafc;border-radius:12px}.contact-section svg{color:#7c3aed}.contact-section h3{margin:0 0 .25rem;font-size:1rem;color:#374151}.contact-email{color:#7c3aed;text-decoration:none;font-weight:500;display:block;margin-bottom:.25rem}.contact-email:hover{text-decoration:underline}.contact-note{font-size:.875rem;color:#6b7280;margin:0}.action-buttons{display:flex;gap:1rem;justify-content:center}.home-btn,.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.home-btn{background:#3b82f6;color:#fff}.home-btn:hover{background:#2563eb;transform:translateY(-1px)}.logout-btn{background:#6b7280;color:#fff}.logout-btn:hover{background:#4b5563;transform:translateY(-1px)}#root{width:100%;min-height:100vh;background-color:#fff}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%}.page-transition{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.page-transition{animation:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.global-loading{min-height:50vh;display:flex;align-items:center;justify-content:center;padding:2rem}.global-loading .loading-container{text-align:center}.error-fallback{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#fef2f2}.error-container{text-align:center;max-width:500px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;border:1px solid #fecaca}.error-container h2{color:#dc2626;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.error-message{color:#ef4444;margin:1rem 0 2rem;padding:1rem;background-color:#fef2f2;border-radius:8px;border-left:4px solid #ef4444;font-family:monospace;font-size:.9rem;text-align:left}.error-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.retry-button,.home-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;font-size:.9rem}.retry-button{background-color:#3b82f6;color:#fff}.retry-button:hover{background-color:#2563eb;transform:translateY(-1px)}.home-button{background-color:#6b7280;color:#fff}.home-button:hover{background-color:#4b5563;transform:translateY(-1px)}.not-found-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.not-found-container{text-align:center;color:#fff;max-width:600px}.error-code{font-size:8rem;font-weight:900;margin:0;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:1rem}.error-title{font-size:2rem;font-weight:600;margin-bottom:1rem;color:#f8fafc}.error-description{font-size:1.1rem;margin-bottom:2rem;color:#e2e8f0;line-height:1.6}.home-link,.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;margin:0 .5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease-in-out;border:2px solid transparent}.home-link{background-color:#3b82f6;color:#fff}.home-link:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.back-button{background-color:transparent;color:#fff;border-color:#fff}.back-button:hover{background-color:#fff;color:#667eea;transform:translateY(-2px)}@media (max-width: 768px){.error-code{font-size:5rem}.error-title{font-size:1.5rem}.error-description{font-size:1rem}.error-actions{flex-direction:column;align-items:center}.home-link,.back-button{width:100%;max-width:200px;justify-content:center;margin:.25rem 0}.page-container{padding:1rem}.error-container{padding:1.5rem;margin:1rem}}@media (max-width: 480px){.error-code{font-size:4rem}.global-loading,.error-fallback,.not-found-page{padding:1rem;min-height:50vh}}.retry-button:focus,.home-button:focus,.home-link:focus,.back-button:focus{outline:2px solid #3b82f6;outline-offset:2px}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media print{.error-fallback,.not-found-page{display:none}.page-transition{animation:none!important}}@media (prefers-contrast: high){.error-container{border-width:2px;box-shadow:none}.retry-button,.home-button,.home-link,.back-button{border:2px solid currentColor}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in{animation:slideIn .3s ease-in-out}.loading-spinner{animation:logo-spin 1s linear infinite}@media (hover: hover){.interactive-element:hover{transform:translateY(-2px);transition:transform .2s ease-in-out}}:root{--primary: #000000;--primary-hover: #333333;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-red: #ef4444;--accent-yellow: #f59e0b;--header-height: 72px;--container-max: 1200px;--spacing-unit: 8px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-handwriting: "Kalam", cursive;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--gray-900);background-color:#fff;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--gray-900);margin:0}h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:300;letter-spacing:-.03em}h2{font-size:clamp(2rem,4vw,3rem);font-weight:300;letter-spacing:-.02em}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:400;letter-spacing:-.01em}p{margin:0;color:var(--gray-700);font-weight:400}a{color:inherit;text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:500;transition:all .2s ease;font-family:var(--font-sans);border:none;cursor:pointer;text-decoration:none}.btn:focus{outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--gray-900);color:#fff;padding:1rem 2rem;border-radius:0}.btn-primary:hover:not(:disabled){background-color:var(--gray-800)}.btn-secondary{background-color:#fff;color:var(--gray-900);border:1px solid var(--gray-200);padding:1rem 2rem;border-radius:0}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50)}.btn-ghost{color:var(--gray-900);padding:.75rem 1.5rem;border-radius:0}.btn-ghost:hover:not(:disabled){background-color:var(--gray-100)}.btn-sm{padding:.625rem 1.5rem;font-size:.875rem}.btn-lg{padding:1.25rem 2.5rem;font-size:1.125rem}input,textarea,select{font-family:inherit;font-size:1rem;line-height:1.5;padding:.875rem 1rem;border:1px solid var(--gray-200);border-radius:0;background-color:#fff;color:var(--gray-900);transition:border-color .2s ease;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gray-900)}input::placeholder,textarea::placeholder{color:var(--gray-400);font-weight:400}.container-wide{max-width:1280px;margin:0 auto;padding:0 1.5rem}.container-narrow{max-width:896px;margin:0 auto;padding:0 1.5rem}.card{background-color:#fff;border:1px solid var(--gray-100);padding:2rem;transition:all .3s ease}.card:hover{box-shadow:0 10px 15px -3px #0000001a}.card-hover:hover{transform:translateY(-.25rem);box-shadow:0 20px 25px -5px #0000001a}.text-balance{text-wrap:balance}.font-handwriting{font-family:var(--font-handwriting)}.section-padding{padding:4rem 0}@media (min-width: 768px){.section-padding{padding:6rem 0}}:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-green-500: #10b981;--color-green-600: #059669;--color-purple-500: #667eea;--color-purple-600: #764ba2;--color-gold-400: #ffd700;--color-gold-500: #ffc107;--color-orange-500: #ff6b6b;--color-yellow-400: #ffd93d;--glass-light: rgba(255, 255, 255, .1);--glass-medium: rgba(255, 255, 255, .15);--glass-heavy: rgba(255, 255, 255, .2);--glass-gold: rgba(255, 215, 0, .1);--glass-blue: rgba(102, 126, 234, .1);--glass-muted: rgba(156, 163, 175, .08);--glass-subtle: rgba(255, 255, 255, .05);--border-glass: rgba(255, 255, 255, .2);--border-glass-active: rgba(255, 255, 255, .3);--border-glass-gold: rgba(255, 215, 0, .3);--border-glass-blue: rgba(102, 126, 234, .3);--gradient-primary: linear-gradient(135deg, var(--color-purple-500) 0%, var(--color-purple-600) 100%);--gradient-text: linear-gradient(45deg, #ffffff, #e0e7ff, #c7d2fe);--gradient-accent: linear-gradient(90deg, var(--color-purple-500), var(--color-purple-600), var(--color-orange-500), var(--color-yellow-400));--gradient-gold: linear-gradient(45deg, var(--color-gold-400), var(--color-gold-500));--gradient-shimmer: linear-gradient(90deg, transparent, rgba(255, 255, 255, .1), transparent);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(31, 38, 135, .37);--shadow-glass-hover: 0 12px 40px rgba(31, 38, 135, .5);--shadow-glass-large: 0 20px 60px rgba(31, 38, 135, .6);--shadow-gold: 0 4px 20px rgba(255, 215, 0, .3);--shadow-avatar: 0 8px 25px rgba(0, 0, 0, .15);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-glass: .4s cubic-bezier(.4, 0, .2, 1);--animation-duration-fast: .3s;--animation-duration-normal: .6s;--animation-duration-slow: 1s;--animation-timing: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--text-base);line-height:1.6;color:var(--color-gray-800);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}.glass-card{background:var(--glass-medium);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);transition:var(--transition-glass);position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-glass-large);border-color:var(--border-glass-active)}.glass-card--light{background:var(--glass-light)}.glass-card--heavy{background:var(--glass-heavy)}.glass-card--gold{background:var(--glass-gold);border-color:var(--border-glass-gold)}.shimmer-effect:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-shimmer);transition:left .6s ease;z-index:0}.shimmer-effect:hover:before{left:100%}.shimmer-effect>*{position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes glow{0%,to{text-shadow:0 4px 8px rgba(0,0,0,.3)}50%{text-shadow:0 4px 8px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.2)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s infinite}.animate-shimmer{animation:shimmer 3s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:var(--spacing-8)}.access-denied h3{font-size:var(--text-2xl);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-2)}.access-denied p{color:var(--color-gray-600);font-size:var(--text-base)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.page-container{min-height:100vh;background:var(--gradient-primary);padding:var(--spacing-8) var(--spacing-4);position:relative}.page-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.page-title{font-size:var(--text-3xl);font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:var(--spacing-8)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid var(--glass-light);border-top:4px solid var(--color-purple-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-6)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}