.app,.layout{min-height:100vh;display:flex;flex-direction:column;width:100%}.main-content{flex:1;width:100%;display:flex;flex-direction:column;padding-bottom:0;min-height:0}.main-content.chat-page{padding:0;overflow:hidden}@media(max-width:768px){.main-content{padding-bottom:70px}.main-content.chat-page{padding-bottom:0}}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;font-weight:500;font-family:Montserrat,sans-serif}body.dark .loading,body.light .loading{color:#14b8a6}.afinexo-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background-color:#0d131f;border-top:1px solid #374151;padding:8px 0;z-index:1000;justify-content:space-around;align-items:center}@media(max-width:768px){.afinexo-bottom-nav{display:flex}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;text-decoration:none;color:#d1d5db;transition:color .15s;min-width:60px;position:relative}.bottom-nav-item i{font-size:24px;margin-bottom:4px}.bottom-nav-item span{font-size:11px;font-weight:500;font-family:Montserrat,sans-serif}.chat-badge-bottom{position:absolute;top:4px;right:8px;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;font-family:Montserrat,sans-serif;color:#fff;background-color:#ef4444;animation:pulse-badge 2s infinite;z-index:10}.chat-badge-green-bottom{background-color:#10b981;right:26px;animation:none}.bottom-nav-item.active,.bottom-nav-item:hover{color:#14b8a6}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background-color:#000000f2;padding:20px;z-index:9999;border-top:3px solid #1CC6DD;box-shadow:0 -4px 12px #0000004d}.cookie-banner-content{max-width:1200px;width:100%;margin:0 auto}.cookie-banner-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 10px;font-family:Montserrat,sans-serif}.cookie-banner-text{font-size:14px;color:#ccc;line-height:1.5;margin:0 0 10px;font-family:Montserrat,sans-serif}.cookie-banner-link{background:none;border:none;font-size:14px;color:#1cc6dd;text-decoration:underline;cursor:pointer;margin-bottom:15px;padding:0;font-family:Montserrat,sans-serif;display:inline-block}.cookie-banner-link:hover{color:#18b3c8}.cookie-banner-buttons{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.cookie-reject-button,.cookie-accept-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:Montserrat,sans-serif;transition:all .2s}.cookie-reject-button{background:transparent;border:1px solid #666666;color:#fff}.cookie-reject-button:hover{border-color:#888;background-color:#6666661a}.cookie-accept-button{background-color:#1cc6dd;border:none;color:#fff}.cookie-accept-button:hover{background-color:#18b3c8}@media(max-width:768px){.cookie-banner{padding:16px}.cookie-banner-buttons{justify-content:stretch}.cookie-reject-button,.cookie-accept-button{flex:1}}.afinexo-footer{width:100%;background-color:#0d131f;border-top:1px solid #374151;margin-top:auto;font-family:Montserrat,sans-serif}.afinexo-footer-container{max-width:1280px;margin:0 auto;padding:48px 16px 24px}.afinexo-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:32px}.afinexo-footer-section{display:flex;flex-direction:column;gap:16px}.afinexo-footer-title{font-size:18px;font-weight:700;color:#1cc6dd;margin:0;font-family:Montserrat,sans-serif}.afinexo-footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.afinexo-footer-links li a{color:#fff;text-decoration:none;font-size:14px;font-weight:400;transition:color .15s;font-family:Montserrat,sans-serif}.afinexo-footer-links li a:hover{color:#14b8a6}.afinexo-footer-bottom{padding-top:24px;border-top:1px solid #374151;text-align:center}.afinexo-footer-copyright{color:#9ca3af;font-size:12px;margin:0;font-family:Montserrat,sans-serif}@media(max-width:1024px){.afinexo-footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media(max-width:640px){.afinexo-footer-grid{grid-template-columns:1fr;gap:24px}.afinexo-footer-container{padding:32px 16px 20px}}.afinexo-header{width:100%;background-color:#0d131f;border-bottom:1px solid #374151;position:sticky;top:0;z-index:1000}.afinexo-header-container{max-width:1280px;margin:0 auto;padding:0 16px;height:64px;display:flex;align-items:center;justify-content:space-between}.afinexo-logo{display:flex;align-items:center;text-decoration:none}.afinexo-logo-img{height:40px;width:auto}.afinexo-nav-desktop{display:none;align-items:center;gap:8px;flex:1;justify-content:center}@media(min-width:769px){.afinexo-nav-desktop{display:flex}}.afinexo-header-actions{display:flex;align-items:center;gap:8px}.afinexo-panel-indicator{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:4px;cursor:pointer;transition:transform .2s}.afinexo-panel-indicator:hover{transform:scale(1.1)}.panel-badge{min-width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;font-family:Montserrat,sans-serif;color:#fff;transition:background-color .3s}.panel-badge.no-pending{background-color:#10b981}.panel-badge.has-pending{background-color:#ef4444;animation:pulse-badge 2s infinite}.afinexo-nav-button .chat-badge{position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;left:20px!important;min-width:18px!important;height:18px!important;border-radius:50%;display:flex!important;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:Montserrat,sans-serif;color:#fff;background-color:#ef4444;animation:pulse-badge 2s infinite;z-index:10;flex-shrink:0}.afinexo-nav-button .chat-badge.chat-badge-green{background-color:#10b981!important;left:42px!important;animation:none!important}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.afinexo-auth-buttons{display:flex;align-items:center;gap:8px}.afinexo-nav-button{position:relative;display:flex;align-items:center;gap:12px;padding:12px 24px;border-radius:8px;font-size:14px;line-height:1.25rem;font-weight:500;font-family:Montserrat,sans-serif;white-space:nowrap;cursor:pointer;transition:color .15s,background-color .15s;text-decoration:none;color:#d1d5db;background-color:transparent;border:none;outline:none}.afinexo-nav-button:hover,.afinexo-nav-button.active{color:#14b8a6;background-color:#1f2937}.afinexo-nav-button i{font-size:18px}.afinexo-nav-button-primary{background-color:#14b8a6;color:#fff}.afinexo-nav-button-primary:hover{background-color:#0d9488;color:#fff}.afinexo-theme-toggle{padding:8px;min-width:auto}@media(max-width:768px){.afinexo-nav-desktop .afinexo-nav-button span,.afinexo-profile-button .desktop-only{display:none}.afinexo-nav-button{padding:8px 12px}.afinexo-logo-img{height:32px}.afinexo-auth-buttons .afinexo-nav-button span{display:inline}}body.light{--background: #E2E8F0;--surface: #FFFFFF;--text: #1F2937;--text-secondary: #6B7280;--primary: #8B5CF6;--primary-hover: #7C3AED;--border: #E5E7EB;--error: #EF4444}body.dark{--background: #111827;--surface: #1F2937;--text: #F9FAFB;--text-secondary: #9CA3AF;--primary: #A78BFA;--primary-hover: #8B5CF6;--border: #374151;--error: #F87171}.onboarding-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;overflow-y:auto;padding:20px;color-scheme:light}.onboarding-container{background:#1f2937;border-radius:16px;padding:40px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;color:#f9fafb}.onboarding-logo{text-align:center;margin-bottom:20px}.onboarding-logo img{width:120px;height:auto}.onboarding-welcome{text-align:center;margin-bottom:30px}.onboarding-welcome h1{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.onboarding-welcome p{font-size:16px;color:#ffffffe6;margin:0;line-height:1.5}.onboarding-progress{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:30px}.progress-dot{width:10px;height:10px;border-radius:50%;background:#d1d5db;transition:all .3s ease}.progress-dot.active{width:12px;height:12px;background:#14b8a6}.onboarding-step{margin-bottom:20px}.onboarding-step h2{font-size:22px;font-weight:600;color:#fff;text-align:center;margin:0 0 10px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.onboarding-step .subtitle{font-size:14px;color:#ffffffd9;text-align:center;margin:0 0 20px;line-height:1.5}.onboarding-input,.onboarding-textarea{width:100%;padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:16px;color:#111827;background:#fff;transition:all .2s}.onboarding-input:focus,.onboarding-textarea:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.onboarding-input.error{border-color:#ef4444}.onboarding-textarea{resize:vertical;min-height:120px;font-family:inherit}.error-text{color:#fca5a5;font-size:14px;margin:8px 0 0;text-align:center}.info-text{color:#fffc;font-size:13px;margin:8px 0;text-align:center;line-height:1.5}.success-text{color:#6ee7b7;font-size:14px;margin:8px 0 0;text-align:center}.character-count{font-size:12px;color:#fff9;text-align:right;margin:4px 0 0}.onboarding-button{width:100%;padding:16px;background:#14b8a6;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:20px}.onboarding-button:hover:not(:disabled){background:#0d9488;transform:translateY(-1px);box-shadow:0 4px 12px #14b8a64d}.onboarding-button:active:not(:disabled){transform:translateY(0)}.onboarding-button:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.onboarding-back-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:#14b8a6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:20px}.onboarding-back-button:hover{background:#0d9488;transform:translateY(-1px);box-shadow:0 4px 12px #14b8a64d}.onboarding-back-button:active{transform:translateY(0)}.onboarding-back-button i{font-size:18px}.gender-buttons{display:flex;flex-direction:column;gap:16px;margin-top:20px}.gender-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;border:1px solid #D1D5DB;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;font-size:18px;font-weight:600;color:#111827}.gender-button i{font-size:32px}.gender-button:hover:not(:disabled){border-color:#14b8a6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.gender-button.selected{background:#14b8a6;border-color:#14b8a6;color:#fff}.gender-button:disabled{cursor:not-allowed;opacity:.6}.location-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#14b8a6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:20px}.location-button:hover:not(:disabled){background:#0d9488}.location-button:disabled{background:#9ca3af;cursor:not-allowed}.or-text{text-align:center;color:#ffffffb3;font-size:14px;margin:16px 0}.suggestions-list{max-height:200px;overflow-y:auto;margin-top:10px;border:1px solid #E5E7EB;border-radius:8px;background:#fff!important}.suggestion-item{display:flex;align-items:center;gap:10px;padding:12px;border:none;border-bottom:1px solid #E5E7EB;background:#fff!important;width:100%;text-align:left;cursor:pointer;transition:background .2s;font-size:14px;color:#111827!important}.suggestion-item:hover{background:#f3f4f6!important}.suggestion-item i{color:#14b8a6!important;font-size:16px;flex-shrink:0}.suggestion-item span{color:#111827!important;flex:1;font-weight:400}.field-label{font-size:14px;color:#ffffffd9;text-align:center;margin:16px 0 4px;font-weight:500}.field-value{font-size:16px;color:#fff;text-align:center;margin:0 0 8px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.hobbies-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hobby-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #D1D5DB;border-radius:20px;background:#fff;cursor:pointer;transition:all .2s;font-size:14px;color:#111827}.hobby-chip:hover:not(:disabled){border-color:#14b8a6;transform:translateY(-1px)}.hobby-chip.selected{background:#14b8a6;border-color:#14b8a6;color:#fff}.hobby-chip.added{opacity:.5;cursor:not-allowed}.hobby-chip i{font-size:16px;color:#14b8a6}.hobby-chip.selected i{color:#fff}.user-count{font-size:11px;color:#6b7280;margin-left:4px}.create-hobby-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#14b8a6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:12px}.create-hobby-button:hover{background:#0d9488}.selected-hobbies,.popular-hobbies{margin-top:20px}.selected-hobbies h3,.popular-hobbies h3{font-size:16px;font-weight:600;color:#f9fafb;margin:0 0 12px}.popular-hobbies .hobby-chip{font-size:13px;padding:8px 12px}.popular-hobbies .hobby-chip i{font-size:14px}.popular-hobbies .user-count{font-size:11px}.photo-tabs{display:flex;gap:8px;margin:20px 0}.photo-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:#374151;color:#ffffffb3;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.photo-tab:hover{background:#4b5563}.photo-tab.active{background:#0d9488;color:#fff;box-shadow:0 2px 8px #0d94884d}.photo-tab i{font-size:16px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.photo-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#374151}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-delete-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s;font-size:16px}.photo-delete-btn:hover{background:#ef4444;transform:scale(1.1)}.photo-pending-badge{position:absolute;bottom:0;left:0;right:0;background:#fbbf24f2;color:#78350f;padding:4px 8px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px}.photo-add-btn{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#374151;color:#fffc;border:2px dashed rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:600}.photo-add-btn:hover{background:#4b5563;border-color:#14b8a6;color:#14b8a6}.photo-add-btn i{font-size:32px}@media(max-width:640px){.onboarding-container{padding:24px;max-height:95vh}.onboarding-welcome h1{font-size:20px}.onboarding-step h2{font-size:18px}.gender-buttons{gap:12px}.gender-button{padding:16px}.gender-button i{font-size:24px}}.activate-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}body.dark .activate-container{background-color:#111827}body.light .activate-container{background-color:#f9fafb}.activate-card{background:#fff;border-radius:16px;padding:48px 32px;max-width:480px;width:100%;text-align:center;box-shadow:0 4px 6px -1px #0000001a}body.dark .activate-card{background:#1f2937;box-shadow:0 4px 6px -1px #0000004d}.activate-card .spinner{width:48px;height:48px;border:4px solid;border-color:#14B8A6 transparent #14B8A6 transparent;border-radius:50%;animation:spin 1.2s linear infinite;margin:0 auto 24px}.icon-container{margin-bottom:24px}.icon-container i{font-size:64px}.icon-container.success i{color:#10b981}.icon-container.error i{color:#ef4444}.activate-card h2{font-size:24px;font-weight:600;margin-bottom:12px}body.dark .activate-card h2{color:#f9fafb}body.light .activate-card h2{color:#111827}.activate-card p{font-size:16px;margin-bottom:8px}body.dark .activate-card p{color:#9ca3af}body.light .activate-card p{color:#6b7280}.redirect-text{font-size:14px;font-style:italic;margin-top:16px}body.dark .redirect-text{color:#6b7280}body.light .redirect-text{color:#9ca3af}.error-text{color:#ef4444;font-weight:500;margin-bottom:24px}.activate-card .btn-primary{background-color:#14b8a6;color:#fff;padding:12px 24px;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:16px;font-size:16px}.activate-card .btn-primary:hover{background-color:#0d9488}@media(max-width:640px){.activate-card{padding:32px 24px}.activate-card h2{font-size:20px}.activate-card p{font-size:14px}.icon-container i{font-size:48px}}.activities-page{min-height:100vh;padding-bottom:80px}.activities-page.dark{background-color:#111827}.activities-page.light{background-color:#e2e8f0}.activities-container{max-width:1280px;margin:0 auto;padding:20px}.activities-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px}.activities-header-text h1{font-size:32px;font-weight:700;margin:0 0 8px}body.dark .activities-header-text h1{color:#f9fafb}body.light .activities-header-text h1{color:#111827}.activities-header-text p{font-size:16px;margin:0}body.dark .activities-header-text p{color:#d1d5db}body.light .activities-header-text p{color:#4b5563}.create-activity-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#0d9488;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap;transition:all .2s}.create-activity-button:hover{background:#0f766e;transform:translateY(-1px)}.create-activity-button i{font-size:18px}@media(max-width:768px){.activities-header{flex-direction:column;align-items:stretch}.create-activity-button{justify-content:center}}.activities-filters{display:flex;gap:8px;background-color:#374151;border-radius:8px;padding:4px;margin:0 auto 24px;width:fit-content}.activities-page.light .activities-filters{background-color:#e5e7eb}.filter-btn{padding:8px 16px;background-color:transparent;color:#d1d5db;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.activities-page.light .filter-btn{color:#4b5563}.filter-btn.active{background-color:#3b82f6;color:#fff}.filter-btn:hover:not(.active){background-color:#ffffff0d}.activities-page.light .filter-btn:hover:not(.active){background-color:#0000000d}.filter-info{background-color:#1f2937;border-left:4px solid #3B82F6;padding:12px;border-radius:8px;margin-bottom:24px}.activities-page.light .filter-info{background-color:#eff6ff}.filter-info p{margin:0;font-size:14px;line-height:20px;color:#d1d5db}.activities-page.light .filter-info p{color:#1e40af}.activities-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;width:100%}@media(min-width:640px){.activities-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.activities-grid{grid-template-columns:repeat(3,1fr)}}.activity-card{border-radius:12px;padding:16px;display:flex;flex-direction:column;min-height:280px;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}body.dark .activity-card{background-color:#1f2937;border:1px solid #374151}body.light .activity-card{background-color:#cbd5e1;border:1px solid #94A3B8}.activity-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.activity-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.activity-user-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.activity-avatar{width:32px;height:32px;border-radius:16px;object-fit:cover;flex-shrink:0}.activity-user-details{flex:1;min-width:0}.activity-username{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .activity-username{color:#f3f4f6}body.light .activity-username{color:#111827}.activity-date{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .activity-date{color:#d1d5db}body.light .activity-date{color:#6b7280}.activity-hobby-badge{background-color:#0d9488;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.activity-hobby-badge.user-hobby{border:2px solid #FFF}.activities-page.light .activity-hobby-badge.user-hobby{border-color:#000}.activity-card-title{flex:0;margin-bottom:12px}.activity-card-title h3{margin:0;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}body.dark .activity-card-title h3{color:#f9fafb}body.light .activity-card-title h3{color:#111827}.activity-card-info{flex:1;margin-bottom:12px}.activity-info-box{border-left:4px solid #0D9488;padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:8px}body.dark .activity-info-box{background-color:#374151}body.light .activity-info-box{background-color:#fff}.activity-info-row{display:flex;align-items:center;gap:8px}.activity-icon-circle{width:20px;height:20px;border-radius:50%;background-color:#0d9488;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon-circle i{font-size:12px;color:#fff}.activity-info-row span{font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark .activity-info-row span{color:#d1d5db}body.light .activity-info-row span{color:#4b5563}.activity-card-footer{display:flex;gap:16px;align-items:center;padding-top:12px}body.dark .activity-card-footer{border-top:1px solid #374151}body.light .activity-card-footer{border-top:1px solid #94A3B8}.activity-stat{display:flex;align-items:center;gap:6px;font-size:14px}body.dark .activity-stat{color:#d1d5db}body.light .activity-stat{color:#4b5563}.activity-stat i{font-size:16px}.empty-state{padding:60px 20px;text-align:center}.empty-state p{font-size:16px;color:#9ca3af;margin:0}.load-more-btn:hover:not(:disabled){background-color:#0f766e;transform:translateY(-2px)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.load-more-btn i{font-size:16px}@media(max-width:768px){.activities-page{padding-bottom:64px}.activities-container{padding:16px}.activities-title{font-size:24px}.activities-filters{width:100%}.filter-btn{flex:1;font-size:13px}}.rich-text-editor{border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}.rte-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:#f8f9fa;border-bottom:1px solid #ddd}.rte-toolbar-group{display:flex;gap:2px;padding:0 4px;border-right:1px solid #ddd}.rte-toolbar-group:last-child{border-right:none}.rte-btn{width:32px;height:32px;border:1px solid transparent;background:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;transition:all .2s;font-size:16px}.rte-btn:hover{background:#e5e5ea;border-color:#ddd}.rte-btn:active{background:#d1d1d6}.rte-btn i{font-size:16px;color:#333}.rte-content{min-height:300px;max-height:600px;overflow-y:auto;padding:16px;font-size:16px;line-height:1.6;color:#333;outline:none}.rte-content.is-empty:before{content:attr(data-placeholder);color:#999;font-style:italic;pointer-events:none}.rte-content p{margin-bottom:12px}.rte-content h2,.rte-content h3,.rte-content h4{margin-top:24px;margin-bottom:12px;font-weight:700}.rte-content h2{font-size:24px}.rte-content h3{font-size:20px}.rte-content h4{font-size:18px}.rte-content ul,.rte-content ol{margin-bottom:12px;padding-left:24px}.rte-content li{margin-bottom:4px}.rte-content a{color:#007aff;text-decoration:underline}.rte-content img{max-width:100%;height:auto;display:block;margin:20px auto;border-radius:8px}.rte-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.rte-modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;box-shadow:0 8px 32px #0003}.rte-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5ea}.rte-modal-header h3{font-size:18px;font-weight:700;margin:0}.rte-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:#f2f2f7;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.rte-modal-close:hover{background:#e5e5ea}.rte-modal-body{padding:24px}.rte-modal-field{margin-bottom:16px}.rte-modal-field:last-child{margin-bottom:0}.rte-modal-field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#333}.rte-modal-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#333;transition:border-color .2s}.rte-modal-input:focus{outline:none;border-color:#007aff}.rte-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #e5e5ea}.rte-modal-btn{flex:1;padding:10px 16px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.rte-modal-btn-primary{background:#007aff;color:#fff}.rte-modal-btn-primary:hover{background:#0066d9}.rte-modal-btn-secondary{background:#f2f2f7;color:#333}.rte-modal-btn-secondary:hover{background:#e5e5ea}.rte-alignment-buttons{display:flex;gap:8px}.rte-alignment-btn{flex:1;padding:8px;border:2px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.rte-alignment-btn:hover{background:#f2f2f7;border-color:#007aff}.rte-alignment-btn.active{background:#007aff;border-color:#007aff;color:#fff}.rte-alignment-btn i{font-size:18px}.rte-alignment-btn.active i{color:#fff}@media(max-width:768px){.rte-toolbar{gap:2px;padding:6px}.rte-toolbar-group{padding:0 2px}.rte-btn{width:28px;height:28px}.rte-btn i{font-size:12px}.rte-content{min-height:250px;padding:12px;font-size:15px}}body.light .rich-text-editor{background:#fff;border-color:#e5e7eb}body.light .rte-toolbar{background:#f3f4f6;border-bottom-color:#e5e7eb}body.light .rte-toolbar-group{border-right-color:#e5e7eb}body.light .rte-btn{background:#fff;color:#333}body.light .rte-btn:hover{background:#e5e7eb;border-color:#d1d5db}body.light .rte-btn:active{background:#d1d5db}body.light .rte-btn i{color:#333}body.light .rte-content{color:#1f2937}body.light .rte-content.is-empty:before{color:#999}body.light .rte-modal-content{background:#fff}body.light .rte-modal-header,body.light .rte-modal-footer{border-color:#e5e7eb}body.light .rte-modal-header h3{color:#1f2937}body.light .rte-modal-close{background:#f3f4f6;color:#1f2937}body.light .rte-modal-close:hover{background:#e5e7eb}body.light .rte-modal-field label{color:#1f2937}body.light .rte-modal-input{background:#fff;border-color:#e5e7eb;color:#1f2937}body.light .rte-modal-btn-secondary{background:#f3f4f6;color:#1f2937}body.light .rte-modal-btn-secondary:hover{background:#e5e7eb}body.dark .rich-text-editor{background:#1c1c1e;border-color:#3c3c3e}body.dark .rte-toolbar{background:#2c2c2e;border-bottom-color:#3c3c3e}body.dark .rte-toolbar-group{border-right-color:#3c3c3e}body.dark .rte-btn{background:#2c2c2e;color:#fff}body.dark .rte-btn:hover{background:#3c3c3e;border-color:#4c4c4e}body.dark .rte-btn:active{background:#4c4c4e}body.dark .rte-btn i,body.dark .rte-content{color:#fff}body.dark .rte-content.is-empty:before{color:#999}body.dark .rte-modal-content{background:#1c1c1e}body.dark .rte-modal-header,body.dark .rte-modal-footer{border-color:#3c3c3e}body.dark .rte-modal-header h3{color:#fff}body.dark .rte-modal-close{background:#2c2c2e;color:#fff}body.dark .rte-modal-close:hover{background:#3c3c3e}body.dark .rte-modal-field label{color:#fff}body.dark .rte-modal-input{background:#2c2c2e;border-color:#3c3c3e;color:#fff}body.dark .rte-modal-btn-secondary{background:#2c2c2e;color:#fff}body.dark .rte-modal-btn-secondary:hover{background:#3c3c3e}body.dark .rte-alignment-btn{background:#2c2c2e;border-color:#3c3c3e;color:#fff}body.dark .rte-alignment-btn:hover{background:#3c3c3e;border-color:#007aff}body.dark .rte-alignment-btn.active{background:#007aff;border-color:#007aff}.activity-detail-page{min-height:100vh;padding-bottom:80px}.activity-detail-page.light{background-color:#e2e8f0;color:#111827}.activity-detail-page.dark{background-color:#111827;color:#f9fafb}.activity-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:none;position:sticky;top:60px;z-index:10;background-color:transparent}.activity-header h1{font-size:18px;font-weight:600;margin:0}.back-button{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#0d9488;border-radius:8px;transition:background-color .2s}.back-button:hover{background-color:#0d94881a}.activity-content{max-width:1000px;margin:0 auto;padding:20px 16px}.activity-card{border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.light .activity-card{background-color:#cbd5e1;border:1px solid #94A3B8}.dark .activity-card{background-color:#1f2937;border:1px solid #374151}.activity-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.activity-card-header .user-info{display:flex;align-items:center;text-decoration:none;flex:1;background-color:transparent;padding:0;border-radius:0}.user-avatar{width:70px;height:70px;border-radius:12px;object-fit:cover;margin-right:12px}.user-avatar-placeholder{width:70px;height:70px;border-radius:12px;background-color:#9ca3af;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:32px;color:#fff}.user-details{flex:1}.user-name{font-size:16px;font-weight:600;margin-bottom:4px}.light .user-name{color:#111827}.dark .user-name{color:#f9fafb}.user-location{font-size:13px;margin-bottom:4px}.light .user-location{color:#6b7280}.dark .user-location{color:#9ca3af}.user-meta{font-size:12px}.light .time-ago{color:#6b7280}.dark .time-ago{color:#9ca3af}.hobby-badge{background-color:#0d9488;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .2s;flex-shrink:0}.hobby-badge:hover{background-color:#0d9488;color:#fff}.activity-title{font-size:24px;font-weight:700;margin-bottom:12px}.light .activity-title{color:#111827}.dark .activity-title{color:#f9fafb}.activity-body{margin-bottom:16px;line-height:1.6}.light .activity-body{color:#1f2937}.dark .activity-body{color:#f3f4f6}.activity-location-box{margin:16px 0;padding:16px;border-radius:12px;border-left:4px solid #0D9488}.light .activity-location-box{background-color:#f0f9ff}.dark .activity-location-box{background-color:#374151}.location-row{display:flex;align-items:flex-start;margin-bottom:12px}.location-row:last-child{margin-bottom:0}.activity-detail-page .location-icon{width:32px;height:32px;background-color:#0d9488;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.activity-detail-page .location-icon.meeting{background-color:#3b82f6}.activity-detail-page .location-icon.date{background-color:#f59e0b}.activity-detail-page .location-icon i{font-size:14px;color:#fff}.location-details{flex:1}.location-label{font-size:12px;font-weight:600;margin-bottom:4px}.light .location-label{color:#4b5563}.dark .location-label{color:#9ca3af}.location-text{font-size:14px}.light .location-text{color:#1f2937}.dark .location-text{color:#f3f4f6}.activity-stats{display:flex;gap:24px;margin:12px 0 16px;padding-top:12px;border-top:1px solid rgba(156,163,175,.2)}.stat{display:flex;align-items:center;gap:6px;font-size:13px}.light .stat{color:#6b7280}.dark .stat{color:#9ca3af}.stat i{font-size:14px}.activity-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s;background-color:#14b8a61a;border:1px solid rgba(20,184,166,.3);color:#14b8a6}.action-button:hover{background-color:#14b8a633}.action-button.reply{background-color:#14b8a61a;border:1px solid rgba(20,184,166,.3);color:#14b8a6}.action-button.edit{background-color:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.action-button.delete{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.action-button i{font-size:13px}.replies-section{margin-top:20px}.replies-title{font-size:20px;font-weight:700;margin-bottom:16px}.light .replies-title{color:#111827}.dark .replies-title{color:#f9fafb}.reply-card{border-radius:12px;padding:14px;margin-bottom:12px;border-width:1px;border-style:solid}.light .reply-card{background-color:#cbd5e1;border-color:#94a3b8}.dark .reply-card{background-color:#1f2937;border-color:#374151}.reply-card.level-0{border-left-width:4px;border-left-color:#3b82f6}.reply-card.level-1{margin-left:40px;border-left-width:2px;border-left-color:#10b981}.reply-card.level-2{margin-left:80px;border-left-width:2px;border-left-color:#ef4444}.reply-card.level-3,.reply-card.level-4,.reply-card.level-5,.reply-card.level-6,.reply-card.level-7,.reply-card.level-8,.reply-card.level-9,.reply-card.level-10{margin-left:120px;border-left-width:2px;border-left-color:#f59e0b}.nested-replies{margin-top:-8px}.reply-header{margin-bottom:12px}.reply-user{display:flex;align-items:center;text-decoration:none}.reply-avatar{width:70px;height:70px;border-radius:12px;object-fit:cover;margin-right:12px}.reply-avatar-placeholder{width:70px;height:70px;border-radius:12px;background-color:#9ca3af;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:32px;color:#fff}.reply-user-details{flex:1;display:flex;flex-direction:column;justify-content:center}.reply-user-name{font-size:15px;font-weight:600;margin-bottom:3px;display:flex;align-items:center}.light .reply-user-name{color:#111827}.dark .reply-user-name{color:#f9fafb}.reply-id-badge{font-size:12px;font-weight:600;color:#007aff;background-color:#007aff14;padding:2px 6px;border-radius:4px;margin-left:8px}.reply-time{font-size:11px}.light .reply-time{color:#6b7280}.dark .reply-time{color:#9ca3af}.reply-to-container{display:flex;align-items:center;margin-bottom:8px;padding:8px 12px;border-radius:6px}.light .reply-to-container{background-color:#0d94880d}.dark .reply-to-container{background-color:#0d94881a}.reply-to-container i{font-size:11px;margin-right:6px}.light .reply-to-container i{color:#6b7280}.dark .reply-to-container i{color:#9ca3af}.reply-to-text{font-size:12px}.light .reply-to-text{color:#6b7280}.dark .reply-to-text{color:#9ca3af}.reply-to-user{font-weight:600}.light .reply-to-user{color:#0d9488}.dark .reply-to-user{color:#14b8a6}.reply-id-reference{color:#007aff;font-weight:600}.reply-body{line-height:1.5;font-size:15px}.light .reply-body{color:#1f2937}.dark .reply-body{color:#f3f4f6}.reply-deleted{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;font-style:italic;font-size:14px}.light .reply-deleted{background-color:#9ca3af1a;color:#6b7280}.dark .reply-deleted{background-color:#9ca3af0d;color:#9ca3af}.reply-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.reply-action-button,.delete-action-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s}.reply-action-button:hover,.delete-action-button:hover{opacity:.85}.reply-action-button{background-color:#14b8a61a;border:1px solid rgba(20,184,166,.3);color:#14b8a6}.reply-action-button:hover{background-color:#14b8a633}.delete-action-button{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.delete-action-button:hover{background-color:#ef444433}.reply-action-button i,.delete-action-button i{font-size:13px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px);gap:16px}.spinner{width:40px;height:40px;border:3px solid rgba(13,148,136,.3);border-top-color:#0d9488;border-radius:50%;animation:spin 1s linear infinite}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{border-radius:12px;padding:24px;max-width:400px;width:90%}.light .modal-content{background-color:#fff}.dark .modal-content{background-color:#1f2937}.modal-content h3{margin:0 0 12px;font-size:20px}.modal-content p{margin:0 0 20px;opacity:.8}.modal-button-cancel,.modal-button-confirm{flex:1;padding:12px;border-radius:8px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.modal-button-cancel:hover,.modal-button-confirm:hover{opacity:.8}.light .modal-button-cancel{background-color:#e5e7eb;color:#111827}.dark .modal-button-cancel{background-color:#374151;color:#f9fafb}@media(max-width:768px){.activity-content{padding:12px}.activity-card{padding:16px}.user-avatar,.user-avatar-placeholder{width:50px;height:50px}.activity-title{font-size:20px}}.activity-attendees{border-radius:12px;padding:16px;margin:16px 0;border-left:4px solid #6366F1}.light .activity-attendees{background-color:#f0f9ff}.dark .activity-attendees{background-color:#374151}.activity-attendees.loading{display:flex;align-items:center;justify-content:center;padding:24px}.attendees-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.attendees-icon{width:32px;height:32px;background-color:#6366f1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attendees-icon i{font-size:16px;color:#fff}.attendees-title-section{flex:1}.attendees-title{font-size:15px;font-weight:600;margin-bottom:4px}.light .attendees-title{color:#1f2937}.dark .attendees-title{color:#f3f4f6}.attendees-counts{display:flex;gap:8px;flex-wrap:wrap}.count-badge{font-size:12px;padding:3px 8px;border-radius:12px;font-weight:500}.count-badge.internal{background-color:#6366f11a;color:#6366f1}.count-badge.external{background-color:#f59e0b1a;color:#f59e0b}.attendees-content{display:flex;align-items:center;gap:12px;margin-bottom:12px}.attendees-avatars{display:flex;flex-wrap:wrap;gap:8px;flex:1}.attendee-avatar-link{display:block;transition:transform .2s}.attendee-avatar-link:hover{transform:scale(1.05)}.attendee-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 3px #0000001a}.dark .attendee-avatar{border-color:#1f2937}.attendee-button{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.attendee-button:disabled{opacity:.6;cursor:not-allowed}.attendee-button.success{background-color:#10b981;color:#fff}.attendee-button.success:hover:not(:disabled){background-color:#059669}.attendee-button.danger{background-color:#ef4444;color:#fff}.attendee-button.danger:hover:not(:disabled){background-color:#dc2626}.attendee-button i{font-size:13px}.attendee-button .spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.attendees-total{font-size:13px;text-align:center;padding-top:8px;border-top:1px solid rgba(0,0,0,.05)}.light .attendees-total{color:#4b5563}.dark .attendees-total{color:#9ca3af}@media(max-width:768px){.attendees-content{flex-direction:column;align-items:stretch}.attendee-button{width:100%;justify-content:center}}.main-reply-form,.inline-reply-form{border-radius:12px;padding:16px;margin-top:12px;margin-bottom:20px;border:2px solid #14B8A6}.light .main-reply-form,.light .inline-reply-form{background-color:#f0fdfa}.dark .main-reply-form,.dark .inline-reply-form{background-color:#14b8a60d}.reply-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.2)}.reply-form-header span{font-size:14px;font-weight:600}.light .reply-form-header span{color:#0d9488}.dark .reply-form-header span{color:#14b8a6}.cancel-inline-reply{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;border-radius:4px;transition:background-color .2s}.cancel-inline-reply:hover{background-color:#6b72801a}.cancel-inline-reply i{font-size:20px}.reply-form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px;flex-wrap:wrap}.notify-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.notify-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#14B8A6}.light .notify-checkbox{color:#1f2937}.dark .notify-checkbox{color:#f3f4f6}.reply-form-buttons{display:flex;gap:8px}.btn-cancel,.btn-submit{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-cancel{background-color:transparent;border:1px solid rgba(148,163,184,.3)}.light .btn-cancel{color:#1f2937}.dark .btn-cancel{color:#f3f4f6}.btn-cancel:hover:not(:disabled){background-color:#94a3b81a}.btn-submit{background-color:#14b8a6;color:#fff;min-width:100px}.btn-submit:hover:not(:disabled){background-color:#0d9488}.btn-submit:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.reply-form-footer{flex-direction:column;align-items:stretch}.reply-form-buttons{width:100%}.btn-cancel,.btn-submit{flex:1}}.not-found-page{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden}.not-found-container{max-width:600px;text-align:center;position:relative;z-index:1}.not-found-icon{margin-bottom:24px}.not-found-icon i{font-size:120px;color:var(--primary-color);opacity:.8}.not-found-title{font-size:32px;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.not-found-message{font-size:18px;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.not-found-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.not-found-button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer}.not-found-button.primary{background:var(--primary-color);color:#fff}.not-found-button.primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #14b8a64d}.not-found-button.secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.not-found-button.secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.not-found-error-code{position:absolute;font-size:280px;font-weight:900;color:var(--bg-secondary);opacity:.1;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:768px){.not-found-icon i{font-size:80px}.not-found-title{font-size:24px}.not-found-message{font-size:16px}.not-found-error-code{font-size:180px}.not-found-actions{flex-direction:column}.not-found-button{width:100%;justify-content:center}}.not-found-page.dark{background:var(--bg-primary)}.not-found-page.dark .not-found-error-code{color:#ffffff08}.legal-page{min-height:100vh;font-family:Montserrat,sans-serif;padding-bottom:40px}.legal-page.dark{background-color:#000;color:#ccc}.legal-page.light{background-color:#fff;color:#333}.legal-header{border-bottom:1px solid;padding:50px 20px 15px}.legal-page.dark .legal-header{background-color:#000;border-bottom-color:#333}.legal-page.light .legal-header{background-color:#f9f9f9;border-bottom-color:#ddd}.legal-back{background:none;border:none;color:#1cc6dd;font-size:16px;font-weight:600;cursor:pointer;margin-bottom:10px;padding:0;display:flex;align-items:center;gap:5px}.legal-back:hover{color:#18b3c8}.legal-header h1{font-size:24px;font-weight:700;text-align:center;margin:0}.legal-page.dark .legal-header h1{color:#fff}.legal-page.light .legal-header h1{color:#111}.legal-content{padding:20px;max-width:800px;margin:0 auto}.legal-title{font-size:28px;font-weight:700;color:#1cc6dd;margin-bottom:10px;text-align:center}.legal-date{font-size:14px;color:#888;margin-bottom:30px;text-align:center;font-style:italic}.legal-section{font-size:18px;font-weight:700;margin-top:25px;margin-bottom:10px}.legal-page.dark .legal-section{color:#fff}.legal-page.light .legal-section{color:#111}.legal-subsection{font-size:16px;font-weight:700;color:#1cc6dd;margin-top:15px;margin-bottom:8px}.legal-text{font-size:15px;line-height:1.6;margin-bottom:15px}.legal-text strong{font-weight:700}.legal-page.dark .legal-text strong{color:#fff}.legal-page.light .legal-text strong{color:#000}@media(max-width:768px){.legal-header{padding-top:30px}.legal-content{padding:15px}}.blog-page{width:100%;min-height:100vh;padding-bottom:40px}.blog-hero{padding:48px 16px;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:32px}.blog-hero-title{font-size:42px;font-weight:700;margin-bottom:16px}.blog-hero-subtitle{font-size:18px;opacity:.9;max-width:600px;margin:0 auto}.blog-admin-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px;padding:0 16px}.blog-admin-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.blog-admin-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.blog-admin-btn-primary{background:#007aff;color:#fff}.blog-admin-btn-primary:hover{background:#0066d9}.blog-admin-btn-secondary{background:#fff;color:#007aff;border:2px solid #007AFF}.blog-admin-btn-secondary:hover{background:#f0f8ff}.blog-filters{margin-bottom:24px;padding:0 16px}.blog-categories{display:flex;gap:8px;overflow-x:auto;padding:4px}.blog-categories::-webkit-scrollbar{height:6px}.blog-categories::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.blog-category-chip{padding:8px 16px;border-radius:20px;border:1px solid #e5e5ea;background:#f2f2f7;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.blog-category-chip:hover{background:#e5e5ea}.blog-category-chip.active{background:#007aff;color:#fff;border-color:#007aff}.blog-loading,.blog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 16px;gap:16px}.blog-loading p,.blog-empty p{font-size:16px;opacity:.7}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .6s linear infinite}.blog-posts-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;max-width:1400px;margin:0 auto;padding:0 16px}@media(min-width:640px){.blog-posts-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.blog-posts-grid{grid-template-columns:repeat(2,1fr);max-width:1400px}}.blog-post-card-wrapper{position:relative}.blog-post-card{display:block;background:#fff;border-radius:12px;border:1px solid #e5e5ea;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s;text-decoration:none;color:inherit;height:100%}.blog-post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.blog-post-image{width:100%;aspect-ratio:16/10;overflow:hidden;background:#f0f0f0}.blog-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.blog-post-card:hover .blog-post-image img{transform:scale(1.05)}.blog-post-content{padding:16px}.blog-post-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.blog-post-badges{display:flex;gap:8px;align-items:center}.blog-category-badge{padding:4px 12px;border-radius:12px;background:#f2f2f7;font-size:12px;font-weight:600;text-transform:uppercase}.blog-draft-badge{padding:4px 12px;border-radius:12px;background:#ff9500;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase}.blog-post-date{font-size:12px;opacity:.6}.blog-post-title{font-size:20px;font-weight:700;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post-intro{font-size:14px;opacity:.8;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-read-more{display:flex;align-items:center;gap:8px;color:#007aff;font-size:14px;font-weight:600}.blog-admin-overlay{position:absolute;bottom:16px;right:16px;display:flex;gap:8px;z-index:10}.blog-admin-small-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .2s;text-decoration:none;color:#fff}.blog-admin-small-btn:hover{transform:scale(1.1)}.blog-admin-edit{background:#007aff}.blog-admin-delete{background:#ff3b30}.blog-loading-more,.blog-load-more,.blog-end-message{display:flex;justify-content:center;align-items:center;padding:24px;gap:12px}.blog-load-more-btn{padding:12px 24px;background:#007aff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.blog-load-more-btn:hover{background:#0066d9;transform:translateY(-2px)}.blog-end-message p{font-size:14px;opacity:.6;font-style:italic}.blog-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.blog-modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.blog-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5ea}.blog-modal-header h2{font-size:20px;font-weight:700;margin:0}.blog-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:#f2f2f7;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.blog-modal-close:hover{background:#e5e5ea}.blog-modal-body{padding:24px}.blog-modal-instructions{font-size:14px;margin-bottom:16px;line-height:1.6}.blog-modal-instructions code{display:block;margin-top:8px;padding:8px;background:#f2f2f7;border-radius:4px;font-size:12px;overflow-x:auto}.blog-file-input-wrapper{margin-top:16px}.blog-file-input{display:none}.blog-file-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px dashed #007AFF;border-radius:8px;background:#f0f8ff;color:#007aff;font-weight:600;cursor:pointer;transition:all .2s}.blog-file-label:hover{background:#e0f0ff}.blog-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #e5e5ea}.blog-modal-btn{flex:1;padding:12px 16px;border-radius:8px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.blog-modal-btn:disabled{opacity:.5;cursor:not-allowed}.blog-modal-btn-primary{background:#007aff;color:#fff}.blog-modal-btn-primary:hover:not(:disabled){background:#0066d9}.blog-modal-btn-secondary{background:#f2f2f7;color:#333}.blog-modal-btn-secondary:hover:not(:disabled){background:#e5e5ea}body.light .blog-page{background-color:#e2e8f0;color:#1f2937}body.light .blog-post-card,body.light .blog-category-chip{background:#fff;border-color:#e5e7eb;color:#1f2937}body.light .blog-category-chip.active{background:#667eea;color:#fff;border-color:#667eea}body.light .blog-category-badge{background:#f3f4f6;color:#1f2937}body.light .blog-modal-content{background:#fff;color:#1f2937}body.light .blog-modal-header,body.light .blog-modal-footer{border-color:#e5e7eb}body.light .blog-modal-close{background:#f3f4f6;color:#1f2937}body.light .blog-modal-close:hover{background:#e5e7eb}body.light .blog-modal-instructions code{background:#f3f4f6}body.light .blog-modal-btn-secondary{background:#f3f4f6;color:#1f2937}body.light .blog-modal-btn-secondary:hover:not(:disabled){background:#e5e7eb}body.dark .blog-page{background-color:#111827;color:#f9fafb}body.dark .blog-post-card,body.dark .blog-category-chip{background:#1c1c1e;border-color:#333;color:#fff}body.dark .blog-category-chip:hover{background:#2c2c2e}body.dark .blog-category-chip.active{background:#667eea;color:#fff;border-color:#667eea}body.dark .blog-category-badge{background:#2c2c2e;color:#fff}body.dark .blog-modal-content{background:#1c1c1e;color:#fff}body.dark .blog-modal-header,body.dark .blog-modal-footer{border-color:#333}body.dark .blog-modal-close{background:#2c2c2e;color:#fff}body.dark .blog-modal-close:hover{background:#3c3c3e}body.dark .blog-modal-instructions code{background:#2c2c2e}body.dark .blog-modal-btn-secondary{background:#2c2c2e;color:#fff}body.dark .blog-modal-btn-secondary:hover:not(:disabled){background:#3c3c3e}.blog-detail-page{width:100%;min-height:100vh;padding:24px 16px;background:#fff}.blog-detail-container{max-width:800px;margin:0 auto}.blog-detail-loading,.blog-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 16px;gap:16px;text-align:center}.blog-detail-error h2{font-size:24px;font-weight:700;margin:16px 0 8px}.blog-detail-error p{font-size:16px;opacity:.7;margin-bottom:24px}.blog-back-button{display:inline-block;padding:12px 24px;background:#007aff;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s}.blog-back-button:hover{background:#0066d9;transform:translateY(-2px)}.blog-breadcrumb{display:flex;align-items:center;gap:8px;padding:16px 0;font-size:14px}.blog-breadcrumb-link{color:#007aff;text-decoration:none;transition:opacity .2s}.blog-breadcrumb-link:hover{opacity:.7}.blog-breadcrumb-separator{opacity:.5}.blog-breadcrumb-current{opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-detail-featured-image{width:100%;border-radius:12px;overflow:hidden;margin-bottom:24px;background:#f0f0f0}.blog-detail-featured-image img{width:100%;height:auto;max-height:500px;object-fit:cover;display:block}.blog-detail-header{margin-bottom:32px}.blog-detail-category{display:inline-block;padding:6px 12px;background:#f2f2f7;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:16px}.blog-detail-title{font-size:36px;font-weight:700;line-height:1.3;margin-bottom:16px;color:#000}.blog-detail-intro{font-size:20px;line-height:1.6;opacity:.85;margin-bottom:16px;font-weight:400}.blog-detail-meta{display:flex;gap:16px;flex-wrap:wrap}.blog-detail-meta-item{display:flex;align-items:center;gap:6px;font-size:14px;opacity:.6}.blog-detail-meta-item i{font-size:14px}.blog-detail-admin-actions{display:flex;gap:12px;margin-bottom:24px;padding-top:8px}.blog-detail-admin-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s}.blog-detail-admin-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.blog-detail-edit{background:#007aff;color:#fff}.blog-detail-edit:hover{background:#0066d9}.blog-detail-delete{background:#ff3b30;color:#fff}.blog-detail-delete:hover{background:#d92b20}.blog-detail-content{margin-bottom:48px;line-height:1.8;font-size:17px;color:#000}.blog-detail-content img{max-width:100%;height:auto;display:block;margin:24px 0;border-radius:8px}.blog-detail-content p{margin-bottom:16px;line-height:1.8}.blog-detail-content h1,.blog-detail-content h2,.blog-detail-content h3,.blog-detail-content h4{margin-top:32px;margin-bottom:16px;font-weight:700;color:#000}.blog-detail-content h1{font-size:28px}.blog-detail-content h2{font-size:24px}.blog-detail-content h3{font-size:20px}.blog-detail-content h4{font-size:18px}.blog-detail-content ul,.blog-detail-content ol{margin-bottom:16px;padding-left:24px}.blog-detail-content li{margin-bottom:8px}.blog-detail-content a{color:#0d9488;text-decoration:none;font-weight:500;transition:opacity .2s}.blog-detail-content a:hover{opacity:.8;text-decoration:underline}.blog-detail-content blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid #007AFF;background:#f8f9fa;font-style:italic}.blog-detail-content code{background:#f2f2f7;padding:2px 6px;border-radius:4px;font-size:.9em;font-family:Courier New,monospace}.blog-detail-content pre{background:#f2f2f7;padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0}.blog-detail-content pre code{background:none;padding:0}.blog-detail-cta{padding:24px;background:#f8f9fa;border:1px solid #e5e5ea;border-radius:12px;text-align:center;margin-bottom:32px}.blog-detail-cta h3{font-size:20px;font-weight:700;margin-bottom:8px}.blog-detail-cta p{font-size:14px;opacity:.7;margin-bottom:16px}.blog-detail-cta-button{display:inline-block;padding:12px 24px;background:#007aff;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s}.blog-detail-cta-button:hover{background:#0066d9;transform:translateY(-2px)}.blog-back-to-list{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:#007aff;text-decoration:none;font-size:16px;font-weight:600;transition:opacity .2s}.blog-back-to-list:hover{opacity:.7}@media(max-width:768px){.blog-detail-title{font-size:28px}.blog-detail-intro{font-size:18px}.blog-detail-content{font-size:16px}}body.light .blog-detail-page{background-color:#e2e8f0;color:#1f2937}body.light .blog-detail-title,body.light .blog-detail-content,body.light .blog-detail-content h1,body.light .blog-detail-content h2,body.light .blog-detail-content h3,body.light .blog-detail-content h4{color:#1f2937}body.light .blog-detail-category{background:#f3f4f6;color:#1f2937}body.light .blog-detail-cta{background:#fff;border-color:#e5e7eb;color:#1f2937}body.light .blog-detail-content blockquote{background:#fff;border-left-color:#007aff;color:#1f2937}body.light .blog-detail-content code{background:#f3f4f6;color:#1f2937}body.light .blog-detail-content pre{background:#f3f4f6}body.dark .blog-detail-page{background-color:#111827;color:#f9fafb}body.dark .blog-detail-title,body.dark .blog-detail-content,body.dark .blog-detail-content h1,body.dark .blog-detail-content h2,body.dark .blog-detail-content h3,body.dark .blog-detail-content h4{color:#fff}body.dark .blog-detail-category{background:#2c2c2e;color:#fff}body.dark .blog-detail-cta{background:#1c1c1e;border-color:#333;color:#fff}body.dark .blog-detail-content blockquote{background:#1c1c1e;border-left-color:#007aff;color:#fff}body.dark .blog-detail-content code{background:#2c2c2e;color:#fff}body.dark .blog-detail-content pre{background:#2c2c2e}.blog-editor-page{width:100%;min-height:100vh;padding:24px 16px;background:#f8f9fa}.blog-editor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;gap:16px}.spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top:4px solid #007AFF;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-editor-header{display:flex;align-items:center;gap:16px;max-width:800px;margin:0 auto 24px}.blog-editor-back{width:40px;height:40px;border-radius:50%;border:none;background:#fff;color:#007aff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .2s}.blog-editor-back:hover{background:#f0f8ff;transform:scale(1.05)}.blog-editor-header h1{font-size:24px;font-weight:700;color:#333}.blog-editor-form{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.blog-editor-field{margin-bottom:24px}.blog-editor-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.blog-editor-input,.blog-editor-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:border-color .2s}.blog-editor-input:focus,.blog-editor-textarea:focus{outline:none;border-color:#007aff}.blog-editor-textarea{resize:vertical;min-height:100px}.blog-editor-content{font-family:Courier New,monospace;font-size:14px}.blog-editor-hint{font-size:12px;color:#666;margin-bottom:8px;font-style:italic}.blog-editor-char-count{display:block;font-size:12px;color:#999;text-align:right;margin-top:4px}.blog-editor-image-preview{position:relative;border-radius:8px;overflow:hidden;max-width:400px}.blog-editor-image-preview img{width:100%;height:auto;display:block}.blog-editor-image-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:none;background:#000000b3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.blog-editor-image-remove:hover{background:#000000e6}.blog-editor-image-upload{margin-top:8px}.blog-editor-file-input{display:none}.blog-editor-file-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px dashed #007AFF;border-radius:8px;background:#f0f8ff;color:#007aff;font-weight:600;cursor:pointer;transition:all .2s}.blog-editor-file-label:hover:not(.disabled){background:#e0f0ff}.blog-editor-file-label.disabled{border-color:#ccc;background:#f5f5f5;color:#999;cursor:not-allowed}.blog-editor-seo{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:24px}.blog-editor-seo h3{font-size:18px;font-weight:700;color:#333;margin-bottom:16px}.blog-editor-status{display:flex;gap:12px}.blog-editor-status-btn{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:16px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.blog-editor-status-btn:hover{border-color:#007aff}.blog-editor-status-btn.active{background:#007aff;border-color:#007aff;color:#fff}.blog-editor-actions{display:flex;gap:12px;margin-top:24px}.blog-editor-btn{flex:1;padding:14px 16px;border-radius:8px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.blog-editor-btn:disabled{opacity:.5;cursor:not-allowed}.blog-editor-btn-primary{background:#007aff;color:#fff}.blog-editor-btn-primary:hover:not(:disabled){background:#0066d9;transform:translateY(-2px);box-shadow:0 4px 12px #007aff4d}@media(max-width:768px){.blog-editor-form{padding:16px}.blog-editor-header h1{font-size:20px}}body.light .blog-editor-page{background-color:#e2e8f0}body.light .blog-editor-form,body.light .blog-editor-back{background:#fff;color:#1f2937}body.light .blog-editor-header h1,body.light .blog-editor-label,body.light .blog-editor-seo h3{color:#1f2937}body.light .blog-editor-input,body.light .blog-editor-textarea{background:#fff;border-color:#e5e7eb;color:#1f2937}body.light .blog-editor-input::placeholder,body.light .blog-editor-textarea::placeholder{color:#999}body.light .blog-editor-seo{background:#f3f4f6}body.light .blog-editor-status-btn{background:#fff;border-color:#e5e7eb;color:#1f2937}body.light .blog-editor-status-btn:hover{border-color:#007aff}body.dark .blog-editor-page{background-color:#111827}body.dark .blog-editor-form,body.dark .blog-editor-back{background:#1c1c1e;color:#fff}body.dark .blog-editor-header h1,body.dark .blog-editor-label,body.dark .blog-editor-seo h3{color:#fff}body.dark .blog-editor-input,body.dark .blog-editor-textarea{background:#2c2c2e;border-color:#3c3c3e;color:#fff}body.dark .blog-editor-input::placeholder,body.dark .blog-editor-textarea::placeholder{color:#999}body.dark .blog-editor-seo{background:#2c2c2e}body.dark .blog-editor-status-btn{background:#2c2c2e;border-color:#3c3c3e;color:#fff}body.dark .blog-editor-status-btn:hover{border-color:#007aff}.chat-room-header{display:flex;align-items:center;padding:12px 16px;gap:12px;border-bottom:1px solid;position:relative;z-index:10;flex-shrink:0}.chat-room-header.light{background-color:#f3f4f6;border-bottom-color:#e5e7eb}.chat-room-header.dark{background-color:#1f2937;border-bottom-color:#374151}.chat-room-header .back-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:50%;transition:background-color .2s;margin-right:4px;font-size:20px}.chat-room-header.light .back-button{color:#111827}.chat-room-header.dark .back-button{color:#f9fafb}.chat-room-header .back-button:hover{background-color:#0000000d}.chat-room-header.dark .back-button:hover{background-color:#ffffff1a}.chat-room-header .avatar-container{position:relative;flex-shrink:0}.chat-room-header .avatar-container.clickable{cursor:pointer}.chat-room-header .avatar-container.clickable:hover{opacity:.8}.chat-room-header .avatar{width:40px;height:40px;border-radius:20px;object-fit:cover}.chat-room-header .avatar-placeholder{width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:20px}.chat-room-header.light .avatar-placeholder{background-color:#e5e7eb;color:#6b7280}.chat-room-header.dark .avatar-placeholder{background-color:#374151;color:#9ca3af}.chat-room-header .online-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:5px;background-color:#10b981;border:2px solid #FFFFFF}.chat-room-header .room-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}.chat-room-header .room-info.clickable{cursor:pointer}.chat-room-header .room-info.clickable:hover .room-name{text-decoration:underline}.chat-room-header .room-name-line{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0;width:100%}.chat-room-header .room-name{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:80px;max-width:fit-content}.chat-room-header.light .room-name{color:#111827}.chat-room-header.dark .room-name{color:#f9fafb}.chat-room-header .info-text{font-weight:400;white-space:nowrap;flex-shrink:0;font-size:14px}.chat-room-header.light .info-text{color:#6b7280}.chat-room-header.dark .info-text{color:#9ca3af}.chat-room-header .status-text{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0;font-size:14px;max-width:fit-content}.chat-room-header.light .status-text{color:#10b981}.chat-room-header.dark .status-text{color:#34d399}.chat-room-header .separator{font-size:12px;margin:0 2px;flex-shrink:0}.chat-room-header.light .separator{color:#d1d5db}.chat-room-header.dark .separator{color:#6b7280}.chat-room-header .location-line,.chat-room-header .status-line{display:flex;align-items:center;gap:6px;font-size:13px;line-height:1.3}.chat-room-header .header-actions{display:flex;gap:8px}@media(min-width:768px){.chat-room-header .back-button{display:none}}@media(max-width:768px){.chat-room-header{padding:10px 12px;gap:10px}.chat-room-header .avatar,.chat-room-header .avatar-placeholder{width:36px;height:36px;border-radius:18px}.chat-room-header .avatar-placeholder{font-size:18px}.chat-room-header .room-name{font-size:15px}.chat-room-header .status-line{font-size:12px}}.chat-room-view{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;position:relative}.chat-room-view.dark{background-color:#111827}.chat-room-view.light{background-color:#f9fafb}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:0}.messages-container::-webkit-scrollbar{width:6px}.chat-room-view.dark .messages-container::-webkit-scrollbar-track{background:#1f2937}.chat-room-view.light .messages-container::-webkit-scrollbar-track{background:#f3f4f6}.chat-room-view.dark .messages-container::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.chat-room-view.light .messages-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.empty-messages{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:.5}.chat-room-view.dark .empty-messages{color:#9ca3af}.chat-room-view.light .empty-messages{color:#6b7280}.empty-messages p{margin:0}.message-wrapper{display:flex;gap:8px;max-width:80%;align-items:flex-end}.message-wrapper.me{align-self:flex-end;flex-direction:row-reverse}.message-wrapper.them{align-self:flex-start}.message-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.chat-room-view.dark .message-avatar{background-color:#374151;color:#fff}.chat-room-view.light .message-avatar{background-color:#e5e7eb;color:#111827}.message-avatar img{width:100%;height:100%;object-fit:cover}.avatar-spacer{width:32px;flex-shrink:0}.message-bubble{padding:8px 12px;border-radius:16px;max-width:100%;word-wrap:break-word}.message-wrapper.me .message-bubble{background-color:#0d9488;color:#fff;border-bottom-right-radius:4px}.message-wrapper.them .message-bubble{border-bottom-left-radius:4px}.chat-room-view.dark .message-wrapper.them .message-bubble{background-color:#1f2937;color:#fff}.chat-room-view.light .message-wrapper.them .message-bubble{background-color:#fff;color:#111827;border:1px solid #E5E7EB}.message-author{font-size:12px;font-weight:600;margin-bottom:4px;color:#0d9488}.message-text{font-size:14px;line-height:1.4;margin-bottom:4px;white-space:pre-wrap}.message-time{font-size:11px;opacity:.6;text-align:right}.typing-indicator{font-size:13px;font-style:italic;padding:8px 12px;align-self:flex-start}.chat-room-view.dark .typing-indicator{color:#9ca3af}.chat-room-view.light .typing-indicator{color:#6b7280}.message-input-container{padding:12px 16px;border-top:1px solid;display:flex;gap:8px;align-items:flex-end;flex-shrink:0}.chat-room-view.dark .message-input-container{background-color:#1f2937;border-top-color:#374151}.chat-room-view.light .message-input-container{background-color:#fff;border-top-color:#e5e7eb}.message-input{flex:1;padding:10px 14px;border-radius:20px;border:1px solid;font-size:14px;font-family:inherit;resize:none;max-height:120px;min-height:40px;line-height:1.4}.chat-room-view.dark .message-input{background-color:#111827;border-color:#374151;color:#fff}.chat-room-view.light .message-input{background-color:#f9fafb;border-color:#d1d5db;color:#111827}.message-input:focus{outline:none;border-color:#0d9488}.message-input::placeholder{opacity:.5}.send-button{width:40px;height:40px;border-radius:50%;border:none;background-color:#0d9488;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:18px;transition:background-color .2s}.send-button:hover:not(:disabled){background-color:#0f766e}.send-button:disabled{opacity:.4;cursor:not-allowed}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.chat-room-view.dark .chat-placeholder,.chat-placeholder.dark{background-color:#111827;color:#9ca3af}.chat-room-view.light .chat-placeholder,.chat-placeholder.light{background-color:#f9fafb;color:#6b7280}.chat-placeholder p{margin:0;font-size:15px}@media(max-width:768px){.message-wrapper{max-width:85%}.messages-container{padding:12px}.message-input-container{padding:10px 12px}.message-input{max-height:80px;min-height:38px}}.chatroom-page{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;min-height:0}@media(max-width:768px){.chatroom-page{position:fixed;inset:0;height:100vh;height:100dvh;width:100vw;z-index:100}}@media(min-width:769px){.chatroom-page{max-width:900px;margin:0 auto;height:100%}}.chat-sidebar{width:340px;height:100%;display:flex;flex-direction:column;border-right:1px solid rgba(0,0,0,.06)}.chat-sidebar.dark{background-color:#111827;border-right-color:#374151}.chat-sidebar.light{background-color:#f9fafb;border-right-color:#e5e7eb}.tabs-container{display:flex;padding:12px 8px;gap:4px;border-bottom:1px solid rgba(0,0,0,.06)}.chat-sidebar.dark .tabs-container{background-color:#1f2937;border-bottom-color:#374151}.chat-sidebar.light .tabs-container{background-color:#e5e7eb;border-bottom-color:#d1d5db}.tab{flex:1;padding:10px 12px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:600;font-family:Montserrat,sans-serif;display:flex;align-items:center;justify-content:center;gap:6px;transition:background-color .2s}.chat-sidebar.dark .tab{color:#d1d5db}.chat-sidebar.light .tab{color:#4b5563}.tab.active{background-color:#0d9488;color:#fff}.tab-badge{background-color:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.tab-badge-green{background-color:#10b981;color:#fff}.rooms-list{flex:1;overflow-y:auto}.room-card{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;transition:background-color .15s}.chat-sidebar.dark .room-card{background-color:#1f2937}.chat-sidebar.light .room-card{background-color:#f3f4f6}.room-card:hover{background-color:#0d94881a}.room-card.active{background-color:#0d9488;border-left:3px solid #0D9488}.room-card.active *{color:#fff!important}.room-info{display:flex;gap:12px}.avatar-container{position:relative}.avatar{width:48px;height:48px;border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}.chat-sidebar.dark .avatar{background-color:#374151}.chat-sidebar.light .avatar{background-color:#e5e7eb}.avatar-image{width:48px;height:48px;border-radius:24px;object-fit:cover}.initials-text{font-size:18px;font-weight:600}.chat-sidebar.dark .initials-text{color:#9ca3af}.chat-sidebar.light .initials-text{color:#6b7280}.online-indicator{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:7px;background-color:#10b981;border:2px solid #FFFFFF}.room-text-container{flex:1;position:relative;min-width:0}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.room-name{font-size:15px;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-sidebar.dark .room-name{color:#f9fafb}.chat-sidebar.light .room-name{color:#111827}.room-time{font-size:12px}.chat-sidebar.dark .room-time{color:#9ca3af}.chat-sidebar.light .room-time{color:#6b7280}.last-message{font-size:13px;margin-top:2px}.chat-sidebar.dark .last-message{color:#d1d5db}.chat-sidebar.light .last-message{color:#4b5563}.room-location{font-size:12px;margin-top:2px}.chat-sidebar.dark .room-location{color:#9ca3af}.chat-sidebar.light .room-location{color:#6b7280}.active-users{font-size:12px;font-weight:500;color:#10b981;margin-top:2px}.unread-badge-absolute{position:absolute;bottom:0;right:0;background-color:#ef4444;border-radius:10px;min-width:20px;height:20px;padding:0 6px;display:flex;align-items:center;justify-content:center}.unread-badge-absolute span{color:#fff;font-size:11px;font-weight:700}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 16px;gap:12px;text-align:center}.chat-sidebar.dark .empty-state{color:#9ca3af}.chat-sidebar.light .empty-state{color:#4b5563}.empty-state p{font-size:14px;margin:0}@media(max-width:768px){.chat-sidebar{width:100%}}.chats-container{display:flex;height:100vh;width:100%;overflow:hidden;position:absolute;top:0;left:0;right:0;padding-top:64px;z-index:1}.chats-container.dark{background-color:#111827}.chats-container.light{background-color:#f3f4f6}.chats-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%}@media(max-width:768px){.chats-container{padding-top:56px;padding-bottom:0}}.contact-page{min-height:100vh;padding:80px 16px 40px}.contact-page.dark{background-color:#000}.contact-page.light{background-color:#f2f2f7}.contact-container{max-width:600px;margin:0 auto}.contact-card{border-radius:12px;padding:32px;box-shadow:0 2px 10px #0000000d}.contact-page.dark .contact-card{background-color:#1c1c1e}.contact-page.light .contact-card{background-color:#fff}.contact-title{font-size:28px;font-weight:700;margin-bottom:24px;text-align:center;color:inherit}.contact-intro{margin-bottom:32px;padding:16px;border-radius:8px;border-left:4px solid #1CC6DD}.contact-page.dark .contact-intro{background-color:#2c2c2e}.contact-page.light .contact-intro{background-color:#f0f9ff}.contact-intro p{font-size:15px;line-height:22px;margin-bottom:12px;color:inherit}.contact-intro p:last-child{margin-bottom:0}.form-field{margin-bottom:24px}.form-label{display:block;font-size:16px;font-weight:600;margin-bottom:8px;color:inherit}.required{color:#ff3b30}.form-input,.form-textarea{width:100%;border:1px solid;border-radius:8px;padding:12px;font-size:16px;font-family:inherit;transition:border-color .2s}.contact-page.dark .form-input,.contact-page.dark .form-textarea{background-color:#1c1c1e;color:#fff;border-color:#2c2c2e}.contact-page.light .form-input,.contact-page.light .form-textarea{background-color:#fff;color:#000;border-color:#e5e5ea}.form-input:focus,.form-textarea:focus{outline:none;border-color:#1cc6dd}.form-textarea{min-height:150px;resize:vertical}.char-count{font-size:12px;opacity:.6;margin-top:4px;text-align:right;color:inherit}.dropdown-wrapper{position:relative}.form-dropdown{width:100%;border:1px solid;border-radius:8px;padding:12px;font-size:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:transparent;text-align:left}.contact-page.dark .form-dropdown{background-color:#1c1c1e;color:#fff;border-color:#2c2c2e}.contact-page.light .form-dropdown{background-color:#fff;color:#000;border-color:#e5e5ea}.dropdown-placeholder{opacity:.5}.dropdown-arrow{font-size:12px;opacity:.5}.dropdown-list{position:absolute;top:calc(100% + 8px);left:0;right:0;border:1px solid;border-radius:8px;overflow:hidden;z-index:10;box-shadow:0 4px 12px #0003}.contact-page.dark .dropdown-list{background-color:#2c2c2e;border-color:#3c3c3e}.contact-page.light .dropdown-list{background-color:#fff;border-color:#e5e5ea}.dropdown-option{width:100%;padding:12px;border:none;border-bottom:1px solid;text-align:left;cursor:pointer;font-size:15px;transition:background-color .2s}.contact-page.dark .dropdown-option{border-bottom-color:#3c3c3e;background-color:#2c2c2e;color:#e5e5ea}.contact-page.light .dropdown-option{border-bottom-color:#e5e5ea;background-color:#fff;color:#000}.dropdown-option:last-child{border-bottom:none}.contact-page.dark .dropdown-option:hover{background-color:#3c3c3e}.contact-page.light .dropdown-option:hover{background-color:#f2f2f7}.g-recaptcha{display:flex;justify-content:center}.submit-button{width:100%;background-color:#1cc6dd;color:#fff;padding:16px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:16px}.submit-button:disabled{opacity:.6;cursor:not-allowed}.snackbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:16px 24px;border-radius:8px;color:#fff;font-size:15px;box-shadow:0 4px 12px #00000026;z-index:9999;max-width:90%;animation:slideUp .3s ease-out}.snackbar.success{background-color:#4caf50}.snackbar.error{background-color:#f44336}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:768px){.contact-page{padding:80px 16px}.contact-card{padding:24px 16px}.contact-title{font-size:24px}}.location-picker{width:100%}.location-search{position:relative;margin-bottom:10px}.location-input{width:100%;padding:10px 40px 10px 12px;background-color:#f9fafb;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;color:#111827;transition:border-color .2s}.location-input::placeholder{color:#6b7280}.location-input:focus{outline:2px solid #14B8A6;border-color:#14b8a6}.location-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.location-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.location-suggestions{max-height:300px;overflow-y:auto;border:1px solid #E5E7EB;border-radius:8px;background:#fff;margin-bottom:10px;box-shadow:0 2px 8px #0000001a}.location-suggestion-item{padding:12px;cursor:pointer;border-bottom:1px solid #F3F4F6;transition:background-color .2s;color:#111827}.location-suggestion-item:last-child{border-bottom:none}.location-suggestion-item:hover{background-color:#f9fafb}.btn-current-location{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#f3f4f6;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.btn-current-location:hover:not(:disabled){background-color:#e5e7eb}.btn-current-location:disabled{opacity:.6;cursor:not-allowed}.btn-current-location i{font-size:18px}.location-selected{margin-top:12px;padding:12px;background-color:#e0f2fe;border:1px solid #BAE6FD;border-radius:8px;display:flex;flex-direction:column;gap:4px}.location-selected strong{color:#0369a1;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.location-selected span{color:#0c4a6e;font-size:14px}:root.dark .location-input{background-color:#1f2937;border-color:#d1d5db;color:#f9fafb}:root.dark .location-input::placeholder{color:#d1d5db}:root.dark .location-input:focus{border-color:#14b8a6}:root.dark .location-input:disabled{background-color:#111827}:root.dark .location-suggestions{background-color:#1f2937;border-color:#374151}:root.dark .location-suggestion-item{color:#f9fafb;border-bottom-color:#374151}:root.dark .location-suggestion-item:hover{background-color:#374151}:root.dark .btn-current-location{background-color:#374151;border-color:#4b5563;color:#f9fafb}:root.dark .btn-current-location:hover:not(:disabled){background-color:#4b5563}:root.dark .location-selected{background-color:#1e3a8a;border-color:#3b82f6}:root.dark .location-selected strong{color:#93c5fd}:root.dark .location-selected span{color:#dbeafe}.create-activity-container{max-width:800px;margin:0 auto;padding:20px 20px 80px}.create-activity-form{background:var(--card-bg);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.page-title{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.hobby-badge{font-size:14px;opacity:.7;margin-bottom:24px;font-style:italic;color:var(--text-secondary)}.form-field{margin-bottom:24px;position:relative}.field-label{display:block;font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.field-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;background:var(--input-bg);color:var(--text-primary);transition:border-color .2s}.field-input:focus{outline:none;border-color:var(--primary-color)}.char-count{font-size:12px;color:var(--text-secondary);text-align:right;margin-top:4px}.selected-hobby{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--primary-color);color:#fff;border-radius:8px;font-weight:500}.remove-hobby-btn{background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-hobby-btn:hover{background:#ffffff4d}.loading-text{padding:8px;font-size:14px;color:var(--text-secondary)}.hobbies-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:1000;margin-top:4px}.hobby-option{width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;font-size:15px;transition:background .2s}.hobby-option:hover{background:var(--hover-bg)}.editor-wrapper{min-height:350px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.form-section{margin-bottom:32px}.section-title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.helper-text{font-size:13px;color:var(--text-secondary);margin-top:4px}.notification-checkbox{display:flex;align-items:center;gap:10px;padding:16px;background:var(--input-bg);border-radius:8px;cursor:pointer;margin-bottom:24px;transition:background .2s}.notification-checkbox:hover{background:var(--hover-bg)}.notification-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.notification-checkbox span{font-size:15px;color:var(--text-primary);-webkit-user-select:none;user-select:none}.form-buttons{display:flex;gap:12px;margin-top:32px}.cancel-button,.submit-button{flex:1;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.cancel-button{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.cancel-button:hover:not(:disabled){background:var(--hover-bg)}.submit-button{background:var(--primary-color);color:#fff}.submit-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.cancel-button:disabled,.submit-button:disabled{opacity:.6;cursor:not-allowed}.error-message{max-width:600px;margin:100px auto;padding:24px;background:var(--card-bg);border-radius:12px;text-align:center}.error-message p{font-size:16px;color:var(--text-primary)}@media(prefers-color-scheme:dark){.create-activity-form{background:#1c1c1e}.field-input{background:#2c2c2e;border-color:#444;color:#fff}.hobbies-dropdown{background:#1c1c1e;border-color:#444}.editor-wrapper{border-color:#444}.notification-checkbox{background:#2c2c2e}}@media(max-width:768px){.create-activity-container{padding:12px}.create-activity-form{padding:16px}.page-title{font-size:24px}.form-buttons{flex-direction:column}.cancel-button,.submit-button{width:100%}}.create-flash-page{min-height:100vh;background-color:#f3f4f6;padding-bottom:80px}:root.dark .create-flash-page{background-color:#111827}.create-flash-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:#fff;border-bottom:1px solid #E5E7EB}:root.dark .create-flash-header{background-color:#1f2937;border-bottom-color:#374151}.create-flash-header h1{font-size:18px;font-weight:700;color:#111827;margin:0}:root.dark .create-flash-header h1{color:#f9fafb}.create-flash-wrapper{width:100%;max-width:600px;margin:0 auto;padding:24px}@media(max-width:768px){.create-flash-wrapper{padding:16px}}.create-flash-form{background-color:#fff;border-radius:12px;padding:24px}:root.dark .create-flash-form{background-color:#1f2937}@media(max-width:768px){.create-flash-form{border-radius:0;padding:16px}}.form-section{margin-bottom:24px}.form-section:last-child{margin-bottom:0}.form-label{display:block;font-size:15px;font-weight:600;color:#111827;margin-bottom:8px}:root.dark .form-label{color:#f9fafb}.required{color:#ef4444}.helper{font-size:13px;color:#6b7280;margin:4px 0 0}:root.dark .helper{color:#d1d5db}.image-preview-container{position:relative;width:100%;max-width:400px;margin:0 auto}.image-preview{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.remove-image-button{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;font-size:32px;color:#ef4444;display:flex;align-items:center;justify-content:center;transition:transform .2s}.remove-image-button:hover{transform:scale(1.1)}.image-picker-container{display:flex;justify-content:center;gap:16px}.image-picker-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;border:2px dashed #E5E7EB;border-radius:12px;background:none;cursor:pointer;transition:border-color .2s;min-width:200px}:root.dark .image-picker-button{border-color:#374151}.image-picker-button:hover{border-color:#14b8a6}.image-picker-button i{font-size:32px;color:#14b8a6;margin-bottom:8px}.image-picker-button span{font-size:14px;color:#6b7280}:root.dark .image-picker-button span{color:#d1d5db}.form-input,.form-textarea{width:100%;background-color:#f9fafb;border:1px solid #D1D5DB;border-radius:8px;padding:12px;font-family:Montserrat,sans-serif;font-size:14px;color:#111827}:root.dark .form-input,:root.dark .form-textarea{background-color:#1f2937;color:#f9fafb;border-color:#d1d5db}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280}:root.dark .form-input::placeholder,:root.dark .form-textarea::placeholder{color:#d1d5db}.form-input:focus,.form-textarea:focus{outline:2px solid #14B8A6;border-color:#14b8a6}.form-textarea{resize:vertical;min-height:100px}.char-count{text-align:right;font-size:13px;color:#6b7280;margin:4px 0 0}:root.dark .char-count{color:#d1d5db}.hobbies-scroll{display:flex;gap:8px;overflow-x:auto;padding:12px 0;margin-top:8px}.hobbies-scroll::-webkit-scrollbar{height:6px}.hobbies-scroll::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}:root.dark .hobbies-scroll::-webkit-scrollbar-track{background:#374151}.hobbies-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}:root.dark .hobbies-scroll::-webkit-scrollbar-thumb{background:#6b7280}.hobby-button{flex-shrink:0;padding:8px 16px;border:1px solid #E5E7EB;border-radius:16px;background-color:#fff;color:#111827;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}:root.dark .hobby-button{background-color:#1f2937;border-color:#374151;color:#f9fafb}.hobby-button:hover{border-color:#14b8a6}.hobby-button.selected{background-color:#14b8a6;border-color:#14b8a6;color:#fff}.selected-hobby{font-size:13px;color:#6b7280;margin:12px 0 0}:root.dark .selected-hobby{color:#d1d5db}.selected-hobby span{color:#14b8a6;font-weight:600}.location-inputs{display:flex;flex-direction:column;gap:12px;margin-top:8px}.switch-section{display:flex;align-items:center;justify-content:space-between;gap:16px}.switch{position:relative;display:inline-block;width:51px;height:31px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:23px;width:23px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#14b8a6}input:checked+.slider:before{transform:translate(20px)}.submit-button{width:100%;background-color:#14b8a6;color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;margin-top:24px}.submit-button:hover:not(:disabled){opacity:.9}.submit-button:disabled{opacity:.5;cursor:not-allowed}.loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}@media(min-width:769px){.create-flash-page{padding-bottom:24px}}.flash-detail-page{min-height:100vh;background-color:#f3f4f6;padding-bottom:80px}:root.dark .flash-detail-page{background-color:#111827}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.spinner{width:40px;height:40px;border:4px solid rgba(20,184,166,.2);border-top-color:#14b8a6;border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.error-container p{font-size:16px;color:#6b7280}:root.dark .error-container p{color:#d1d5db}.flash-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:#fff;border-bottom:1px solid #E5E7EB}:root.dark .flash-detail-header{background-color:#1f2937;border-bottom-color:#374151}.flash-detail-header h1{font-size:18px;font-weight:700;color:#111827;margin:0}:root.dark .flash-detail-header h1{color:#f9fafb}.back-button{background:none;border:none;padding:4px;cursor:pointer;color:#111827;font-size:24px;display:flex;align-items:center}:root.dark .back-button{color:#f9fafb}.back-button:hover{opacity:.7}.flash-detail-wrapper{width:100%;max-width:1050px;margin:0 auto}.flash-card{margin:24px;background-color:#fff;border-radius:12px;overflow:hidden}:root.dark .flash-card{background-color:#1f2937}@media(max-width:768px){.flash-card{margin:0;border-radius:0}}.user-header{display:flex;align-items:center;justify-content:space-between;padding:16px;gap:12px}.user-header .user-info{display:flex;align-items:center;gap:12px;flex:1;background:transparent!important;border:none;padding:0!important;border-radius:0!important;cursor:pointer;text-align:left}.user-header .user-info:hover{opacity:.8}.profile-photo{width:48px;height:48px;border-radius:24px;object-fit:cover}.profile-photo.placeholder{background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:24px;color:#9ca3af}:root.dark .profile-photo.placeholder{background-color:#374151}.user-text{flex:1}.display-name{font-size:16px;font-weight:700;color:#111827;margin-bottom:4px}:root.dark .display-name{color:#f9fafb}.time-ago{font-size:13px;color:#6b7280}:root.dark .time-ago{color:#d1d5db}.hobby-badge-right{display:flex;align-items:center;gap:4px;background-color:#14b8a6;padding:8px 12px;border-radius:16px;border:none;cursor:pointer;font-size:14px;font-weight:600;color:#fff;transition:opacity .2s}.hobby-badge-right:hover{opacity:.9}.hobby-badge-right i{font-size:14px}.flash-detail-image{width:100%;display:block;background-color:#000;object-fit:contain}.location-container{display:flex;align-items:center;padding:12px 16px 0;gap:6px;font-size:13px;color:#6b7280}:root.dark .location-container{color:#d1d5db}.location-container i{font-size:16px}.location-text{flex:1}.distance{color:#6b7280}:root.dark .distance{color:#d1d5db}.text-content{padding:16px;font-size:15px;line-height:22px;color:#111827;margin:0;white-space:pre-wrap}:root.dark .text-content{color:#f9fafb}.actions{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 16px}.action-buttons{display:flex;gap:16px}.action-button{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-size:16px;font-weight:600;color:#6b7280}:root.dark .action-button{color:#d1d5db}.action-button i{font-size:28px}.action-button i.liked{color:#ef4444}.action-button:hover{opacity:.7}.edit-buttons{display:flex;gap:8px}.edit-button,.delete-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:opacity .2s}.edit-button{background-color:#dbeafe;color:#3b82f6}.delete-button{background-color:#fee2e2;color:#ef4444}.edit-button:hover,.delete-button:hover{opacity:.8}.edit-button i,.delete-button i{font-size:13px}.comments-section{margin:0 24px 24px;padding:16px;background-color:#fff;border-radius:12px}:root.dark .comments-section{background-color:#1f2937}@media(max-width:768px){.comments-section{margin:0;border-radius:0}}.comment-input{display:flex;gap:12px;margin-bottom:24px;border:1px solid #E5E7EB;border-radius:12px;padding:12px}:root.dark .comment-input{border-color:#374151}.comment-input textarea{flex:1;background-color:#f9fafb;border:1px solid #D1D5DB;border-radius:8px;padding:12px;font-family:Montserrat,sans-serif;font-size:14px;color:#111827;resize:vertical;min-height:60px}:root.dark .comment-input textarea{background-color:#1f2937;color:#f9fafb;border-color:#d1d5db}.comment-input textarea::placeholder{color:#6b7280}:root.dark .comment-input textarea::placeholder{color:#d1d5db}.comment-input textarea:focus{outline:2px solid #14B8A6}.send-button{background-color:#14b8a6;border:none;border-radius:8px;padding:12px 16px;cursor:pointer;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.send-button:hover:not(:disabled){opacity:.9}.send-button:disabled{opacity:.5;cursor:not-allowed}.login-message{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 16px;border:1px solid #E5E7EB;border-radius:12px;margin-bottom:24px}:root.dark .login-message{border-color:#374151}.login-message i{font-size:24px;color:#6b7280}:root.dark .login-message i{color:#d1d5db}.login-message p{font-size:15px;color:#6b7280;text-align:center;margin:0}:root.dark .login-message p{color:#d1d5db}.login-buttons{display:flex;gap:12px}.login-btn,.register-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.login-btn{background-color:#14b8a6;color:#fff}.register-btn{background-color:#3b82f6;color:#fff}.login-btn:hover,.register-btn:hover{opacity:.9}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{padding-bottom:16px;border-bottom:1px solid #E5E7EB}:root.dark .comment-item{border-bottom-color:#374151}.comment-item:last-child{border-bottom:none;padding-bottom:0}.comment-header{display:flex;gap:12px;margin-bottom:8px}.comment-avatar{width:40px;height:40px;border-radius:20px;object-fit:cover;flex-shrink:0}.comment-avatar.placeholder{background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:16px;color:#9ca3af}:root.dark .comment-avatar.placeholder{background-color:#374151}.comment-content{flex:1}.comment-meta{display:flex;align-items:center;gap:6px;margin-bottom:6px}.comment-author{font-size:14px;font-weight:700;color:#111827}:root.dark .comment-author{color:#f9fafb}.comment-time{font-size:13px;color:#6b7280}:root.dark .comment-time{color:#d1d5db}.comment-text{font-size:14px;line-height:20px;color:#111827;margin:0;white-space:pre-wrap}:root.dark .comment-text{color:#f9fafb}.delete-comment-button{background:none;border:none;padding:4px;cursor:pointer;color:#ef4444;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delete-comment-button:hover{opacity:.7}.comment-actions{display:flex;padding-left:52px}.comment-like-button{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-size:14px;color:#6b7280}:root.dark .comment-like-button{color:#d1d5db}.comment-like-button i{font-size:18px}.comment-like-button i.liked{color:#ef4444}.comment-like-button:hover{opacity:.7}.show-more-button{background:none;border:none;padding:12px 0;cursor:pointer;font-size:14px;font-weight:600;color:#14b8a6;text-align:center;width:100%}.show-more-button:hover{text-decoration:underline}.no-comments{font-size:15px;color:#6b7280;text-align:center;padding:24px;margin:0}:root.dark .no-comments{color:#d1d5db}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background-color:#fff;border-radius:12px;padding:24px;max-width:400px;width:100%}:root.dark .modal-content{background-color:#1f2937}.modal-content h2{font-size:18px;font-weight:700;color:#111827;margin:0 0 12px}:root.dark .modal-content h2{color:#f9fafb}.modal-content p{font-size:14px;color:#6b7280;margin:0 0 24px;line-height:20px}:root.dark .modal-content p{color:#d1d5db}.cancel-btn,.confirm-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.cancel-btn{background-color:#e5e7eb;color:#374151}:root.dark .cancel-btn{background-color:#374151;color:#d1d5db}.confirm-btn{background-color:#ef4444;color:#fff}.cancel-btn:hover,.confirm-btn:hover{opacity:.9}@media(min-width:769px){.flash-detail-page{padding-bottom:24px}}.flashes-page{min-height:100vh;padding-bottom:80px}.flashes-page.dark{background-color:#111827}.flashes-page.light{background-color:#f3f4f6}.flashes-container{max-width:800px;margin:0 auto;padding:24px 16px}.flashes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.flashes-header-text h1{font-size:28px;font-weight:700;margin:0 0 4px;color:#f9fafb}.flashes-page.light .flashes-header-text h1{color:#111827}.flashes-header-text p{font-size:14px;margin:0;color:#d1d5db}.flashes-page.light .flashes-header-text p{color:#6b7280}.create-flash-button{display:flex;align-items:center;gap:8px;background-color:#14b8a6;color:#fff;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.create-flash-button:hover{background-color:#0d9488;transform:translateY(-1px)}.create-flash-button i{font-size:24px}.flashes-filters{margin-bottom:24px}.filters-row{display:flex;gap:8px;background-color:#374151;border-radius:8px;padding:6px}.flashes-page.light .filters-row{background-color:#e5e7eb}.filter-button{flex:1;padding:14px 16px;background-color:transparent;color:#d1d5db;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.flashes-page.light .filter-button{color:#4b5563}.filter-button.active{background-color:#3b82f6;color:#fff}.filter-button:hover:not(.active){background-color:#ffffff0d}.flashes-page.light .filter-button:hover:not(.active){background-color:#0000000d}.flash-card{background-color:#1f2937;border:1px solid #374151;border-radius:12px;overflow:hidden;margin-bottom:16px}.flashes-page.light .flash-card{background-color:#fff;border-color:#e5e7eb}.flash-profile-photo-placeholder{width:40px;height:40px;border-radius:20px;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.flash-profile-photo-placeholder i{font-size:20px;color:#9ca3af}.flash-display-name{font-size:15px;font-weight:600;margin-bottom:2px;color:#f9fafb}.flashes-page.light .flash-display-name{color:#111827}.flashes-page.light .flash-time-ago{color:#6b7280}.flash-hobby-badge i{font-size:14px}.flash-image{width:100%;aspect-ratio:1;object-fit:cover;background-color:#f3f4f6}.flashes-page.light .flash-location{color:#6b7280}.flash-location i{font-size:16px}.flash-distance{margin-left:4px}.flashes-page.light .flash-text-content p{color:#111827}.flashes-page.light .flash-actions{border-top-color:#e5e7eb}.flash-actions-left{display:flex;align-items:center;gap:16px}.flashes-page.light .flash-action-button{color:#6b7280}.flash-edit-button:hover{background-color:#bfdbfe}.flash-edit-button i{font-size:13px}.flash-delete-button:hover{background-color:#fecaca}.flash-delete-button i{font-size:13px}.empty-state p{font-size:16px;color:#9ca3af;margin-bottom:16px}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#1f2937;border-radius:12px;padding:24px;max-width:400px;width:100%}.flashes-page.light .modal-content{background-color:#fff}.modal-content h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#f9fafb}.flashes-page.light .modal-content h3{color:#111827}.modal-content p{margin:0 0 24px;font-size:14px;color:#d1d5db}.flashes-page.light .modal-content p{color:#6b7280}.modal-buttons{display:flex;gap:12px}.modal-button-cancel,.modal-button-confirm{flex:1;padding:12px;border-radius:8px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.modal-button-cancel{background-color:#374151;color:#d1d5db}.flashes-page.light .modal-button-cancel{background-color:#e5e7eb;color:#4b5563}.modal-button-cancel:hover{background-color:#4b5563}.flashes-page.light .modal-button-cancel:hover{background-color:#d1d5db}.modal-button-confirm{background-color:#ef4444;color:#fff}.modal-button-confirm:hover{background-color:#dc2626}@media(max-width:768px){.flashes-page{padding-bottom:64px}.flashes-container{padding:16px}.flashes-header{flex-direction:column;align-items:flex-start}.create-flash-button{width:100%;justify-content:center}.filters-row{flex-wrap:wrap}.filter-button{font-size:13px;padding:12px}.flash-actions-right{flex-direction:column;gap:4px}}.hobbies-page{min-height:100vh;padding-bottom:80px}.hobbies-page.dark{background-color:#111827}.hobbies-page.light{background-color:#e2e8f0}.hobbies-container{max-width:1280px;margin:0 auto;padding:16px}.spinner{width:48px;height:48px;border:4px solid rgba(20,184,166,.2);border-top-color:#14b8a6;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{font-size:16px;color:#9ca3af}.search-wrapper{background-color:#1f2937;border-bottom:1px solid #374151;border-bottom-left-radius:16px;border-bottom-right-radius:16px;margin:-16px -16px 24px;padding:24px 16px}.hobbies-page.light .search-wrapper{background-color:#cbd5e1;border-bottom-color:#94a3b8}.auth-gate{padding:40px;text-align:center;background-color:#0b1220;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:16px}.hobbies-page.light .auth-gate{background-color:#fff}.gate-icon{font-size:48px;color:#6b7280}.hobbies-page.light .gate-icon{color:#9ca3af}.auth-gate h2{font-size:18px;font-weight:600;margin:0;color:#fff}.hobbies-page.light .auth-gate h2{color:#111827}.auth-gate p{font-size:14px;color:#9ca3af;margin:0;max-width:400px}.hobbies-page.light .auth-gate p{color:#6b7280}.gate-buttons{display:flex;gap:12px;margin-top:8px;width:100%;max-width:400px}.gate-buttons .btn-primary,.gate-buttons .btn-secondary{flex:1;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;text-align:center;transition:all .2s}.gate-buttons .btn-primary{background-color:#ef4444;color:#fff;border:none}.gate-buttons .btn-primary:hover{background-color:#dc2626}.gate-buttons .btn-secondary{background-color:transparent;color:#ef4444;border:2px solid #EF4444}.gate-buttons .btn-secondary:hover{background-color:#ef44441a}.search-container{display:flex;align-items:center;padding:12px;border-radius:8px;border:1px solid #4B5563;background-color:#374151}.hobbies-page.light .search-container{background-color:#e5e7eb;border-color:#d1d5db}.search-icon{font-size:16px;color:#9ca3af;margin-right:8px}.hobbies-page.light .search-icon{color:#6b7280}.search-input{flex:1;border:none;background:transparent;font-size:14px;color:#fff;outline:none;padding:0}.hobbies-page.light .search-input{color:#111827}.search-input::placeholder{color:#6b7280}.hobbies-page.light .search-input::placeholder{color:#9ca3af}.clear-search{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.clear-search i{font-size:16px;color:#9ca3af}.hobbies-page.light .clear-search i{color:#6b7280}.hobbies-section{padding:24px;border-radius:8px;margin-bottom:16px;border:1px solid #374151;background-color:#1f2937}.hobbies-page.light .hobbies-section{background-color:#cbd5e1;border-color:#94a3b8}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.section-header i{font-size:20px;color:#fff}.hobbies-page.light .section-header i{color:#111827}.section-header h2{font-size:18px;font-weight:600;margin:0;color:#fff}.hobbies-page.light .section-header h2{color:#111827}.section-subtitle{font-size:14px;color:#9ca3af;margin:0 0 16px}.hobbies-page.light .section-subtitle{color:#6b7280}.hobbies-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.hobby-card{display:inline-flex;align-items:center;justify-content:center;gap:6px;background-color:#0d9488;color:#fff;padding:0 14px;height:40px;border-radius:9999px;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s}.hobby-card *{line-height:1!important;margin:0!important;padding:0!important}.hobby-card:hover{background-color:#0f766e;transform:translateY(-1px)}.hobby-name{color:#fff;display:inline-block}.hobby-badge{display:inline-flex;align-items:center;justify-content:center;gap:3px;background-color:#fff3;padding:2px 8px!important;height:22px;border-radius:9999px;font-size:10px;font-weight:600}.hobby-badge i,.hobby-badge span{display:inline-flex;align-items:center;color:#fff}.hobby-badge i{font-size:9px}@media(max-width:768px){.hobbies-page{padding-bottom:64px}.gate-buttons{flex-direction:column}.gate-buttons .btn-primary,.gate-buttons .btn-secondary{width:100%}.auth-gate{padding:24px 16px}.hobbies-section{padding:16px}}.create-chat-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;padding:16px}.create-chat-modal{background-color:var(--card-bg);border-radius:16px;padding:24px;width:100%;max-width:500px;box-shadow:0 10px 40px #0000004d}.create-chat-title{font-size:22px;font-weight:700;margin-bottom:8px;text-align:center;color:var(--text-primary)}.create-chat-subtitle{font-size:15px;margin-bottom:20px;text-align:center;color:var(--text-secondary)}.chat-option{display:flex;align-items:flex-start;padding:16px;border:2px solid var(--border-color);border-radius:12px;margin-bottom:12px;cursor:pointer;transition:all .2s ease}.chat-option:hover{border-color:#0d9488;background-color:#0d94880d}.chat-option.selected{border-color:#0d9488;background-color:#0d94881a}.chat-radio{width:24px;height:24px;border-radius:12px;border:2px solid #0D9488;display:flex;justify-content:center;align-items:center;margin-right:12px;margin-top:2px;flex-shrink:0}.chat-radio-inner{width:12px;height:12px;border-radius:6px;background-color:#0d9488}.chat-option-text{flex:1}.chat-option-title{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.chat-option-description{font-size:14px;color:var(--text-secondary)}.chat-location-picker{margin-bottom:16px;margin-top:8px}.chat-modal-buttons{display:flex;justify-content:space-between;margin-top:8px;gap:8px}.chat-cancel-button{flex:1;padding:14px;border-radius:10px;background-color:var(--button-secondary-bg);color:var(--text-secondary);border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.chat-cancel-button:hover{opacity:.8}.chat-cancel-button:disabled{opacity:.5;cursor:not-allowed}.chat-create-button{flex:1;padding:14px;border-radius:10px;background-color:#0d9488;color:#fff;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center}.chat-create-button:hover{background-color:#0f766e}.chat-create-button:disabled{opacity:.6;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(prefers-color-scheme:dark){.create-chat-modal{background-color:#1f2937}}.user-card{width:100%;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}body.dark .user-card{background-color:#1f2937}body.light .user-card{background-color:#cbd5e1}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.user-card-link{display:block;text-decoration:none;color:inherit}.user-card-image-container{position:relative;width:100%;height:320px;overflow:hidden}.user-card-image{width:100%;height:100%;object-fit:cover}.user-card-online-indicator{position:absolute;top:12px;right:12px;width:16px;height:16px;background-color:#10b981;border:3px solid white;border-radius:50%;box-shadow:0 2px 4px #0003}.user-card-affinity-badge{position:absolute;top:12px;left:12px;background-color:#000000b3;padding:4px 8px;border-radius:6px}.user-card-affinity-badge span{color:#fff;font-size:12px;font-weight:500;font-family:Montserrat,sans-serif}.user-card-content{padding:16px}.user-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.user-card-name{font-size:18px;font-weight:600;margin:0 8px 0 0;flex:1;font-family:Montserrat,sans-serif}body.dark .user-card-name{color:#fff}body.light .user-card-name{color:#111827}.user-card-age{font-size:14px;font-family:Montserrat,sans-serif;white-space:nowrap}body.dark .user-card-age{color:#9ca3af}body.light .user-card-age{color:#6b7280}.user-card-location{display:flex;align-items:center;gap:4px;font-size:14px;font-family:Montserrat,sans-serif;margin-bottom:8px}body.dark .user-card-location{color:#d1d5db}body.light .user-card-location{color:#4b5563}.location-icon{font-size:14px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.user-card-status{display:flex;align-items:center;gap:8px;font-size:14px;font-family:Montserrat,sans-serif;margin-bottom:12px}body.dark .user-card-status{color:#9ca3af}body.light .user-card-status{color:#6b7280}.status-dot{width:8px;height:8px;border-radius:4px;flex-shrink:0}.status-dot.online{background-color:#10b981}.status-dot.offline{background-color:#6b7280}.user-card-hobbies{display:flex;flex-wrap:wrap;gap:4px}.user-card-hobby{padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500;font-family:Montserrat,sans-serif;white-space:nowrap}body.dark .user-card-hobby{background-color:#0d9488;color:#ccfbf1}body.light .user-card-hobby{background-color:#ccfbf1;color:#115e59}body.dark .user-card-hobby.shared{border:2px solid #FFF;background-color:#0d9488;color:#ccfbf1}body.light .user-card-hobby.shared{border:2px solid #000;background-color:#ccfbf1;color:#115e59}.user-card-hobby-more{padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500;font-family:Montserrat,sans-serif}body.dark .user-card-hobby-more{background-color:#374151;color:#9ca3af}body.light .user-card-hobby-more{background-color:#e5e7eb;color:#6b7280}.hobby-detail-page{min-height:100vh;padding-bottom:80px}.hobby-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);position:sticky;top:0;z-index:100}.back-button{background:transparent;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-primary)}.back-button i{font-size:24px}.back-button:hover{background:var(--bg-secondary)}.hobby-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;text-align:center;flex:1}.toggle-hobby-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:2px solid #0D9488;border-radius:20px;background:transparent;color:#0d9488;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.toggle-hobby-button:hover{background:#0d94881a}.toggle-hobby-button.added{background:#0d9488;color:#fff}.toggle-hobby-button:disabled{opacity:.6;cursor:not-allowed}.toggle-hobby-button i{font-size:16px}.spinner-small{width:16px;height:16px;border:2px solid rgba(13,148,136,.3);border-top-color:#0d9488;border-radius:50%;animation:spin .8s linear infinite}.hobby-description{font-size:15px;line-height:1.5;color:var(--text-secondary);margin:8px auto;padding:8px 16px;background:var(--bg-secondary);border-radius:8px;font-weight:400;text-align:center;max-width:600px}.hobby-tabs{display:flex;justify-content:center;gap:8px;padding:16px 20px;border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none;background:var(--bg-primary)}.hobby-tabs::-webkit-scrollbar{display:none}.hobby-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:20px;cursor:pointer;font-size:15px;font-weight:500;color:var(--text-secondary);transition:all .2s;white-space:nowrap}.hobby-tab i{font-size:18px}.hobby-tab:hover{background:var(--bg-secondary)}.hobby-tab.active{color:#fff}.hobby-tab.active.flashes{background:#0d9488}.hobby-tab.active.users{background:#3b82f6}.hobby-tab.active.activities{background:#10b981}.hobby-tab.active.chats{background:#8b5cf6}.hobby-content{padding:0 20px;max-width:1280px;margin:0 auto}.flashes-grid{display:flex;flex-direction:column;gap:24px;max-width:600px;margin:0 auto}.hobby-detail-page .flash-card{background:var(--bg-primary);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color)}.hobby-detail-page .flash-card-header{padding:16px;display:flex;align-items:center;justify-content:space-between}.hobby-detail-page .flash-user-info{display:flex;align-items:center;gap:12px;text-decoration:none;flex:1}.hobby-detail-page .flash-profile-photo,.hobby-detail-page .flash-profile-photo-placeholder{width:40px;height:40px;border-radius:50%;object-fit:cover}.hobby-detail-page .flash-profile-photo-placeholder{background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:20px}.hobby-detail-page .flash-user-text{flex:1}.hobby-detail-page .flash-display-name{font-weight:600;color:var(--text-primary);font-size:15px}.hobby-detail-page .flash-time-ago{font-size:13px;color:var(--text-secondary)}.hobby-detail-page .flash-image-link{display:block}.hobby-detail-page .flash-image{width:100%;aspect-ratio:1;object-fit:cover;cursor:pointer;transition:opacity .2s}.hobby-detail-page .flash-image:hover{opacity:.95}.hobby-detail-page .flash-location{padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.hobby-detail-page .flash-location i{font-size:16px}.hobby-detail-page .flash-distance{color:var(--text-tertiary)}.hobby-detail-page .flash-text-content{padding:0 16px 12px}.hobby-detail-page .flash-text-content p{margin:0;color:var(--text-primary);font-size:15px;line-height:1.5}.hobby-detail-page .flash-actions{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.hobby-detail-page .flash-actions-left{display:flex;gap:16px}.hobby-detail-page .flash-action-button{display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:14px;text-decoration:none;transition:all .2s}.hobby-detail-page .flash-action-button:hover{background:var(--bg-secondary)}.hobby-detail-page .flash-action-button i{font-size:20px}.hobby-detail-page .flash-actions-right{display:flex;gap:8px}.hobby-detail-page .flash-edit-button,.hobby-detail-page .flash-delete-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s;text-decoration:none;border:none}.hobby-detail-page .flash-edit-button{background:var(--bg-secondary);color:var(--text-secondary)}.hobby-detail-page .flash-edit-button:hover{background:#0d9488;color:#fff}.hobby-detail-page .flash-delete-button{background:var(--bg-secondary);color:var(--text-secondary)}.hobby-detail-page .flash-delete-button:hover{background:#ef4444;color:#fff}.hobby-detail-page .users-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}@media(min-width:640px){.hobby-detail-page .users-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.hobby-detail-page .users-grid{grid-template-columns:repeat(3,1fr)}}.hobby-detail-page .activities-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;width:100%}.create-content-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#0d9488;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;transition:all .2s;width:fit-content;margin:0 auto;grid-column:1 / -1}.create-content-button:hover{background:#0f766e;transform:translateY(-1px)}.create-content-button i{font-size:18px}.empty-hint{margin-top:8px;font-size:14px;opacity:.8}@media(min-width:640px){.hobby-detail-page .activities-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.hobby-detail-page .activities-grid{grid-template-columns:repeat(3,1fr)}}.activities-list{display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto}.activity-card{background:var(--bg-primary);border-radius:12px;padding:16px;text-decoration:none;border:1px solid var(--border-color);transition:all .2s}.activity-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.activity-header{margin-bottom:12px}.activity-user-info{display:flex;align-items:center;gap:12px}.activity-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.activity-user-details{flex:1}.activity-username{font-weight:600;color:var(--text-primary);font-size:14px}.activity-date{font-size:12px;color:var(--text-secondary)}.activity-content{padding-left:52px}.activity-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.activity-description{font-size:14px;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.activity-meta{display:flex;flex-wrap:wrap;gap:16px}.activity-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.activity-meta-item i{font-size:16px;color:#0d9488}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state i{font-size:64px;color:var(--text-tertiary);margin-bottom:16px}.empty-state p{font-size:16px;color:var(--text-secondary);margin:0 0 24px}.create-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#0d9488;color:#fff;border-radius:12px;text-decoration:none;font-weight:600;transition:all .2s}.create-button:hover{background:#0f766e;transform:translateY(-2px);box-shadow:0 4px 12px #0d94884d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.spinner{border:3px solid var(--bg-secondary);border-top-color:#0d9488;border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}.loading-container p{margin-top:16px;color:var(--text-secondary);font-size:14px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-primary);border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #0003}.modal-content h3{margin:0 0 12px;color:var(--text-primary);font-size:20px}.modal-content p{margin:0 0 24px;color:var(--text-secondary);font-size:14px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end}.modal-button-cancel,.modal-button-confirm{padding:10px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s}.modal-button-cancel{background:var(--bg-secondary);color:var(--text-primary)}.modal-button-cancel:hover{background:var(--bg-tertiary)}.modal-button-confirm{background:#ef4444;color:#fff}.modal-button-confirm:hover{background:#dc2626}.hobby-detail-page.dark{--bg-primary: #111827;--bg-secondary: #1F2937;--bg-tertiary: #374151;--text-primary: #F9FAFB;--text-secondary: #9CA3AF;--text-tertiary: #6B7280;--border-color: #374151}.hobby-detail-page.light{--bg-primary: #FFFFFF;--bg-secondary: #F3F4F6;--bg-tertiary: #E5E7EB;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--border-color: #E5E7EB}@media(max-width:768px){.hobby-title{font-size:18px}.hobby-tabs{padding:12px 16px;justify-content:flex-start}.hobby-content{padding:0 16px}.toggle-hobby-button{padding:6px 12px;font-size:13px}}.chats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px 0}.chats-grid .empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px}.chat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;min-height:200px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;text-decoration:none;color:var(--text-primary)}.chat-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.chat-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.chat-card-name{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;flex:1;line-height:1.3}.chat-unread-badge{background:#ef4444;color:#fff;border-radius:12px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px;font-weight:700;flex-shrink:0}.chat-location{display:flex;align-items:center;gap:8px;background:#8b5cf61a;border-left:4px solid #8B5CF6;padding:12px;border-radius:8px}.chat-icon-circle{width:24px;height:24px;border-radius:12px;background:#8b5cf6;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.chat-location span{font-size:14px;color:var(--text-secondary);flex:1}.chat-stats{display:flex;gap:16px;padding-top:12px;border-top:1px solid var(--border-color);margin-top:auto}.chat-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.chat-stat i{font-size:14px}.chat-last-activity{font-size:12px;color:var(--text-tertiary);font-style:italic;margin-top:8px}@media(max-width:640px){.chats-grid{grid-template-columns:1fr}}.landing-page{min-height:100vh;font-family:Montserrat,sans-serif}.hero-section{position:relative;height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;z-index:0}.hero-overlay{position:absolute;width:100%;height:100%;background:#0006;z-index:1}.hero-content{position:relative;z-index:10;max-width:1280px;width:100%;padding:0 16px;margin:0 auto}.hero-text{text-align:center}.hero-title{font-size:48px;font-weight:700;color:#fff;line-height:60px;margin-bottom:0}.hero-title-accent{font-size:48px;font-weight:700;color:#5eead4;line-height:60px;margin-top:0;margin-bottom:16px}.hero-subtitle{font-size:18px;color:#e5e7eb;margin-bottom:32px;max-width:768px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-btn{display:flex;align-items:center;gap:8px;padding:16px 32px;border-radius:8px;font-size:18px;font-weight:600;text-decoration:none;min-width:200px;justify-content:center;transition:all .2s;font-family:Montserrat,sans-serif}.hero-btn-primary{background-color:#14b8a6;color:#fff}.hero-btn-primary:hover{background-color:#0f9a8a;transform:translateY(-2px)}.hero-btn-secondary{background-color:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff}.hero-btn-secondary:hover{background-color:#ffffff4d;transform:translateY(-2px)}.features-section{padding:80px 0}body.dark .features-section{background-color:#1f2937}body.light .features-section{background-color:#f9fafb}.features-container{max-width:1280px;margin:0 auto;padding:0 16px}.features-header{text-align:center;margin-bottom:64px}.features-title{font-size:32px;font-weight:700;margin-bottom:16px}body.dark .features-title{color:#fff}body.light .features-title{color:#111827}.features-subtitle{font-size:18px;max-width:768px;margin:0 auto}body.dark .features-subtitle{color:#9ca3af}body.light .features-subtitle{color:#6b7280}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card{padding:32px;border-radius:16px;border:2px solid;text-align:center}body.dark .feature-card{background-color:#042f2e;border-color:#134e4a}body.light .feature-card{background-color:#f0fdfa;border-color:#99f6e4}.feature-icon{width:64px;height:64px;border-radius:32px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}body.dark .feature-icon{background-color:#134e4a}body.light .feature-icon{background-color:#ccfbf1}.feature-icon i{font-size:32px;color:#14b8a6}.feature-title{font-size:20px;font-weight:600;margin-bottom:16px}body.dark .feature-title{color:#5eead4}body.light .feature-title{color:#0f766e}.feature-description{font-size:16px}body.dark .feature-description{color:#2dd4bf}body.light .feature-description{color:#115e59}.howto-section{padding:80px 0}body.dark .howto-section{background-color:#111827}body.light .howto-section{background-color:#f3f4f6}.howto-container{max-width:1280px;margin:0 auto;padding:0 16px}.howto-header{text-align:center;margin-bottom:64px}.howto-title{font-size:32px;font-weight:700;margin-bottom:16px}body.dark .howto-title{color:#fff}body.light .howto-title{color:#111827}.howto-subtitle{font-size:18px}body.dark .howto-subtitle{color:#9ca3af}body.light .howto-subtitle{color:#6b7280}.howto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px}.howto-step{text-align:center}.step-number{width:80px;height:80px;background-color:#14b8a6;border-radius:40px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:32px;font-weight:700;color:#fff}.step-title{font-size:20px;font-weight:600;margin-bottom:16px}body.dark .step-title{color:#fff}body.light .step-title{color:#111827}.step-description{font-size:16px}body.dark .step-description{color:#9ca3af}body.light .step-description{color:#6b7280}.cta-section{padding:80px 0;background-color:#14b8a6}.cta-container{max-width:1024px;margin:0 auto;padding:0 16px;text-align:center}.cta-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:24px}.cta-subtitle{font-size:18px;color:#ccfbf1;margin-bottom:32px}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.cta-btn{display:flex;align-items:center;gap:8px;padding:16px 32px;border-radius:8px;font-size:18px;font-weight:600;text-decoration:none;min-width:200px;justify-content:center;transition:all .2s;font-family:Montserrat,sans-serif}.cta-btn-primary{background-color:#fff;color:#14b8a6}.cta-btn-primary:hover{background-color:#f0f0f0;transform:translateY(-2px)}.cta-btn-secondary{background-color:transparent;border:2px solid #FFF;color:#fff}.cta-btn-secondary:hover{background-color:#ffffff1a;transform:translateY(-2px)}.cta-note{color:#ccfbf1;font-size:14px}.blog-preview-section{margin-top:60px;padding-top:60px;border-top:1px solid rgba(255,255,255,.2)}.blog-preview-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:32px;text-align:center}.blog-preview-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.blog-preview-card{background-color:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000001a}.blog-preview-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.blog-preview-image{width:100%;height:200px;object-fit:cover}.blog-preview-content{padding:20px;flex:1;display:flex;flex-direction:column}.blog-preview-card-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-preview-excerpt{font-size:14px;color:#6b7280;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-preview-list{display:flex;flex-direction:column;gap:12px}.blog-preview-list-item{background-color:#ffffff1a;padding:16px 20px;border-radius:8px;text-decoration:none;color:#fff;display:flex;align-items:center;gap:12px;transition:background-color .2s;font-size:15px}.blog-preview-list-item:hover{background-color:#ffffff26}.blog-preview-list-item i:first-child{font-size:18px;color:#ccfbf1}.blog-preview-list-item span{flex:1;font-weight:500}.blog-preview-list-item i:last-child{font-size:20px;color:#ccfbf1}.home-page{min-height:100vh;padding-bottom:80px;font-family:Montserrat,sans-serif}body.dark .home-page{background-color:#111827}body.light .home-page{background-color:#f3f4f6}.home-header{padding:32px 16px}body.dark .home-header{background-color:#111827}body.light .home-header{background-color:#f3f4f6}.home-header-content{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.home-title-section{flex:1;min-width:300px}.home-title{font-size:32px;font-weight:700;margin-bottom:8px;line-height:40px}body.dark .home-title{color:#f9fafb}body.light .home-title{color:#111827}.home-subtitle{font-size:14px;line-height:20px}body.dark .home-subtitle{color:#9ca3af}body.light .home-subtitle{color:#6b7280}.home-tabs{display:flex;justify-content:center;gap:8px;padding:16px;max-width:1280px;margin:0 auto}.home-tab{position:relative;display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;background:transparent;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Montserrat,sans-serif}body.dark .home-tab{color:#9ca3af}body.light .home-tab{color:#6b7280}.home-tab i{font-size:20px}.home-tab:hover:not(.active){background-color:#3b82f61a}body.dark .home-tab:hover:not(.active){background-color:#374151;color:#d1d5db}body.light .home-tab:hover:not(.active){background-color:#f3f4f6;color:#374151}.home-tab.active{background-color:#3b82f6;color:#fff}.home-tab.active i{color:#fff}.filter-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;background-color:#ef4444;border-radius:50%}.filters-panel-collapsible{padding:16px;max-width:1280px;margin:0 auto;border-bottom:1px solid}body.dark .filters-panel-collapsible{background-color:#1f2937;border-bottom-color:#374151}body.light .filters-panel-collapsible{background-color:#e2e8f0;border-bottom-color:#e5e7eb}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;align-items:end;margin-bottom:16px}.filter-column{display:flex;flex-direction:column;align-items:center}.filter-label{font-size:14px;font-weight:600;margin-bottom:8px;opacity:.9;text-align:center}body.dark .filter-label{color:#e5e7eb}body.light .filter-label{color:#1f2937}.age-inputs-inline{display:flex;gap:12px;justify-content:center}.age-input-group-inline{display:flex;flex-direction:column;align-items:center;gap:4px}.age-sublabel{font-size:12px;opacity:.7}body.dark .age-sublabel{color:#9ca3af}body.light .age-sublabel{color:#6b7280}.age-input-controls{display:flex;align-items:center;gap:4px}.age-btn{width:28px;height:28px;border-radius:6px;border:none;background-color:#3b82f6;color:#fff;font-size:18px;font-weight:600;line-height:18px;cursor:pointer;transition:all .2s}.age-btn:hover:not(:disabled){background-color:#2563eb}.age-btn:disabled{opacity:.3;cursor:not-allowed}.age-input-inline{width:42px;padding:6px 4px;font-size:14px;border-radius:6px;border:1px solid;text-align:center;outline:none;font-family:Montserrat,sans-serif}body.dark .age-input-inline{background-color:#1f2937;border-color:#374151;color:#f3f4f6}body.light .age-input-inline{background-color:#fff;border-color:#d1d5db;color:#111827}.age-input-inline::-webkit-outer-spin-button,.age-input-inline::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.age-input-inline[type=number]{-moz-appearance:textfield}.distance-value{font-size:14px;font-weight:400;margin-bottom:4px;text-align:center;opacity:.7}body.dark .distance-value{color:#9ca3af}body.light .distance-value{color:#6b7280}.distance-slider{width:100%;height:4px;cursor:pointer;appearance:none;-webkit-appearance:none;background:#e5e5e5;border-radius:2px;outline:none;margin-top:4px}.distance-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #3B82F6;cursor:pointer;box-shadow:0 1px 3px #0003}.distance-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #3B82F6;cursor:pointer;box-shadow:0 1px 3px #0003}.gender-select{width:100%;padding:8px 12px;font-size:14px;border-radius:6px;border:1px solid;outline:none;cursor:pointer;font-family:Montserrat,sans-serif}body.dark .gender-select{background-color:#1f2937;border-color:#374151;color:#f3f4f6}body.light .gender-select{background-color:#fff;border-color:#d1d5db;color:#111827}.filter-actions-inline{display:flex;gap:8px;justify-content:flex-end}.filter-actions-inline .filter-btn{padding:8px 20px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Montserrat,sans-serif}.filter-actions-inline .filter-btn-clear{background-color:#6b7280;color:#fff}.filter-actions-inline .filter-btn-clear:hover{background-color:#4b5563}.filter-actions-inline .filter-btn-apply{background-color:#3b82f6;color:#fff}.filter-actions-inline .filter-btn-apply:hover{background-color:#2563eb}.sort-controls-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.sort-controls{display:flex;gap:8px}.sort-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Montserrat,sans-serif}body.dark .sort-btn{background-color:#374151;color:#d1d5db}body.light .sort-btn{background-color:#e5e7eb;color:#374151}.sort-btn i{font-size:16px}.sort-btn.active{background-color:#3b82f6!important;color:#fff!important}.sort-btn.active i{color:#fff!important}.sort-btn:hover:not(.active){background-color:#3b82f61a}body.dark .sort-btn:hover:not(.active){background-color:#4b5563}body.light .sort-btn:hover:not(.active){background-color:#cbd5e1}.clear-filters-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Montserrat,sans-serif;background-color:#ef4444;color:#fff}.clear-filters-btn i{font-size:16px}.clear-filters-btn:hover{background-color:#dc2626}@media(max-width:768px){.home-tabs{padding:12px 8px}.home-tab{flex:1;flex-direction:column;gap:4px;padding:8px 12px;font-size:12px}.home-tab i{font-size:20px}.home-header-content{flex-direction:column;align-items:center;gap:16px}.home-title-section{text-align:center}.sort-controls-wrapper{width:100%;align-items:center}.sort-controls{width:100%;justify-content:center}.sort-btn{flex:1;flex-direction:column;gap:4px;padding:8px 12px;font-size:11px}.sort-btn i{font-size:18px}.clear-filters-btn{width:100%;justify-content:center;flex-direction:column;gap:4px;padding:8px 12px;font-size:11px}.clear-filters-btn i{font-size:18px}}.filters-panel{max-width:1280px;margin:32px auto;padding:0 16px}.filters-content{background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 6px #0000001a}body.dark .filters-content{background-color:#1f2937}.filters-title{font-size:24px;font-weight:700;margin-bottom:24px}body.dark .filters-title{color:#f9fafb}body.light .filters-title{color:#111827}.filter-group{margin-bottom:24px}.filter-label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}body.dark .filter-label{color:#d1d5db}body.light .filter-label{color:#374151}.age-inputs{display:flex;gap:16px}.age-input-group{flex:1}.age-input-group label{display:block;font-size:12px;margin-bottom:8px}body.dark .age-input-group label{color:#9ca3af}body.light .age-input-group label{color:#6b7280}.age-input-group input{width:100%;padding:12px;border:1px solid;border-radius:8px;font-size:16px;font-family:Montserrat,sans-serif}body.dark .age-input-group input{background-color:#374151;border-color:#4b5563;color:#f9fafb}body.light .age-input-group input{background-color:#fff;border-color:#d1d5db;color:#111827}.filter-select{width:100%;padding:12px;border:1px solid;border-radius:8px;font-size:16px;font-family:Montserrat,sans-serif;cursor:pointer}body.dark .filter-select{background-color:#374151;border-color:#4b5563;color:#f9fafb}body.light .filter-select{background-color:#fff;border-color:#d1d5db;color:#111827}.gender-buttons{display:flex;gap:8px}.gender-btn{flex:1;padding:12px;border:2px solid;border-radius:8px;background:transparent;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Montserrat,sans-serif}body.dark .gender-btn{border-color:#4b5563;color:#d1d5db}body.light .gender-btn{border-color:#d1d5db;color:#374151}.gender-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.gender-btn:hover:not(.active){background-color:#3b82f61a}.filter-actions{display:flex;gap:12px;margin-top:32px}.filter-btn{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Montserrat,sans-serif}.filter-btn-clear{background-color:transparent;border:2px solid #EF4444;color:#ef4444}.filter-btn-clear:hover{background-color:#ef4444;color:#fff}.filter-btn-apply{background-color:#3b82f6;color:#fff}.filter-btn-apply:hover{background-color:#2563eb}.following-content{max-width:1280px;margin:32px auto;padding:0 16px}.home-content{max-width:1280px;margin:0 auto;padding:0 16px}.users-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}@media(min-width:640px){.users-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.users-grid{grid-template-columns:repeat(3,1fr)}}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-state i{font-size:64px;margin-bottom:24px;opacity:.3}body.dark .empty-state i{color:#9ca3af}body.light .empty-state i{color:#6b7280}.empty-state h3{font-size:20px;font-weight:600;margin-bottom:8px}body.dark .empty-state h3{color:#f9fafb}body.light .empty-state h3{color:#111827}.empty-state p{font-size:14px;margin-bottom:24px}body.dark .empty-state p{color:#9ca3af}body.light .empty-state p{color:#6b7280}.empty-state .btn-primary{background-color:#14b8a6;color:#fff;padding:12px 24px;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:background-color .2s}.empty-state .btn-primary:hover{background-color:#0d9488}.loading-more,.no-more{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;font-size:14px}body.dark .loading-more,body.dark .no-more{color:#9ca3af}body.light .loading-more,body.light .no-more{color:#6b7280}.no-more i{font-size:20px;color:#14b8a6}.scroll-top-btn{position:fixed;right:20px;bottom:100px;width:50px;height:50px;border-radius:25px;border:1px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:100;box-shadow:0 4px 6px #0000001a}body.dark .scroll-top-btn{background-color:#1c1c1e;border-color:#e5e5ea}body.light .scroll-top-btn{background-color:#f8fafc;border-color:#e5e5ea}.scroll-top-btn i{font-size:20px;color:#007aff}.scroll-top-btn:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.spinner{width:40px;height:40px;border:4px solid;border-top-color:#14b8a6;border-radius:50%;animation:spin 1s linear infinite}body.dark .spinner{border-color:#ffffff1a;border-top-color:#14b8a6}body.light .spinner{border-color:#0000001a;border-top-color:#14b8a6}.spinner-small{width:20px;height:20px;border:3px solid;border-top-color:#14b8a6;border-radius:50%;animation:spin 1s linear infinite}body.dark .spinner-small{border-color:#ffffff1a;border-top-color:#14b8a6}body.light .spinner-small{border-color:#0000001a;border-top-color:#14b8a6}@media(max-width:768px){.hero-section{height:500px;padding-top:60px}.hero-title,.hero-title-accent{font-size:28px;line-height:36px}.hero-subtitle{font-size:16px}.hero-actions{flex-direction:column;width:100%;max-width:400px;margin:0 auto}.hero-btn,.cta-btn{width:100%;font-size:16px;padding:12px 24px}.features-section,.howto-section,.cta-section{padding:48px 0}.blog-preview-section{margin-top:40px;padding-top:40px}.blog-preview-title{font-size:24px}.blog-preview-cards{grid-template-columns:1fr;gap:16px}.blog-preview-card{flex-direction:row}.blog-preview-image{width:100px;height:100px;flex-shrink:0}.blog-preview-card-title{font-size:15px}.blog-preview-excerpt{display:none}.blog-preview-list-item{font-size:14px;padding:14px 16px}.features-header,.howto-header{margin-bottom:48px}.features-title,.howto-title,.cta-title{font-size:28px}.features-grid,.howto-grid{gap:32px}.feature-card{padding:24px}.home-header-content{flex-direction:column;align-items:center}.home-title-section{text-align:center}.home-tabs{padding:12px 8px}.home-tab{flex:1;flex-direction:column;gap:4px;padding:8px 12px;font-size:12px}.home-tab i{font-size:20px}.sort-controls{width:100%;justify-content:center}.sort-btn{flex:1;flex-direction:column;gap:4px;padding:8px 12px;font-size:11px}.sort-btn i{font-size:18px}.scroll-top-btn{bottom:80px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}body.dark .auth-page{background-color:#111827}body.light .auth-page{background-color:#e2e8f0}.auth-container{width:100%;max-width:440px;padding:40px;border-radius:16px;box-shadow:0 4px 6px #0000001a;position:relative}body.dark .auth-container{background-color:#1f2937}body.light .auth-container{background-color:#fff}.auth-close-button{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .2s ease;z-index:10}.auth-close-button:hover{background-color:#6b72801a;color:#374151}body.dark .auth-close-button:hover{background-color:#9ca3af1a;color:#9ca3af}.auth-logo{display:flex;justify-content:center;margin-bottom:32px}.auth-logo img{height:80px;width:auto}.auth-title{font-size:28px;font-weight:700;text-align:center;margin:0 0 8px;font-family:Montserrat,sans-serif}body.dark .auth-title{color:#f9fafb}body.light .auth-title{color:#1f2937}.auth-subtitle{font-size:16px;text-align:center;margin:0 0 32px;font-family:Montserrat,sans-serif}body.dark .auth-subtitle{color:#9ca3af}body.light .auth-subtitle{color:#6b7280}.auth-error{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background-color:#ef44441a;border:1px solid #EF4444;margin-bottom:24px;font-family:Montserrat,sans-serif}.auth-error i{color:#ef4444;font-size:20px}.auth-error span{color:#ef4444;font-size:14px}.auth-success{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background-color:#10b9811a;border:1px solid #10B981;margin-bottom:24px;font-family:Montserrat,sans-serif}.auth-success i{color:#10b981;font-size:20px}.auth-success span{color:#10b981;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;font-weight:500;font-family:Montserrat,sans-serif}body.dark .form-group label{color:#f9fafb}body.light .form-group label{color:#1f2937}.form-group input{padding:12px 16px;border-radius:8px;border:1px solid;font-size:16px;font-family:Montserrat,sans-serif;transition:border-color .2s}body.dark .form-group input{background-color:#111827;color:#f9fafb;border-color:#374151}body.light .form-group input{background-color:#fff;color:#1f2937;border-color:#d1d5db}.form-group input:focus{outline:none;border-color:#14b8a6}.form-group input:disabled{opacity:.5;cursor:not-allowed}.auth-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;font-family:Montserrat,sans-serif;border:none;cursor:pointer;transition:background-color .2s;margin-top:8px}.auth-button-primary{background-color:#14b8a6;color:#fff}.auth-button-primary:hover:not(:disabled){background-color:#0d9488}.auth-button-secondary{background-color:transparent;color:#14b8a6;border:1px solid #14B8A6}body.dark .auth-button-secondary,body.light .auth-button-secondary{border-color:#14b8a6;color:#14b8a6}.auth-button-secondary:hover:not(:disabled){background-color:#14b8a61a}.auth-button:disabled{opacity:.6;cursor:not-allowed}.resend-activation{background-color:#14b8a60d;border:1px solid rgba(20,184,166,.2);border-radius:8px;padding:16px;margin-bottom:24px;text-align:center}.resend-activation p{margin:0 0 12px;font-size:14px;font-family:Montserrat,sans-serif}body.dark .resend-activation p{color:#d1d5db}body.light .resend-activation p{color:#4b5563}.auth-footer p{font-size:14px;margin:0;font-family:Montserrat,sans-serif}body.dark .auth-footer p{color:#9ca3af}body.light .auth-footer p{color:#6b7280}.auth-link{color:#14b8a6;text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;margin:20px 0;gap:12px}.divider-line{flex:1;height:1px}body.dark .divider-line{background-color:#374151}body.light .divider-line{background-color:#d1d5db}.divider-text{font-size:14px;font-family:Montserrat,sans-serif}body.dark .divider-text{color:#9ca3af}body.light .divider-text{color:#6b7280}.google-button-container{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:16px;position:relative;z-index:1}.auth-footer{margin-top:24px;text-align:center;position:relative;z-index:2}.checkbox-container{margin:8px 0}.checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:14px;cursor:pointer;font-family:Montserrat,sans-serif}body.dark .checkbox-label{color:#d1d5db}body.light .checkbox-label{color:#4b5563}.checkbox-label input[type=checkbox]{margin-top:2px;width:18px;height:18px;cursor:pointer;accent-color:#14B8A6}.checkbox-label span{flex:1;line-height:1.5}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:640px){.auth-page{padding:40px 16px;align-items:flex-start}.auth-container{padding:32px 24px;margin-bottom:20px}.auth-logo img{height:60px}.auth-title{font-size:24px}.auth-subtitle{font-size:14px}.google-button-container{margin-bottom:20px}.auth-footer{margin-top:20px;padding-bottom:20px}}.hobby-approval{display:flex;flex-direction:column;height:100%;gap:16px}.hobby-approval-header h3{font-size:24px;font-weight:700;margin:0 0 8px}.hobby-approval.dark .hobby-approval-header h3{color:#fff}.hobby-approval.light .hobby-approval-header h3{color:#000}.hobby-approval-header .subtitle{font-size:16px;margin:0}.hobby-approval.dark .hobby-approval-header .subtitle{color:#aaa}.hobby-approval.light .hobby-approval-header .subtitle{color:#666}.hobby-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.hobby-item{display:flex;align-items:flex-start;padding:16px;border-radius:8px;border:1px solid #ddd}.hobby-approval.dark .hobby-item{background-color:#1c1c1e;border-color:#333}.hobby-approval.light .hobby-item{background-color:#f9f9f9;border-color:#ddd}.checkbox-container{margin-right:12px;cursor:pointer}.checkbox{width:24px;height:24px;border-radius:4px;border:2px solid #666;display:flex;align-items:center;justify-content:center;transition:all .2s}.hobby-approval.dark .checkbox{border-color:#aaa}.checkbox.checked{background-color:#007aff;border-color:#007aff}.checkmark{color:#fff;font-size:16px;font-weight:700}.hobby-content{flex:1}.hobby-name{font-size:16px;font-weight:600;margin-bottom:8px}.hobby-approval.dark .hobby-name{color:#fff}.hobby-approval.light .hobby-name{color:#000}.search-container{margin-top:4px}.search-input{width:100%;padding:8px 12px;border-radius:6px;font-size:14px;border:1px solid #ddd;background-color:#f2f2f7;box-sizing:border-box;min-height:40px}.hobby-approval.dark .search-input{background-color:#2c2c2e;border-color:#444;color:#fff}.hobby-approval.light .search-input{background-color:#f2f2f7;border-color:#ddd;color:#000}.search-input::placeholder{color:#999}.hobby-approval.dark .search-input::placeholder{color:#666}.selected-replacement{display:flex;align-items:center;justify-content:space-between;background-color:#d4edda;padding:8px;border-radius:6px;margin-top:8px}.hobby-approval.dark .selected-replacement{background-color:#1a4d2e}.replacement-text{font-size:13px;color:#155724;flex:1}.hobby-approval.dark .replacement-text{color:#90ee90}.replacement-text strong{font-weight:700}.clear-button{font-size:18px;color:#dc3545;background:none;border:none;cursor:pointer;padding:0 8px;font-weight:700}.hobby-approval.dark .clear-button{color:#ff6b6b}.suggestion-loader{margin-top:8px;font-size:13px;color:#007aff}.suggestions-container{background-color:#fff;border-radius:6px;margin-top:4px;border:1px solid #ddd;max-height:150px;overflow-y:auto}.hobby-approval.dark .suggestions-container{background-color:#2c2c2e;border-color:#444}.suggestion-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer;font-size:14px;transition:background-color .2s}.hobby-approval.dark .suggestion-item{border-bottom-color:#444;color:#fff}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#f0f0f0}.hobby-approval.dark .suggestion-item:hover{background-color:#3a3a3c}.add-button{width:100%;background-color:#28a745;padding:12px;border:none;border-radius:6px;margin-top:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.hobby-approval.dark .add-button{background-color:#1a4d2e}.add-button:hover{opacity:.8}.hobby-footer{padding-top:16px;border-top:1px solid #ddd}.hobby-approval.dark .hobby-footer{border-top-color:#333}.process-button{width:100%;background-color:#007aff;padding:16px;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s}.process-button:hover:not(:disabled){opacity:.8}.process-button:disabled{opacity:.5;cursor:not-allowed}.loading,.no-data{text-align:center;font-size:16px;padding:32px}.hobby-approval.dark .loading,.hobby-approval.dark .no-data{color:#aaa}.hobby-approval.light .loading,.hobby-approval.light .no-data{color:#666}.photo-approval{display:flex;flex-direction:column;gap:16px;padding:20px;width:100%;max-width:100%}.photo-approval-header{width:100%}.photo-approval-header h3{font-size:18px;font-weight:700;margin:0}.photo-approval.dark .photo-approval-header h3{color:#fff}.photo-approval.light .photo-approval-header h3{color:#000}.photo-tabs{display:flex;gap:4px;background-color:#e5e5ea;padding:4px;border-radius:8px;width:100%}.photo-approval.dark .photo-tabs{background-color:#2c2c2e}.photo-tab{flex:1;padding:10px;border:none;border-radius:6px;background:transparent;color:#000;font-weight:500;cursor:pointer;transition:all .2s}.photo-approval.dark .photo-tab{color:#e5e5ea}.photo-tab.active{background-color:#fff;box-shadow:0 1px 3px #0003}.photo-approval.dark .photo-tab.active{background-color:#555;color:#fff}.user-info{display:flex;gap:12px;background-color:#f5f5f5;padding:12px;border-radius:10px;width:100%}.photo-approval.dark .user-info{background-color:#2c2c2e}.current-profile-photo{width:80px;height:80px;border-radius:40px;object-fit:cover;border:2px solid #DDD}.photo-approval.dark .current-profile-photo{border-color:#555}.user-info-text{flex:1}.user-info-text p{margin:4px 0;font-size:14px}.photo-approval.dark .user-info-text p{color:#aaa}.photo-approval.light .user-info-text p{color:#666}.user-info-text strong{font-weight:600}.photo-approval.dark .user-info-text strong{color:#fff}.photo-approval.light .user-info-text strong{color:#000}.user-info-text .note{font-size:12px;font-style:italic;margin-top:6px}.photo-approval.dark .user-info-text .note{color:#888}.photo-approval.light .user-info-text .note{color:#999}.user-info-text .note.warning{color:#ff9500}.photo-viewer{display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;border-radius:12px;overflow:hidden;min-height:300px;max-height:450px;width:100%}.photo-approval.dark .photo-viewer{background-color:#000}.photo-viewer .photo{max-width:100%;max-height:100%;object-fit:contain}.photo-viewer .loading,.photo-viewer .no-photos{font-size:16px;color:#888}.photo-approval .photo-actions{display:flex!important;gap:12px;padding:10px 0;width:100%!important;max-width:800px;margin:0 auto;position:relative!important;z-index:100!important;order:999;flex-shrink:0;opacity:1!important}.photo-approval .photo-actions .btn{flex:1;padding:15px;border:none;border-radius:10px;font-size:16px!important;font-weight:700;color:#fff!important;cursor:pointer;transition:opacity .2s;opacity:1!important}.photo-approval .photo-actions .btn:hover:not(:disabled){opacity:.8!important}.photo-approval .photo-actions .btn:disabled{opacity:.5!important;cursor:not-allowed}.photo-approval .photo-actions .btn-approve{background-color:#34c759!important;color:#fff!important}.photo-approval .photo-actions .btn-reject{background-color:#ff3b30!important;color:#fff!important}.photo-approval .photo-actions .btn-move{background-color:#007aff!important;color:#fff!important}.panel-page{min-height:100vh;background-color:var(--background-primary);padding:0 0 100px}.panel-header{background:linear-gradient(135deg,#14b8a6,#0891b2);padding:32px 20px;color:#fff;text-align:center;box-shadow:0 4px 12px #0000001a}.panel-header h1{margin:0;font-size:28px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px}.panel-header i{font-size:32px}.panel-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.panel-error i{font-size:80px;color:#ef4444;margin-bottom:20px}.panel-error h2{font-size:24px;color:var(--text-primary);margin:0 0 12px}.panel-error p{color:var(--text-secondary);font-size:16px}.panel-tabs{display:flex;background-color:var(--background-secondary);border-bottom:1px solid var(--border-color);overflow-x:auto;padding:0 20px}.panel-tab{flex:1;min-width:120px;padding:16px 12px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);font-family:Montserrat,sans-serif;font-size:14px;font-weight:500}.panel-tab i{font-size:20px}.panel-tab.active{color:#14b8a6;border-bottom-color:#14b8a6}.panel-tab:hover{background-color:#14b8a60d}.panel-content{padding:20px;max-width:1200px;margin:0 auto}.panel-section{display:flex;flex-direction:column;gap:24px}.panel-section.full-height{min-height:calc(100vh - 200px);height:auto;overflow:visible}.panel-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.panel-action-block{border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px;border:2px solid;background:linear-gradient(135deg,#ffffff0d,#00000005)}.panel-action-block.services{border-color:#14b8a6;background:linear-gradient(135deg,#14b8a61a,#0d94880d)}.panel-action-block.deploy{border-color:#ff9800;background:linear-gradient(135deg,#ff98001a,#f57c000d)}.panel-action-block.backup{border-color:#9c27b0;background:linear-gradient(135deg,#9c27b01a,#7b1fa20d)}.panel-action-block h3{font-size:16px;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px;font-weight:600}.panel-action-block p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.panel-action-block .panel-button{width:100%;justify-content:center;margin-top:auto}.panel-button.services{background-color:#14b8a6;color:#fff;font-size:14px;padding:14px 20px}.panel-button.services:hover:not(:disabled){background-color:#0d9488;transform:translateY(-2px);box-shadow:0 4px 12px #14b8a64d}.panel-actions{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;gap:12px}.panel-auth{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.panel-auth h2{font-size:18px;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.panel-form{display:flex;gap:12px;flex-wrap:wrap}.panel-input{flex:1;min-width:200px;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--background-primary);color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:14px;transition:border-color .2s}.panel-input:focus{outline:none;border-color:#14b8a6}.panel-button{padding:12px 24px;border:none;border-radius:8px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.panel-button:disabled{opacity:.5;cursor:not-allowed}.panel-button.primary{background-color:#14b8a6;color:#fff}.panel-button.primary:hover:not(:disabled){background-color:#0d9488}.panel-button.deploy{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;font-size:16px;padding:16px 32px;width:100%;justify-content:center}.panel-button.deploy:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff980066}.panel-button.backup{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;font-size:16px;padding:16px 32px;width:100%;justify-content:center}.panel-button.backup:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #9c27b066}.panel-message{padding:16px;border-radius:8px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.panel-message.success{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#16a34a}.panel-message.error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.panel-deploy-section{background:linear-gradient(135deg,#ff98001a,#f57c000d);border:2px solid #FF9800;border-radius:12px;padding:24px}.panel-deploy-section h2{font-size:18px;color:var(--text-primary);margin:0 0 8px;display:flex;align-items:center;gap:8px}.panel-deploy-section p{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.panel-services h2{font-size:18px;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.service-card{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.service-header{display:flex;justify-content:space-between;align-items:center}.service-name{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);font-size:16px}.service-name i{font-size:20px;color:#14b8a6}.service-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.service-status.online{background-color:#22c55e1a;color:#16a34a}.service-status.stopped,.service-status.errored{background-color:#ef44441a;color:#dc2626}.service-stats{display:flex;gap:12px;padding:12px;background-color:var(--background-primary);border-radius:8px}.service-stat{flex:1;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.stat-value{font-size:14px;color:var(--text-primary);font-weight:600}.service-restart-btn{padding:10px;background-color:#14b8a6;color:#fff;border:none;border-radius:8px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.service-restart-btn:hover:not(:disabled){background-color:#0d9488}.service-restart-btn:disabled{opacity:.5;cursor:not-allowed}.panel-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:40px 20px}.panel-placeholder i{font-size:64px;color:var(--text-secondary);opacity:.3;margin-bottom:16px}.panel-placeholder h2{font-size:24px;color:var(--text-primary);margin:0 0 8px}.panel-placeholder p{color:var(--text-secondary);font-size:16px;margin:0}@media(max-width:768px){.panel-header{padding:24px 16px}.panel-header h1{font-size:24px}.panel-content{padding:16px}.panel-form{flex-direction:column}.panel-input{min-width:100%}.panel-actions-grid,.services-grid{grid-template-columns:1fr}}.hobbies-manager{width:100%}.hobbies-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.hobbies-title{font-size:20px;font-weight:600;margin:0}.btn-edit-hobbies{padding:6px 12px;background-color:#007aff;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.btn-edit-hobbies:hover{background-color:#0051d5}.hobbies-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.hobby-pill{display:inline-flex;align-items:center;gap:6px;background-color:#007aff;color:#fff;padding:6px 12px;border-radius:15px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.hobby-pill:hover{background-color:#0051d5}.hobby-name{-webkit-user-select:none;user-select:none}.hobby-pending{color:gold;font-size:12px}.hobby-delete{background:none;border:none;color:#fff;cursor:pointer;padding:0;margin:0;display:flex;align-items:center;font-size:18px;transition:opacity .2s}.hobby-delete:hover{opacity:.8}.no-hobbies{color:#6b7280;font-style:italic}.hobbies-editor{border-top:1px solid #e5e7eb;padding-top:16px;margin-top:16px}.hobby-search-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;margin-bottom:10px;transition:border-color .2s}.hobby-search-input:focus{outline:none;border-color:#007aff}.hobby-search-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.search-loading{display:flex;justify-content:center;padding:10px}.hobby-search-results{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff;margin-bottom:10px}.hobby-search-result{padding:12px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.hobby-search-result:last-child{border-bottom:none}.hobby-search-result:hover{background-color:#f9fafb}.btn-add-hobby{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-add-hobby:hover{background-color:#e5e7eb}.btn-add-hobby i{font-size:18px}@media(prefers-color-scheme:dark){.hobbies-title{color:#fff}.no-hobbies{color:#9ca3af}.hobbies-editor{border-top-color:#374151}.hobby-search-input{background-color:#1f2937;border-color:#374151;color:#fff}.hobby-search-input:focus{border-color:#3b82f6}.hobby-search-input:disabled{background-color:#111827}.hobby-search-results{background-color:#1f2937;border-color:#374151}.hobby-search-result{color:#fff;border-bottom-color:#374151}.hobby-search-result:hover{background-color:#374151}.btn-add-hobby{background-color:#374151;border-color:#4b5563;color:#fff}.btn-add-hobby:hover{background-color:#4b5563}}.lightbox-overlay{position:fixed;inset:0;background-color:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lightbox-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:80px}.lightbox-image-container img{width:100%;height:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080}.lightbox-close{position:absolute;top:20px;right:20px;width:48px;height:48px;background-color:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;z-index:10}.lightbox-close:hover{background-color:#fff3}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background-color:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;z-index:10}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-prev:hover,.lightbox-next:hover{background-color:#fff3}.lightbox-counter{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background-color:#0009;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;z-index:10}@media(max-width:768px){.lightbox-image-container{padding:60px 10px}.lightbox-close{top:10px;right:10px;width:40px;height:40px;font-size:24px}.lightbox-prev,.lightbox-next{width:48px;height:48px;font-size:28px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-counter{bottom:20px;font-size:13px;padding:6px 12px}}.photo-editor{width:100%;position:relative}.uploading-overlay{position:absolute;inset:0;background-color:#0009;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;border-radius:8px}.uploading-overlay p{color:#fff;margin-top:12px;font-size:16px}.photo-tab{flex:1;padding:10px 16px;background-color:#e5e7eb;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:600;color:#4b5563;cursor:pointer;transition:all .2s}.photo-tab.active{background-color:#0d9488;color:#fff;box-shadow:0 2px 4px #0d94884d}.photo-tab:hover:not(.active){background-color:#d1d5db}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:20px;min-height:150px}.photo-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background-color:#f3f4f6;transition:transform .2s}.photo-image{width:100%;height:100%;object-fit:cover;cursor:pointer}.photo-pending-badge{position:absolute;top:8px;left:8px;background-color:#ffd700e6;color:#000;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.photo-main-badge{position:absolute;top:8px;left:8px;background-color:#10b981e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:4px}.photo-favorite{position:absolute;bottom:8px;right:8px;width:40px;height:40px;background-color:#0009;border:none;border-radius:50%;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2;opacity:0}.photo-favorite:hover{background-color:#000c;transform:scale(1.1)}.photo-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s;z-index:2}.photo-item:hover .photo-actions{opacity:1}.photo-action-btn{width:32px;height:32px;background-color:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.photo-action-btn:hover{background-color:#000000e6;transform:scale(1.1)}.photo-action-btn.delete:hover{background-color:#ef4444e6}.no-photos{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af}.no-photos i{font-size:48px;margin-bottom:12px}.upload-section{display:flex;justify-content:center;margin-bottom:20px}.btn-upload{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#0d9488;color:#fff;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-upload:hover{background-color:#0f766e;transform:translateY(-1px);box-shadow:0 4px 6px #0d94884d}.btn-upload i{font-size:20px}.photo-instructions{background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;margin-top:20px}.photo-instructions p{margin:0 0 8px;color:#1e40af;font-weight:600}.photo-instructions ul{margin:0;padding-left:20px;color:#1e3a8a}.photo-instructions li{margin-bottom:4px;font-size:14px}@media(prefers-color-scheme:dark){.photo-tab{background-color:#374151;color:#d1d5db}.photo-tab:hover:not(.active){background-color:#4b5563}.photo-item{background-color:#1f2937}.no-photos{color:#6b7280}.photo-instructions{background-color:#1e3a8a;border-color:#3b82f6}.photo-instructions p{color:#93c5fd}.photo-instructions ul{color:#dbeafe}}@media(max-width:640px){.photos-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.photo-action-btn{width:28px;height:28px;font-size:14px}}.gallery-access-manager{width:100%}.empty-text{color:#6b7280;text-align:center;padding:20px;font-size:14px}.requests-list{display:flex;flex-direction:column;gap:12px}.request-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.request-card:hover{box-shadow:0 4px 6px #0000001a}.request-header{display:flex;align-items:center;margin-bottom:12px}.request-avatar{width:50px;height:50px;border-radius:25px;object-fit:cover;margin-right:12px}.request-user-info{flex:1}.request-username{font-size:16px;font-weight:600;margin:0 0 4px;color:#111827}.request-date{font-size:12px;color:#6b7280;margin:0}.request-actions{display:flex;gap:8px}.btn-approve,.btn-reject,.btn-revoke{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-height:40px}.btn-approve{background-color:#10b981;color:#fff}.btn-approve:hover:not(:disabled){background-color:#059669}.btn-reject{background-color:#ef4444;color:#fff}.btn-reject:hover:not(:disabled){background-color:#dc2626}.btn-revoke{background-color:#f59e0b;color:#fff}.btn-revoke:hover:not(:disabled){background-color:#d97706}.btn-approve:disabled,.btn-reject:disabled,.btn-revoke:disabled{opacity:.6;cursor:not-allowed}.approved-badge{flex:1;background-color:#10b981;color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}.approved-badge i{font-size:18px}@media(prefers-color-scheme:dark){.empty-text{color:#9ca3af}.request-card{background-color:#374151;border-color:#4b5563}.request-username{color:#f9fafb}.request-date{color:#9ca3af}}@media(max-width:640px){.request-actions{flex-direction:column}.btn-approve,.btn-reject,.btn-revoke,.approved-badge{width:100%}}.profile-page{min-height:100vh;padding:32px 16px 80px;font-family:Montserrat,sans-serif}body.dark .profile-page{background-color:#111827}body.light .profile-page{background-color:#f3f4f6}.profile-container{max-width:800px;margin:0 auto}.profile-title{font-size:32px;font-weight:700;margin-bottom:32px}body.dark .profile-title{color:#f9fafb}body.light .profile-title{color:#111827}.profile-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.profile-message{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.profile-error{background-color:#ef44441a;border:1px solid #EF4444;color:#ef4444}.profile-success{background-color:#10b9811a;border:1px solid #10B981;color:#10b981}.profile-message i{font-size:20px}.profile-section{border-radius:12px;padding:24px;margin-bottom:24px}body.dark .profile-section{background-color:#1f2937}body.light .profile-section{background-color:#fff}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.profile-section-title{font-size:20px;font-weight:600;margin:0}body.dark .profile-section-title{color:#f9fafb}body.light .profile-section-title{color:#111827}.btn-edit,.btn-password{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Montserrat,sans-serif;background-color:#007aff;color:#fff}.btn-edit:hover,.btn-password:hover{background-color:#0056cc}.btn-password{width:100%;justify-content:space-between;padding:16px}body.dark .btn-password{background-color:#374151;color:#f9fafb}body.light .btn-password{background-color:#f3f4f6;color:#111827}body.dark .btn-password:hover{background-color:#4b5563}body.light .btn-password:hover{background-color:#e5e7eb}.btn-logout{width:100%;display:flex;align-items:center;gap:12px;padding:16px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Montserrat,sans-serif;background-color:#ff3b30;color:#fff}.btn-logout:hover{background-color:#d32f2f}.btn-cancel,.btn-save{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Montserrat,sans-serif}.btn-cancel{background-color:transparent}body.dark .btn-cancel{color:#9ca3af;border:1px solid #374151}body.light .btn-cancel{color:#6b7280;border:1px solid #D1D5DB}.btn-cancel:hover{background-color:#0000000d}.btn-save{background-color:#007aff;color:#fff;display:flex;align-items:center;gap:8px}.btn-save:hover{background-color:#0056cc}.btn-save:disabled{opacity:.6;cursor:not-allowed}.profile-view{display:flex;flex-direction:column;gap:16px}.profile-field{display:flex;flex-direction:column;gap:4px}.profile-field label{font-size:14px;font-weight:500}body.dark .profile-field label{color:#9ca3af}body.light .profile-field label{color:#6b7280}.profile-field span{font-size:16px}body.dark .profile-field span{color:#f9fafb}body.light .profile-field span{color:#111827}.profile-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500}body.dark .form-group label{color:#9ca3af}body.light .form-group label{color:#6b7280}.form-group input,.form-group select,.form-group textarea{padding:12px;border-radius:8px;border:1px solid;font-size:16px;font-family:Montserrat,sans-serif;transition:border-color .2s}body.dark .form-group input,body.dark .form-group select,body.dark .form-group textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}body.light .form-group input,body.light .form-group select,body.light .form-group textarea{background-color:#fff;border-color:#d1d5db;color:#111827}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007aff}.input-disabled{opacity:.6;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.location-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.age-range{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:8px}body.dark .age-range{background-color:#374151}body.light .age-range{background-color:#f3f4f6}.range-input{display:flex;align-items:center;gap:12px}.range-input label{font-size:14px;font-weight:500;min-width:60px}.range-input input[type=range]{flex:1;height:4px;cursor:pointer;accent-color:#007AFF;appearance:none;-webkit-appearance:none;border-radius:2px;outline:none}body.dark .range-input input[type=range]{background-color:#4b5563}body.light .range-input input[type=range]{background-color:#d1d5db}.range-input input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background-color:#007aff;cursor:pointer}.range-input input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background-color:#007aff;border:none;cursor:pointer}.range-input span{font-size:16px;font-weight:600;min-width:40px;text-align:right}body.dark .range-input span{color:#f9fafb}body.light .range-input span{color:#111827}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid}body.dark .form-actions{border-color:#374151}body.light .form-actions{border-color:#e5e7eb}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{width:100%;max-width:500px;border-radius:16px;padding:24px}body.dark .modal-content{background-color:#1f2937}body.light .modal-content{background-color:#fff}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3{font-size:20px;font-weight:600;margin:0}body.dark .modal-header h3{color:#f9fafb}body.light .modal-header h3{color:#111827}.modal-close{width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}body.dark .modal-close{color:#9ca3af}body.light .modal-close{color:#6b7280}.modal-close:hover{background-color:#0000000d}.modal-close i{font-size:24px}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}@media(max-width:768px){.profile-page{padding:16px 8px 80px}.profile-title{font-size:24px}.profile-section{padding:16px}.form-row,.location-inputs{grid-template-columns:1fr}}.images-placeholder,.hobbies-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;border-radius:8px}body.dark .images-placeholder,body.dark .hobbies-placeholder{background-color:#374151}body.light .images-placeholder,body.light .hobbies-placeholder{background-color:#f3f4f6}.images-placeholder i,.hobbies-placeholder i{font-size:48px;margin-bottom:16px;opacity:.3}body.dark .images-placeholder i,body.dark .hobbies-placeholder i{color:#9ca3af}body.light .images-placeholder i,body.light .hobbies-placeholder i{color:#6b7280}.images-placeholder p,.hobbies-placeholder p{font-size:14px;margin:0}body.dark .images-placeholder p,body.dark .hobbies-placeholder p{color:#9ca3af}body.light .images-placeholder p,body.light .hobbies-placeholder p{color:#6b7280}.images-hint{font-size:12px!important;font-style:italic;margin-top:16px!important;line-height:1.6}.config-options{display:flex;flex-direction:column;gap:16px}.checkbox-option{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:16px}.checkbox-option input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:#14B8A6;margin-top:2px;border-radius:4px}body.dark .checkbox-option{color:#f9fafb}body.light .checkbox-option{color:#111827}.field-hint{font-size:12px;font-style:italic;margin-top:4px;margin-bottom:0}body.dark .field-hint{color:#9ca3af}body.light .field-hint{color:#6b7280}.btn-change-password{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Montserrat,sans-serif}body.dark .btn-change-password{background-color:#374151;border-color:#4b5563;color:#f9fafb}body.light .btn-change-password{background-color:#f3f4f6;border-color:#d1d5db;color:#111827}.btn-change-password:hover{background-color:#007aff1a;border-color:#007aff;color:#007aff}.btn-change-password i{font-size:18px}.private-gallery-access{margin-top:32px;padding-top:24px;border-top:1px solid}body.dark .private-gallery-access{border-color:#374151}body.light .private-gallery-access{border-color:#e5e7eb}.subsection-title{font-size:16px;font-weight:600;margin-bottom:16px}body.dark .subsection-title{color:#f9fafb}body.light .subsection-title{color:#111827}.modal-body{margin-bottom:24px}.modal-body p{margin:0;font-size:14px;line-height:1.6}body.dark .modal-body p{color:#d1d5db}body.light .modal-body p{color:#4b5563}.btn-delete{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Montserrat,sans-serif;background-color:#ef4444;color:#fff}.btn-delete:hover{background-color:#dc2626}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.spinner{width:40px;height:40px;border:3px solid rgba(0,122,255,.2);border-top-color:#007aff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.unsubscribe-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.unsubscribe-card{background:#fff;border-radius:16px;padding:40px;max-width:600px;width:100%;box-shadow:0 10px 40px #0000001a;text-align:center}.unsubscribe-card h1{font-size:28px;margin-bottom:16px;color:#1a1a1a}.unsubscribe-card p{font-size:16px;color:#666;line-height:1.6;margin-bottom:24px}.unsubscribe-card strong{color:#1a1a1a;font-weight:600}.hint{font-size:14px;color:#999;font-style:italic;margin-bottom:16px}.icon-error{font-size:64px;color:#ef4444;margin-bottom:24px}.icon-success{font-size:64px;color:#10b981;margin-bottom:24px}.icon-warning{font-size:64px;color:#f59e0b;margin-bottom:24px}.bullet-list{text-align:left;margin:20px auto 32px;max-width:400px;list-style:none;padding:0}.bullet-list li{color:#666;position:relative;padding:8px 0 8px 24px}.bullet-list li:before{content:"•";position:absolute;left:0;color:#999;font-size:18px}.button-container{display:flex;flex-direction:column;gap:16px;width:100%}.btn-primary,.btn-secondary,.btn-danger,.btn-link{padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:#0d9488;color:#fff}.btn-primary:hover:not(:disabled){background:#0f766e}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-secondary{background:transparent;border:2px solid #0d9488;color:#0d9488}.btn-secondary:hover:not(:disabled){background:#f0fdfa}.btn-link{background:transparent;color:#0d9488;text-decoration:underline;padding:12px}.btn-link:hover{color:#0f766e}button:disabled{opacity:.6;cursor:not-allowed}.spinner,.spinner-small{border:3px solid rgba(0,0,0,.1);border-top-color:#0d9488;border-radius:50%;animation:spin 1s linear infinite}.spinner{width:40px;height:40px;margin:20px auto}.spinner-small{width:16px;height:16px;border-width:2px}@media(max-width:640px){.unsubscribe-card{padding:24px}.unsubscribe-card h1{font-size:24px}.unsubscribe-card p{font-size:14px}}.user-profile-page{min-height:100vh;padding-bottom:80px}.user-profile-page.dark{background-color:#111827}.user-profile-page.light{background-color:#e2e8f0}.user-profile-container{max-width:800px;margin:0 auto;padding:20px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.spinner{width:48px;height:48px;border:4px solid rgba(13,148,136,.2);border-top-color:#0d9488;border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-header{background-color:#1f2937;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.user-profile-page.light .profile-header{background-color:#fff}.profile-header-content{display:flex;gap:24px;align-items:flex-start}.profile-photo-large{width:120px;height:120px;border-radius:60px;object-fit:cover;flex-shrink:0;border:4px solid #0D9488}.profile-header-info{flex:1}.profile-name-row{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.profile-name-row h1{font-size:28px;font-weight:700;margin:0;color:#f9fafb}.user-profile-page.light .profile-name-row h1{color:#111827}.profile-age{font-size:18px;color:#9ca3af;font-weight:500}.profile-last-seen{font-size:14px;color:#9ca3af;margin:0 0 12px}.user-profile-page.light .profile-last-seen{color:#6b7280}.profile-bio{font-size:15px;color:#d1d5db;margin:0 0 16px;line-height:1.5}.user-profile-page.light .profile-bio{color:#4b5563}.profile-actions{display:flex;gap:12px}.btn-follow,.btn-chat{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn-follow{background-color:#0d9488;color:#fff}.btn-follow:hover{background-color:#0f766e}.btn-follow.following{background-color:#374151}.btn-chat{background-color:#3b82f6;color:#fff}.btn-chat:hover{background-color:#2563eb}.main-tabs{display:flex;gap:0;background-color:#111827;border-radius:8px;padding:0;margin-bottom:16px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.user-profile-page.light .main-tabs{background-color:#fff}.main-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;background-color:#1f2937;color:#9ca3af;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.user-profile-page.light .main-tab{background-color:#f3f4f6;color:#6b7280}.main-tab i{font-size:18px}.main-tab.active.teal{background-color:#0d9488;color:#fff;transform:scale(1.05);box-shadow:0 4px 8px #0d948840}.main-tab.active.blue{background-color:#3b82f6;color:#fff;transform:scale(1.05);box-shadow:0 4px 8px #3b82f640}.tab-content{min-height:300px}.empty-state,.empty-state-flashes{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-flashes{background-color:#1f2937;border-radius:12px}.user-profile-page.light .empty-state-flashes{background-color:#f3f4f6}.empty-state-flashes i{font-size:64px;color:#666;margin-bottom:16px}.user-profile-page.light .empty-state-flashes i{color:#ccc}.empty-state-flashes p,.empty-state p{font-size:16px;color:#9ca3af;margin:0;max-width:400px}.user-profile-page.light .empty-state-flashes p,.user-profile-page.light .empty-state p{color:#6b7280}.flashes-list{display:flex;flex-direction:column;gap:16px}.flash-card{background-color:#1f2937;border:1px solid #374151;border-radius:12px;overflow:hidden}.user-profile-page.light .flash-card{background-color:#fff;border-color:#e5e7eb}.flash-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px}.flash-user-info{display:flex;align-items:center;gap:12px;flex:1;text-decoration:none;color:inherit}.flash-profile-photo{width:40px;height:40px;border-radius:20px;object-fit:cover}.flash-user-text{flex:1}.flash-display-name{font-size:15px;font-weight:600;color:#f9fafb;margin-bottom:2px}.user-profile-page.light .flash-display-name{color:#111827}.flash-time-ago{font-size:12px;color:#d1d5db}.user-profile-page.light .flash-time-ago{color:#6b7280}.flash-hobby-badge{display:flex;align-items:center;gap:4px;background-color:#14b8a6;color:#fff;padding:6px 10px;border-radius:16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.flash-hobby-badge:hover{background-color:#0d9488}.flash-image-link{display:block}.flash-image{width:100%;aspect-ratio:1;object-fit:cover}.flash-location{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;color:#d1d5db}.user-profile-page.light .flash-location{color:#6b7280}.flash-text-content{padding:0 12px 12px}.flash-text-content p{margin:0;color:#f9fafb;font-size:15px;line-height:1.5}.user-profile-page.light .flash-text-content p{color:#111827}.flash-actions{display:flex;justify-content:space-between;align-items:center;padding:12px;border-top:1px solid #374151}.user-profile-page.light .flash-actions{border-top-color:#e5e7eb}.flash-actions-left{display:flex;gap:16px}.flash-action-button{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-size:14px;color:#d1d5db;text-decoration:none;transition:all .2s;padding:0}.user-profile-page.light .flash-action-button{color:#6b7280}.flash-action-button:hover{color:#14b8a6}.flash-action-button i{font-size:24px}.flash-actions-right{display:flex;gap:8px}.flash-edit-button,.flash-delete-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s}.flash-edit-button{background-color:#dbeafe;color:#3b82f6}.flash-delete-button{background-color:#fee2e2;color:#ef4444}.load-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#0d9488;color:#fff;padding:16px;border-radius:12px;margin:16px auto;border:none;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s;min-width:200px}.profile-section{background-color:#1f2937;border-radius:12px;padding:24px;margin-bottom:16px}.user-profile-page.light .profile-section{background-color:#f3f4f6}.profile-section h2{font-size:18px;font-weight:600;color:#fff;margin:0 0 16px}.user-profile-page.light .profile-section h2{color:#111827}.info-grid{display:flex;flex-direction:column;gap:16px}.info-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:13px;color:#9ca3af;font-weight:500}.user-profile-page.light .info-label{color:#6b7280}.info-value{font-size:15px;color:#fff;font-weight:500}.user-profile-page.light .info-value{color:#111827}.hobbies-grid{display:flex;flex-wrap:wrap;gap:12px}.hobby-pill{display:inline-flex;align-items:center;background-color:#0d9488;color:#fff;padding:8px 16px;border-radius:9999px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.hobby-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0d94884d}.hobby-pill.shared{border:2px solid #FFF}.user-profile-page.light .hobby-pill.shared{border-color:#000}.photo-gate{display:flex;flex-direction:column;align-items:center;padding:40px;text-align:center;background-color:#0b1220;border-radius:12px;gap:16px}.user-profile-page.light .photo-gate{background-color:#fff}.photo-gate i{font-size:64px;color:#6b7280}.user-profile-page.light .photo-gate i{color:#9ca3af}.photo-gate h3{font-size:18px;font-weight:600;margin:0;color:#fff}.user-profile-page.light .photo-gate h3{color:#111827}.photo-gate-buttons{display:flex;gap:12px;margin-top:8px}.photo-gate-buttons .btn-primary,.photo-gate-buttons .btn-secondary{padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s}.photo-gate-buttons .btn-primary{background-color:#ef4444;color:#fff;border:none}.photo-gate-buttons .btn-secondary{background-color:transparent;color:#ef4444;border:2px solid #EF4444}.photo-tabs{display:flex;gap:8px;margin-bottom:16px}.photo-tab{flex:1;padding:12px;background-color:#374151;color:#d1d5db;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.user-profile-page.light .photo-tab{background-color:#e5e7eb;color:#4b5563}.photo-tab.active{background-color:#3b82f6;color:#fff}.photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-item{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative;transition:transform .2s}.photo-item:hover{transform:scale(1.02)}.photo-item img{width:100%;height:100%;object-fit:cover;cursor:pointer}.photo-favorite{position:absolute;top:8px;right:8px;width:36px;height:36px;background-color:#00000080;border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2;opacity:0}.photo-item:hover .photo-favorite{opacity:1}.photo-favorite:hover{background-color:#000000b3;transform:scale(1.1)}.photo-favorite.active{background-color:#fbbf24;color:#1f2937;opacity:1}.photo-favorite.active:hover{background-color:#f59e0b}.empty-photos{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;padding:40px;text-align:center}.empty-photos i{font-size:48px;color:#666;margin-bottom:12px}.empty-photos p{font-size:14px;color:#9ca3af;margin:0}.private-access-container{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center;gap:12px}.private-lock-icon{font-size:48px;color:#9ca3af;margin-bottom:8px}.user-profile-page.dark .private-lock-icon{color:#6b7280}.private-count-text{font-size:16px;font-weight:600;color:#111827;margin:0}.user-profile-page.dark .private-count-text{color:#fff}.private-message{font-size:14px;color:#6b7280;margin:0}.user-profile-page.dark .private-message{color:#9ca3af}.private-pending{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}.pending-badge{background-color:#f59e0b;padding:8px 16px;border-radius:20px}.pending-badge span{color:#fff;font-weight:600;font-size:14px}.private-request{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}.btn-request-access{background-color:#14b8a6;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-request-access:hover{background-color:#0d9488}.btn-request-access:active{background-color:#0f766e}@media(max-width:768px){.user-profile-page{padding-bottom:64px}.user-profile-container{padding:16px}.profile-header-content{flex-direction:column;align-items:center;text-align:center}.profile-photo-large{width:100px;height:100px}.profile-actions{flex-direction:column;width:100%}.btn-follow,.btn-chat{width:100%;justify-content:center}.info-row{grid-template-columns:1fr}.photos-grid{grid-template-columns:repeat(2,1fr)}.photo-gate-buttons{flex-direction:column;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;margin:0;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.light{background-color:#e2e8f0;color:#1f2937}body.dark{background-color:#111827;color:#f9fafb}#root{min-height:100vh;display:flex;flex-direction:column;width:100%}a{text-decoration:none;color:inherit}button{font-family:Montserrat,sans-serif;cursor:pointer}input,textarea,select{font-family:Montserrat,sans-serif}body.dark ::-webkit-scrollbar{width:8px;height:8px}body.dark ::-webkit-scrollbar-track{background:#1f2937}body.dark ::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}body.dark ::-webkit-scrollbar-thumb:hover{background:#4b5563}body.light ::-webkit-scrollbar{width:8px;height:8px}body.light ::-webkit-scrollbar-track{background:#e5e7eb}body.light ::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}body.light ::-webkit-scrollbar-thumb:hover{background:#9ca3af}