*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--topbar-height: 60px;--leftnav-width: 220px}:root,:root[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #e5e5e5;--text-muted: #9ca3af;--border-color: rgba(255, 255, 255, .1);--border-color-light: rgba(255, 255, 255, .15);--accent-color: #22c55e;--accent-hover: #16a34a;--primary-color: #3b82f6;--like-color: #ef4444;--search-bg: rgba(255, 255, 255, .08);--search-bg-opaque: rgba(255, 255, 255, 1);--search-border: rgba(255, 255, 255, .15);--search-focus: rgba(34, 197, 94, .3);--shadow-sm: 0 1px 3px rgba(255, 255, 255, .1);--shadow-md: 0 4px 12px rgba(255, 255, 255, .15);--dropdown-bg: #ffffff;--dropdown-text: #000000;--dropdown-border: #e5e7eb;--dropdown-hover: #f3f4f6;--input-bg: #2d2d2d;--input-text: #ffffff;--input-placeholder: #9ca3af}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #000000;--text-secondary: #666666;--text-muted: #6b7280;--border-color: rgba(0, 0, 0, .1);--border-color-light: rgba(0, 0, 0, .15);--accent-color: #22c55e;--accent-hover: #16a34a;--primary-color: #3b82f6;--like-color: #ef4444;--search-bg: rgba(0, 0, 0, .05);--search-border: rgba(0, 0, 0, .15);--search-focus: rgba(34, 197, 94, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--dropdown-bg: #ffffff;--dropdown-text: #000000;--dropdown-border: #e5e7eb;--dropdown-hover: #f3f4f6;--input-bg: #ffffff;--input-text: #000000;--input-placeholder: #6b7280}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary)}body{margin:0;padding:0;width:100%;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}input:not(.search-input):not(.role-card-name):not([type=number]),textarea,select{color:var(--input-text)!important;background-color:var(--input-bg)!important;border:2px solid var(--border-color)!important}input:not(.search-input):not(.role-card-name):not([type=number])::placeholder,textarea::placeholder{color:var(--input-placeholder)!important}input:not(.search-input):not(.role-card-name):not([type=number]):focus,textarea:focus,select:focus{border:2px solid rgba(255,255,255,.2)!important;outline:none!important;box-shadow:none!important}#root{width:100%;min-height:100vh;margin:0;padding:0;background-color:var(--bg-primary)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;padding:32px 16px}.auth-card{background:#1e2128;border:1px solid #323743;border-radius:16px;box-shadow:0 20px 60px #00000080;padding:40px;width:100%;max-width:440px}.auth-logo{display:flex;justify-content:center;margin-bottom:28px}.auth-logo img{height:auto;width:300px}.auth-heading{text-align:center;margin-bottom:28px}.auth-heading h1{font-size:26px;font-weight:600;letter-spacing:-.4px;color:#f3f4f6;margin:0 0 6px}.auth-heading p{font-size:15px;color:#bdc1ca;margin:0 0 2px;line-height:1.5}.auth-heading p.auth-subline{font-size:13px;color:#bdc1cabf}.auth-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:#f3f4f6}.form-group label .optional-tag{font-weight:400;color:#bdc1ca99}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{background:#171a1f99!important;background-color:#171a1f99!important;border:1px solid #323743!important;border-radius:6px;padding:10px 12px;font-size:14px;color:#bdc1ca!important;transition:border-color .2s;outline:none;box-shadow:none!important;-webkit-box-shadow:none!important}.form-group input::placeholder{color:#bdc1ca80;opacity:1}.form-group input:focus{border-color:#35bd10!important;outline:none;box-shadow:none!important}.form-group input.error{border-color:#ef4444!important}.form-group input:disabled{opacity:.55;cursor:not-allowed}.auth-form input:-webkit-autofill,.auth-form input:-webkit-autofill:hover,.auth-form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #171a1f inset!important;-webkit-text-fill-color:#bdc1ca!important}.forgot-password-link-container{text-align:right;margin-top:4px}.forgot-password-link{color:#35bd10;text-decoration:none;font-size:12px;font-weight:500}.forgot-password-link:hover{text-decoration:underline}.checkbox-group{display:flex;align-items:flex-start;gap:10px}.checkbox-group input[type=checkbox]{margin-top:2px;accent-color:#35bd10;flex-shrink:0}.checkbox-group label{font-size:13px;color:#bdc1ca;line-height:1.5}.checkbox-group label a{color:#35bd10;text-decoration:none}.auth-submit-btn{width:100%;background:#35bd10;color:#fff;border:none;border-radius:6px;padding:12px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #35bd1040;transition:background .2s,transform .1s;margin-top:4px}.auth-submit-btn:hover:not(:disabled){background:#2ea30e}.auth-submit-btn:active:not(:disabled){transform:scale(.98)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;margin:24px 0;gap:0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#323743b3}.auth-divider span{padding:0 14px;font-size:11px;font-weight:500;color:#bdc1ca;text-transform:uppercase;letter-spacing:.5px}.auth-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#171a1f;border:1px solid #323743;border-radius:6px;padding:10px;font-size:13px;font-weight:500;color:#bdc1ca;cursor:pointer;transition:background .2s}.auth-social-btn:hover:not(:disabled){background:#252a33}.auth-social-btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.4)}.auth-switch{text-align:center;font-size:13px;color:#bdc1ca}.auth-switch .link-button{background:none;border:none;padding:0;font-size:inherit;color:#35bd10;font-weight:500;cursor:pointer;text-decoration:none}.auth-switch .link-button:hover:not(:disabled){text-decoration:underline}.auth-switch .link-button:disabled{opacity:.6;cursor:not-allowed}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:10px 14px;border-radius:6px;font-size:13px}.success-banner{background:#35bd101a;border:1px solid rgba(53,189,16,.3);color:#4ade80;padding:10px 14px;border-radius:6px;font-size:13px}.error-message{color:#f87171;font-size:12px}.resend-confirmation{text-align:center;margin-top:12px}.resend-text{font-size:13px;color:#bdc1ca;margin:0 0 6px}.link-button{background:none;border:none;padding:0;font-size:inherit;color:#35bd10;font-weight:500;cursor:pointer;text-decoration:underline}.link-button:hover:not(:disabled){opacity:.85}.link-button:disabled{opacity:.6;cursor:not-allowed}.auth-legal{margin-top:20px;max-width:380px;text-align:center;font-size:12px;line-height:1.6;color:#bdc1ca}.auth-legal a{color:#bdc1ca;text-decoration:underline}.auth-legal a:hover{color:#f3f4f6}.auth-method-note{font-size:12px;color:#bdc1ca80;margin:8px 0 0}@media (max-width: 480px){.auth-card{padding:28px 20px}}.turnstile-container{display:flex;justify-content:center;margin:16px 0}.turnstile-container.error{border:2px solid #ff4757;border-radius:4px;padding:8px}.error-message{color:#ff4757;font-size:14px;margin-top:4px;display:block}.checkbox-group{display:flex;align-items:flex-start;gap:8px;margin:12px 0}.checkbox-group input[type=checkbox]{margin-top:2px;flex-shrink:0}.checkbox-group input[type=checkbox].error{border:2px solid #ff4757;outline:2px solid #ff4757}.checkbox-group label{font-size:14px;line-height:1.4;cursor:pointer}.checkbox-group label a{color:#007bff;text-decoration:none}.checkbox-group label a:hover{text-decoration:underline}.dark .turnstile-container.error{border-color:#ff6b7a}.dark .error-message{color:#ff6b7a}.dark .checkbox-group label a{color:#4dabf7}.form-section{margin-bottom:24px;padding:16px;border:1px solid #e1e5e9;border-radius:8px;background-color:#f8f9fa}.form-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#333}.dark .form-section{border-color:#374151;background-color:#1f2937}.dark .form-section h3{color:#f9fafb}.register-container{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;padding:32px 16px}.ve-page{min-height:100vh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px}.ve-logo{margin-bottom:32px;display:flex;justify-content:center}.ve-logo img{height:auto;width:300px}.ve-card{width:100%;max-width:420px;background:#1e2128;border:1px solid #323743;border-radius:16px;box-shadow:0 2px 5px #171a1f17,0 0 2px #171a1f1f;padding:40px 40px 36px;display:flex;flex-direction:column;align-items:center;text-align:center}.ve-icon{width:56px;height:56px;background:#35bd101a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.ve-icon svg{width:24px;height:24px}.ve-icon--success{background:#35bd1026}.ve-step{display:block;color:#35bd10;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px}.ve-title{font-size:24px;font-weight:700;color:#f3f4f6;letter-spacing:-.02em;margin:0 0 20px}.ve-email-info{margin-bottom:20px}.ve-hint{font-size:14px;color:#bdc1ca;margin:0 0 4px;line-height:1.6}.ve-email-address{font-size:14px;font-weight:500;color:#f3f4f6;margin:0;line-height:1.6;word-break:break-all}.ve-instructions{font-size:14px;color:#bdc1ca;line-height:1.65;margin:0 0 28px}.ve-actions{width:100%;display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.ve-btn-primary{width:100%;height:44px;background:#35bd10;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.ve-btn-primary:hover:not(:disabled){background:#2ea30e}.ve-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ve-btn-secondary{width:100%;height:44px;background:#000;color:#f3f4f6;border:1px solid #323743;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.ve-btn-secondary:hover{background:#1a1d21}.ve-footer{width:100%;border-top:1px solid #323743;padding-top:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.ve-footer-note{font-size:12px;color:#bdc1ca;line-height:1.65;margin:0 0 4px;padding:0 8px}.ve-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:none;cursor:pointer;color:#bdc1ca;font-size:14px;font-weight:500;padding:4px 8px;transition:color .2s}.ve-logout-btn:hover{color:#f3f4f6}.ve-success{color:#35bd10;font-size:13px;font-weight:500}.ve-error{color:#ef4444;font-size:13px;font-weight:500}.ve-dev-btn{background:none;border:1px dashed #444;border-radius:4px;color:#666;font-size:11px;padding:4px 8px;cursor:pointer}@media (max-width: 480px){.ve-card{padding:28px 24px 24px}.ve-logo img{width:220px}}.auth-wrapper{width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;background:#000;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-wrapper:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(53,189,16,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.profile-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.profile-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e1e5e9;background:#f8f9fa;border-radius:12px 12px 0 0}.profile-header h2{margin:0;color:#333;font-size:24px;font-weight:600}.close-button{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.close-button:hover{background-color:#e9ecef}.profile-content{padding:32px}.profile-info{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.info-group{display:flex;flex-direction:column;gap:8px}.info-group label{font-weight:600;color:#333;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.info-value{padding:12px 16px;background:#f8f9fa;border-radius:6px;color:#555;font-size:16px;border:2px solid transparent}.profile-input{padding:12px 16px;border:2px solid #e1e5e9;border-radius:6px;font-size:16px;transition:border-color .3s ease,box-shadow .3s ease}.profile-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.profile-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.error-banner{background-color:#f8d7da;color:#721c24;padding:12px 16px;border-radius:6px;border:1px solid #f5c6cb;font-size:14px;margin-bottom:20px}.success-banner{background-color:#d4edda;color:#155724;padding:12px 16px;border-radius:6px;border:1px solid #c3e6cb;font-size:14px;margin-bottom:20px}.profile-actions{display:flex;flex-direction:column;gap:16px;align-items:stretch}.edit-actions{display:flex;gap:12px}.edit-button,.save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;flex:1}.edit-button:hover:not(:disabled),.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.cancel-button{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;flex:1}.cancel-button:hover:not(:disabled){background:#5a6268}.logout-button{background:#dc3545;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.logout-button:hover{background:#c82333}.edit-button:disabled,.save-button:disabled,.cancel-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.layout{min-height:100vh;background-color:#f8f9fa}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f8f9fa}.loading-spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.layout-header{background:#fff;border-bottom:1px solid #e1e5e9;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.app-title{font-size:24px;font-weight:700;color:#007bff;margin:0;transition:color .2s;text-decoration:none}.app-title.clickable{cursor:pointer}.app-title.clickable:hover{color:#0056b3}.user-controls,.admin-controls,.user-controls-section{display:flex;align-items:center;gap:15px}.user-greeting{font-size:14px;color:#495057;display:flex;align-items:center;gap:8px}.admin-badge{background:#dc3545;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.header-buttons{display:flex;gap:10px}.profile-dropdown-container{position:relative}.profile-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;min-width:150px}.profile-dropdown button{display:block;width:100%;padding:8px 12px;background:transparent;border:none;text-align:left;cursor:pointer;color:#333;font-size:14px;transition:background-color .2s}.profile-dropdown button:hover{background-color:#f8f9fa}.profile-dropdown button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.profile-dropdown button:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.profile-button,.admin-logout-button{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.profile-button:hover,.admin-logout-button:hover{background:#545b62;transform:translateY(-1px)}.admin-logout-button{background:#dc3545}.admin-logout-button:hover{background:#c82333}.layout-nav{max-width:1200px;margin:0 auto;display:flex;gap:2px;padding:0 20px;overflow-x:auto}.nav-btn{padding:12px 20px;background:transparent;border:none;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;border-radius:6px 6px 0 0;transition:all .2s;white-space:nowrap;position:relative;text-decoration:none;display:inline-block}.nav-btn:hover{background:#f8f9fa;color:#007bff}.nav-btn.active{background:#007bff;color:#fff}.nav-btn.active:hover{background:#0056b3}.layout-main{min-height:calc(100vh - 120px);max-width:1200px;margin:0 auto;padding:0}@media (max-width: 768px){.header-content{padding:12px 15px;flex-direction:column;gap:15px;align-items:stretch}.app-title{text-align:center;font-size:20px}.user-controls{justify-content:center}.user-controls-section{flex-direction:column;align-items:center;gap:10px}.layout-nav{padding:0 15px;justify-content:center;flex-wrap:wrap}.nav-btn{padding:10px 16px;font-size:13px}.layout-main{padding:0 15px}}@media (max-width: 480px){.header-content{padding:10px}.layout-nav{padding:0 10px;gap:1px}.nav-btn{padding:8px 12px;font-size:12px}.user-greeting{font-size:13px;text-align:center}}.layout-nav::-webkit-scrollbar{height:4px}.layout-nav::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.layout-nav::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.layout-nav::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.top-bar-new{background:var(--bg-secondary);position:fixed;top:0;left:0;right:0;z-index:1000;color:var(--text-primary);height:var(--topbar-height, 60px);border:none!important;border-bottom:1px solid var(--border-color)!important;transition:background-color .3s ease,color .3s ease}.top-bar-content{width:100%;display:flex;align-items:center;padding:0 16px 0 8px;gap:16px;height:100%}.top-bar-controls{margin-left:auto;display:flex;align-items:center;gap:12px}.mobile-menu-button{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:8px;transition:background .2s ease;display:none;align-items:center;justify-content:center}.mobile-menu-button:hover{background:var(--border-color)}.mobile-menu-button svg{width:24px;height:24px}.logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;gap:8px}.logo-icon{height:26px!important;width:auto}.logo-svg{height:38px!important;width:auto}.search-container-new{flex:1;max-width:500px;margin:0 auto;border:none!important;border-bottom:none!important}.search-bar{position:relative;width:100%;margin:0!important;border:none;display:flex;align-items:center}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#9ca3af;pointer-events:none;z-index:2}.top-bar-new .search-input{width:100%;background:var(--search-bg)!important;border:1px solid var(--search-border)!important;border-radius:20px;padding:7px 14px 7px 36px;color:var(--input-text)!important;font-size:13px;outline:none;transition:all .2s ease;box-sizing:border-box;margin:0;vertical-align:middle}.top-bar-new .search-input::placeholder{color:var(--input-placeholder)!important;font-size:13px}.top-bar-new .search-input:focus{background:var(--search-bg)!important;border-color:var(--accent-color)!important;box-shadow:0 0 0 1px var(--search-focus)!important;color:var(--input-text)!important}.top-bar-controls{display:flex;align-items:center;gap:16px;flex-shrink:0}.control-button{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:8px;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.control-button:hover{background:var(--border-color)}.control-button svg{width:18px;height:18px}.unread-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.create-button{background:#22c55e;color:#fff;border:none;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s ease}.create-button:hover{background:#16a34a}.create-button svg{width:16px;height:16px}.create-button .dropdown-arrow{width:14px;height:14px;margin-left:4px}.create-container{position:relative}.create-dropdown{position:absolute;top:100%;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:180px;overflow:hidden;margin-top:8px}.create-dropdown .dropdown-item{width:100%;padding:12px 16px;border:none;background:none;color:var(--text-primary);text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:.9rem;transition:background .2s ease}.create-dropdown .dropdown-item:hover{background:var(--bg-secondary)}.create-dropdown .dropdown-item svg{width:18px;height:18px;color:var(--text-secondary)}.action-buttons-container{display:flex;align-items:center;gap:12px;margin-right:12px}.login-button{background:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;transition:background .2s ease}.login-button:hover{background:var(--accent-color-hover)}.profile-container{position:relative;overflow:visible}.profile-button{background:none!important;border:none!important;cursor:pointer;padding:.5rem 1rem .5rem .5rem!important}.user-avatar{width:34px!important;height:34px!important;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;transition:transform .2s ease;overflow:hidden}.user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.user-avatar:hover{transform:scale(1.05)}.topbar-profile-dropdown{position:absolute;top:100%!important;right:0!important;margin-top:8px!important;background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 10px 25px #00000080!important;min-width:200px!important;overflow:visible!important;z-index:99999!important;color:var(--text-primary)!important;display:block!important}:root[data-theme=light] .topbar-profile-dropdown{background:#fff!important;box-shadow:0 4px 12px #00000026!important}.topbar-profile-dropdown .dropdown-header{padding:16px;background:var(--bg-tertiary)!important}.topbar-profile-dropdown .user-info{display:flex;align-items:center;gap:12px}.topbar-profile-dropdown .user-avatar-large{width:40px;height:40px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;overflow:hidden}.topbar-profile-dropdown .user-avatar-large-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.topbar-profile-dropdown .user-avatar-large-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.topbar-profile-dropdown .user-details{display:flex;flex-direction:column}.topbar-profile-dropdown .user-name{font-weight:600;color:var(--text-primary)!important;font-size:14px}.topbar-profile-dropdown .user-handle{color:var(--text-secondary)!important;font-size:12px}.topbar-profile-dropdown .dropdown-divider{height:1px;background:var(--border-color)!important;margin:0}.topbar-profile-dropdown .dropdown-item{width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;color:var(--text-primary)!important;font-size:14px;transition:background .2s ease}.topbar-profile-dropdown .dropdown-item:hover{background:var(--bg-tertiary)!important}.topbar-profile-dropdown .dropdown-item.logout{color:#dc2626!important}.topbar-profile-dropdown .dropdown-item.logout:hover{background:#f3f4f6!important}.notification-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #00000080;width:360px;max-height:500px;overflow:hidden;z-index:99999;color:var(--text-primary);display:flex;flex-direction:column}:root[data-theme=light] .notification-dropdown{background:#fff;box-shadow:0 4px 12px #00000026}.notification-dropdown-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-tertiary)}.notification-dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.notification-dropdown-header .view-all-link{background:none;border:none;color:var(--primary-color);font-size:14px;cursor:pointer;padding:0;font-weight:500}.notification-dropdown-header .view-all-link:hover{text-decoration:underline}.notification-dropdown-content{flex:1;overflow-y:auto;max-height:450px}.notification-dropdown-content .coming-soon{padding:32px 16px;text-align:center;color:var(--text-secondary);font-size:14px}.notification-dropdown-content .no-notifications-text{padding:32px 16px;text-align:center;color:var(--text-secondary);font-size:14px;margin:0}.notification-item{padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s ease;display:flex;gap:12px;align-items:flex-start}.notification-item:hover{background:var(--bg-tertiary)}.notification-item.unread{background:var(--bg-highlight)}.notification-item .notification-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.notification-item .notification-content{flex:1;min-width:0}.notification-item .notification-message{font-size:14px;color:var(--text-primary);margin:0 0 4px;line-height:1.4}.notification-item .notification-time{font-size:12px;color:var(--text-secondary)}.notification-item .notification-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-color);flex-shrink:0;margin-top:6px}@media (max-width: 1200px){.mobile-menu-button{display:flex}}@media (max-width: 960px){.logo-icon{display:none}.logo-svg{height:42px!important}}@media (max-width: 768px){.top-bar-content{gap:12px}.top-bar-controls{gap:0}.search-container-new{max-width:200px;flex:1}.logo{font-size:20px}.logo-svg{height:32px!important}.create-button span{display:none}.create-button{padding:8px;width:auto;height:32px;gap:0}.control-button{padding:6px;width:32px;height:32px}.control-button svg{width:16px;height:16px}.user-avatar{width:32px!important;height:32px!important;font-size:14px}}@media (max-width: 480px){.search-container-new{max-width:150px}.top-bar-content{gap:8px}.top-bar-controls{gap:0}.control-button{padding:4px;width:28px;height:28px}.control-button svg{width:14px;height:14px}.create-button{width:auto;height:28px;padding:6px;gap:0}.logo-svg{height:32px!important}.user-avatar{width:28px!important;height:28px!important;font-size:12px}.search-input{font-size:16px;padding:8px 12px 8px 32px}.search-icon{left:10px;width:14px;height:14px}}.search-container-new{position:relative}.search-loading-indicator{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px}.spinner{animation:spin 1s linear infinite}.spinner-circle{stroke:var(--accent-color);stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:0;transform-origin:center}.search-results-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-primary);border:none;border-radius:12px;box-shadow:0 8px 24px #00000026;max-height:600px;overflow-y:auto;z-index:1000;color:var(--text-primary)}:root[data-theme=light] .search-results-dropdown{background:#fff;box-shadow:0 4px 12px #00000026}:root[data-theme=dark] .search-results-dropdown{background:#1a1a1a;box-shadow:0 8px 24px #00000080}.search-results-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);border-radius:12px 12px 0 0;position:sticky;top:0;z-index:1}:root[data-theme=dark] .search-results-header{background:#242424;border-bottom-color:#ffffff1a}.results-summary{font-size:14px;color:var(--text-secondary);font-weight:500}:root[data-theme=dark] .results-summary{color:#a0a0a0}.view-all-results-btn{background:var(--accent-color);color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.view-all-results-btn:hover{opacity:.9}.search-results-content{padding:12px 0}.search-category{padding:0 20px;margin-bottom:20px;border:none!important;border-top:none!important;border-bottom:none!important;outline:none}.search-category:last-child{margin-bottom:0}.category-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;border-radius:0;background:transparent;border:none}:root[data-theme=dark] .category-header{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.08)}.category-icon{font-size:18px;color:var(--text-primary)}:root[data-theme=dark] .category-icon{color:#e0e0e0}.category-header h4{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);flex:1}:root[data-theme=dark] .category-header h4{color:#e0e0e0}.result-count{font-size:13px;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px;font-weight:500}:root[data-theme=dark] .result-count{background:#2a2a2a;color:#a0a0a0}.view-all-btn{background:none;border:none;color:var(--accent-color);font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease}.view-all-btn:hover{background:var(--bg-tertiary)}:root[data-theme=dark] .view-all-btn:hover{background:#2a2a2a}.category-results{display:flex;flex-direction:column;gap:8px}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.search-result-item:hover{background:var(--bg-tertiary)}:root[data-theme=dark] .search-result-item:hover{background:#2a2a2a}.result-avatar{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);font-size:20px}:root[data-theme=dark] .avatar-placeholder{background:#2a2a2a;color:#888}.result-title{@keyframes highlightPulse{0%{box-shadow:0 4px 20px #3b82f626}50%{box-shadow:0 6px 30px #3b82f64d}to{box-shadow:0 4px 20px #3b82f626}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rp-spin{to{transform:rotate(360deg)}}@keyframes rp-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes as-spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes ep-spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}border-top:1px solid var(--border-color)}.result-title :root[data-theme=dark] .result-title{color:#e0e0e0}.result-title .result-subtitle{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-title :root[data-theme=dark] .result-subtitle{color:#a0a0a0}.result-title .result-snippet{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;margin-top:4px}.result-title :root[data-theme=dark] .result-snippet{color:#888888 font-size: 12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;margin-top:4px}.result-title .no-results{text-align:center;padding:40px 20px}.result-title .no-results-icon{font-size:48px;margin-bottom:12px}.result-title .no-results p{font-size:15px;color:var(--text-primary);margin:0 0 4px;font-weight:500}.result-title .no-results-hint{font-size:13px;color:var(--text-secondary)}.result-title .no-results-message{padding:12px;text-align:center;font-size:13px;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.result-title .search-results-dropdown{max-height:400px;left:-20px;right:-20px}.result-title .result-avatar{width:36px;height:36px}.result-title .result-title{font-size:13px}.result-title .result-subtitle,.result-title .result-snippet{font-size:11px}}.result-title .left-nav-new{width:var(--leftnav-width, 220px);height:calc(100vh - var(--topbar-height, 60px));background:var(--bg-secondary);color:var(--text-primary);position:fixed;left:0;top:var(--topbar-height, 60px);z-index:100;overflow-y:auto;border-right:1px solid var(--border-color);transition:transform .3s ease,background-color .3s ease,color .3s ease}.result-title .nav-content{display:flex;flex-direction:column;height:100%;padding:12px 0}.result-title .nav-menu{flex:1;padding:0 10px}.result-title .nav-item{display:flex;align-items:center;padding:8px 12px;margin-bottom:2px;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;font-weight:500;gap:10px}.result-title .nav-item:hover{background:var(--border-color);color:var(--text-primary)}.result-title .nav-item.active{background:var(--accent-color);color:#fff;font-weight:600}.result-title .nav-item.active .nav-icon{color:#fff}.result-title .nav-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .2s ease}.result-title .nav-item:hover .nav-icon{color:var(--text-primary)}.result-title .nav-icon svg{width:16px;height:16px}.result-title .nav-label{font-size:13px;line-height:1.2}.result-title .nav-badge{display:inline-block;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:600;text-transform:uppercase;background:#ffffff1a;border-radius:4px;color:var(--text-tertiary)}.result-title .nav-item.disabled{pointer-events:none}.result-title .nav-footer{padding:20px 16px 0;margin-top:20px;border-top:1px solid rgba(255,255,255,.1)}.result-title .logout-section{margin-bottom:20px}.result-title .logout-btn{display:flex;align-items:center;padding:8px 12px;width:100%;background:none;border:none;border-radius:8px;color:#ef4444;text-decoration:none;transition:all .2s ease;font-weight:500;gap:10px;cursor:pointer;font-size:13px}.result-title .logout-btn:hover{background:#ef44441a;color:#f87171}.result-title .logout-btn .nav-icon{color:#ef4444}.result-title .logout-btn:hover .nav-icon{color:#f87171}.result-title .left-nav-new::-webkit-scrollbar{width:6px}.result-title .left-nav-new::-webkit-scrollbar-track{background:transparent}.result-title .left-nav-new::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.result-title .left-nav-new::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 1200px){.result-title .left-nav-new{transform:translate(-100%)}.result-title .left-nav-new.open{transform:translate(0);width:280px}.result-title .nav-content{display:flex!important;flex-direction:column!important}.result-title .nav-menu{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important}.result-title .nav-item{display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;flex-wrap:nowrap!important}.result-title .left-nav-new:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:-1;opacity:0;transition:opacity .3s ease;pointer-events:none}.result-title .left-nav-new.open:before{opacity:1;pointer-events:auto}}@media (max-width: 768px){.result-title .left-nav-new.open{width:260px}}.result-title .post-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;background:transparent!important;padding:0!important;border:none!important;border-bottom:none!important}.result-title .post-header.small{gap:.5rem;margin-bottom:.5rem}.result-title .post-header.large{gap:1rem;margin-bottom:1rem}.result-title .post-header.stub{display:block;margin-bottom:.75rem}.result-title .ph-stub-row{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;line-height:1}.result-title .ph-stub-room{display:inline-flex;align-items:center;gap:5px;text-decoration:none}.result-title .ph-stub-room-dot{width:22px;height:22px;border-radius:50%;background:var(--accent-primary, #22c55e);flex-shrink:0}.result-title .ph-stub-room-name{font-size:.82rem;font-weight:700;color:var(--text-primary, #f3f4f6);transition:color .15s}.result-title .ph-stub-room:hover .ph-stub-room-name{color:var(--accent-primary, #22c55e)}.result-title .ph-sep-dot,.result-title .ph-stub-posted-by{font-size:.78rem;color:var(--text-muted, #9ca3af)}.result-title .ph-stub-author-link{display:inline-flex;align-items:center;gap:5px;text-decoration:none}.result-title .ph-stub-author-avatar{width:18px;height:18px;border-radius:50%;background:var(--accent-primary, #22c55e);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0}.result-title .ph-stub-author-img{width:100%;height:100%;object-fit:cover}.result-title .ph-stub-author-name{font-size:.78rem;color:var(--text-muted, #9ca3af);transition:color .15s}.result-title .ph-stub-author-link:hover .ph-stub-author-name{color:var(--text-primary, #f3f4f6)}.result-title .ph-stub-time{font-size:.78rem;color:var(--text-muted, #9ca3af)}.result-title .post-header.detail{display:block;margin-bottom:1rem}.result-title .ph-detail-main{display:flex;align-items:flex-start;gap:.75rem}.result-title .ph-detail-avatar .avatar-link,.result-title .ph-detail-avatar .avatar-container{width:2.75rem;height:2.75rem;border-radius:50%;overflow:hidden;display:block;flex-shrink:0}.result-title .ph-detail-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.result-title .ph-detail-row1{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.result-title .ph-author-name{font-weight:700;font-size:.9rem;color:var(--text-primary, #f3f4f6);text-decoration:none;transition:color .15s ease}.result-title a.ph-author-name:hover{color:var(--accent-primary, #22c55e)}.result-title .ph-sep{color:var(--text-muted, #6b7280);font-size:.8rem;line-height:1}.result-title .ph-posted-in{color:var(--text-muted, #9ca3af);font-size:.78rem}.result-title .ph-room-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--text-primary, #f3f4f6);text-decoration:none;transition:color .15s ease}.result-title .ph-room-chip:hover{color:var(--accent-primary, #22c55e)}.result-title .ph-room-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-primary, #22c55e);flex-shrink:0}.result-title .ph-detail-row2{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.result-title .ph-time{display:inline-flex;align-items:center;gap:.3rem;color:var(--text-muted, #9ca3af);font-size:.78rem}.result-title .ph-type-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;background:#171a1fcc;border-radius:9999px;font-size:.7rem;font-weight:600;color:var(--text-primary, #f3f4f6);border:1px solid rgba(50,55,67,.5)}.result-title .author-avatar{flex-shrink:0}.result-title .avatar-link,.result-title .avatar-container{display:block;width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;transition:transform .2s ease;border:none!important;border-style:none!important;background:transparent!important}.result-title .avatar-link:hover{transform:scale(1.05)}.result-title .post-header.small .avatar-link,.result-title .post-header.small .avatar-container{width:2rem;height:2rem}.result-title .post-header.large .avatar-link,.result-title .post-header.large .avatar-container{width:3rem;height:3rem}.result-title .avatar-image{width:100%;height:100%;object-fit:cover;background:var(--bg-secondary, #666666)!important;border:none!important;border-style:none!important}.result-title .avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--accent-primary, #22c55e)!important;color:#fff!important;font-weight:600;font-size:1rem;border:none!important}.result-title .post-header.small .avatar-placeholder{font-size:.875rem}.result-title .post-header.large .avatar-placeholder{font-size:1.125rem}.result-title .author-info{flex-shrink:0}.result-title .display-name{font-weight:600;color:var(--text-primary, #ffffff);font-size:.9rem;line-height:1.2}.result-title .author-link{color:var(--text-primary, #ffffff);text-decoration:none;transition:color .2s ease}.result-title .author-link:hover{color:var(--accent-primary, #22c55e)}.result-title .author-name{color:var(--text-primary, #ffffff)}.result-title .username{color:var(--text-muted, #94a3b8);font-size:.85rem;font-weight:400}.result-title .room-info{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.result-title .in-text{color:var(--text-muted, #94a3b8);font-size:.8rem}.result-title .room-name{color:var(--accent-primary, #22c55e);text-decoration:none;font-weight:500;transition:color .2s ease;font-size:.8rem}.result-title .room-name:hover{color:var(--accent-secondary, #16a34a)}.result-title .content-type-info{flex-shrink:0}.result-title .content-type-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.result-title .content-type-badge.event{background:var(--info-bg, rgba(59, 130, 246, .1));color:var(--info-primary, #3b82f6)}.result-title .content-type-badge.ad{background:var(--warning-bg, rgba(245, 158, 11, .1));color:var(--warning-primary, #f59e0b)}.result-title .content-type-badge.tournament{background:var(--success-bg, rgba(34, 197, 94, .1));color:var(--success-primary, #22c55e)}.result-title .timestamp{color:var(--text-muted, #94a3b8);font-size:.85rem;font-weight:400;margin-left:auto;flex-shrink:0}.result-title .post-header.small .timestamp{font-size:.75rem}.result-title .post-header.large .timestamp{font-size:.9rem}.result-title :root{--text-primary: #ffffff;--text-muted: #94a3b8;--text-secondary: #94a3b8;--bg-secondary: #666666;--bg-primary: transparent;--accent-primary: #22c55e;--accent-secondary: #16a34a}.result-title .shared-from-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:.375rem;margin-bottom:.75rem;width:100%;flex-basis:100%;color:var(--text-primary)}.result-title .shared-from-banner svg{color:#3b82f6;flex-shrink:0}.result-title .shared-from-text{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.result-title html[data-theme=light]{--text-primary: #000000;--text-muted: #6b7280;--text-secondary: #6b7280;--bg-secondary: #f3f4f6;--bg-primary: transparent}@media (max-width: 768px){.result-title .post-header{gap:.5rem}.result-title .avatar-link,.result-title .avatar-container{width:2rem;height:2rem}.result-title .avatar-placeholder,.result-title .display-name{font-size:.875rem}.result-title .username,.result-title .room-name{font-size:.8125rem}.result-title .content-type-badge{font-size:.625rem;padding:.125rem .375rem}.result-title .timestamp{font-size:.75rem}.result-title .in-text{font-size:.8125rem}}.result-title .action-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:.5rem;color:var(--text-muted, var(--text-secondary));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.result-title .action-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.result-title .action-button:disabled{opacity:.5;cursor:not-allowed}.result-title .action-button.small{padding:.25rem .5rem;font-size:.75rem;gap:.25rem}.result-title .action-button.large{padding:.75rem 1rem;font-size:1rem;gap:.75rem}.result-title .action-icon{display:flex;align-items:center;width:1.25rem;height:1.25rem}.result-title .action-icon svg{width:100%;height:100%}.result-title .action-button.small .action-icon{width:1rem;height:1rem}.result-title .action-button.large .action-icon{width:1.5rem;height:1.5rem}.result-title .action-count{font-variant-numeric:tabular-nums;font-weight:600}.result-title .like-button.liked{color:var(--accent-primary, #22c55e)}.result-title .like-button.liked:hover{color:var(--accent-primary, #22c55e);background:var(--accent-bg, rgba(34, 197, 94, .1))}.result-title .upvote-button.liked{color:var(--success-primary, #22c55e)}.result-title .upvote-button.liked:hover{color:var(--success-primary, #22c55e);background:var(--success-bg, rgba(34, 197, 94, .1))}.result-title .heart-button.liked{color:var(--error-primary, #ef4444)}.result-title .heart-button.liked:hover{color:var(--error-primary, #ef4444);background:var(--error-bg, rgba(239, 68, 68, .1))}.result-title .star-button.liked{color:var(--warning-primary, #f59e0b)}.result-title .star-button.liked:hover{color:var(--warning-primary, #f59e0b);background:var(--warning-bg, rgba(245, 158, 11, .1))}.result-title .comment-button:hover{color:var(--info-primary, #3b82f6);background:var(--info-bg, rgba(59, 130, 246, .1))}.result-title .share-button:hover{color:var(--success-primary, #22c55e);background:var(--success-bg, rgba(34, 197, 94, .1))}.result-title .post-menu-container{position:relative}.result-title .post-menu-container.menu-open{z-index:999999!important}.result-title .menu-button:hover{background:var(--bg-secondary)}.result-title .menu-button.open{background:var(--bg-secondary);color:var(--text-primary)}.result-title .menu-button-container{position:relative;z-index:1}.result-title .menu-button{position:relative;z-index:2}.result-title .post-menu-dropdown{position:absolute;top:100%;right:0;z-index:999999!important;min-width:12rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px #00000026;padding:.5rem 0;margin-top:.25rem;transform:translateZ(0);will-change:transform,opacity}.result-title [data-theme=dark] .post-menu-dropdown{box-shadow:0 4px 12px #0000004d}.result-title .menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;text-align:left;cursor:pointer;transition:background .2s ease}.result-title .menu-item:hover{background:var(--bg-secondary)}.result-title .menu-item-icon{display:flex;align-items:center;width:1rem;height:1rem;color:var(--text-muted, var(--text-secondary))}.result-title .menu-item-icon svg{width:100%;height:100%}.result-title .menu-item-label{flex:1;font-weight:500}@media (max-width: 768px){.result-title .action-button{padding:.5rem;gap:.25rem}.result-title .action-count{display:none}.result-title .action-button.large .action-count{display:block}.result-title .post-menu-dropdown{min-width:10rem}.result-title .menu-item{padding:.625rem .75rem}}.result-title .reddit-action-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 0;margin-top:.5rem}.result-title .reddit-actions-main{display:flex;align-items:center;gap:.5rem;flex:1}.result-title .reddit-actions-menu{display:flex;align-items:center;margin-left:auto}.result-title .reddit-actions-menu button,.result-title .reddit-actions-menu .action-button,.result-title .reddit-actions-menu .menu-button{background:transparent!important;background-color:transparent!important;border:none!important;color:var(--text-muted, #9ca3af)!important;padding:.375rem!important;border-radius:.375rem!important;width:auto!important;height:auto!important}.result-title .reddit-actions-menu button:hover,.result-title .reddit-actions-menu .action-button:hover,.result-title .reddit-actions-menu .menu-button:hover{background:var(--bg-secondary, #272729)!important;color:var(--text-primary, #f3f4f6)!important}.result-title .reddit-actions-right{display:flex;align-items:center;gap:.25rem;margin-left:auto}.result-title .reddit-action-bar.detail .comment-reply-btn{border:1px solid var(--border-color, rgba(50,55,67,.6));border-radius:.375rem;padding:.375rem .625rem;background:#171a1f80}.result-title .reddit-action-bar.detail .comment-reply-btn .action-count{font-weight:700}.result-title .reddit-action-bar.detail .save-btn,.result-title .reddit-action-bar.detail .share-btn{padding:.375rem .625rem;border-radius:.375rem}.result-title .reddit-action-bar.detail .save-btn.active{color:var(--accent-primary, #22c55e)}.result-title .vote-capsule{display:inline-flex;align-items:center;background:var(--bg-secondary, #1a1a1b);border-radius:.5rem;padding:.125rem;gap:0}.result-title [data-theme=light] .vote-capsule{background:#f6f7f8}.result-title [data-theme=dark] .vote-capsule{background:#272729}.result-title .vote-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .15s ease;flex-shrink:0}.result-title .vote-btn:disabled{opacity:.4;cursor:not-allowed}.result-title .vote-btn svg{width:1rem;height:1rem;flex-shrink:0}.result-title .vote-count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:0 .375rem;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:var(--text-primary)}.result-title .reddit-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .5rem;background:transparent;border:none;border-radius:.25rem;font-size:.75rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;cursor:pointer;transition:all .15s ease;white-space:nowrap;min-height:2rem}.result-title .reddit-action-btn:disabled{opacity:.4;cursor:not-allowed}.result-title .reddit-action-btn svg{width:1.125rem;height:1.125rem;flex-shrink:0}.result-title .reddit-action-btn .action-count,.result-title .reddit-action-btn .action-label{font-variant-numeric:tabular-nums;line-height:1;margin-left:.125rem}.result-title .upvote-btn .action-count{display:inline-block}.result-title [data-theme=light] .reddit-action-btn{color:#878a8c}.result-title [data-theme=light] .reddit-action-btn:hover:not(:disabled){background:#f6f7f8}.result-title [data-theme=light] .vote-btn{color:#878a8c}.result-title [data-theme=light] .vote-btn:hover:not(:disabled){background:#0000000d}.result-title [data-theme=light] .upvote-btn.active{color:#22c55e;background:#22c55e1a}.result-title [data-theme=light] .upvote-btn.active:hover:not(:disabled){background:#22c55e26}.result-title [data-theme=light] .downvote-btn.active{color:#f97316;background:#f973161a}.result-title [data-theme=light] .downvote-btn.active:hover:not(:disabled){background:#f9731626}.result-title [data-theme=light] .comment-reply-btn:hover:not(:disabled){background:#f6f7f8;color:#1c1c1c}.result-title [data-theme=light] .share-btn:hover:not(:disabled){background:#f6f7f8;color:#1c1c1c}.result-title [data-theme=light] .menu-btn{color:#878a8c}.result-title [data-theme=light] .menu-btn:hover:not(:disabled){background:#f6f7f8;color:#878a8c}.result-title [data-theme=dark] .reddit-action-btn{color:#818384}.result-title [data-theme=dark] .reddit-action-btn:hover:not(:disabled){background:#272729}.result-title [data-theme=dark] .vote-btn{color:#818384}.result-title [data-theme=dark] .vote-btn:hover:not(:disabled){background:#ffffff0d}.result-title [data-theme=dark] .upvote-btn.active{color:#22c55e;background:#22c55e26}.result-title [data-theme=dark] .upvote-btn.active:hover:not(:disabled){background:#22c55e33}.result-title [data-theme=dark] .downvote-btn.active{color:#f97316;background:#f9731626}.result-title [data-theme=dark] .downvote-btn.active:hover:not(:disabled){background:#f9731633}.result-title [data-theme=dark] .comment-reply-btn:hover:not(:disabled){background:#272729;color:#d7dadc}.result-title [data-theme=dark] .share-btn:hover:not(:disabled){background:#272729;color:#d7dadc}.result-title [data-theme=dark] .menu-btn{color:#818384}.result-title [data-theme=dark] .menu-btn:hover:not(:disabled){background:#272729;color:#818384}.result-title .reddit-action-bar.small .reddit-action-btn{padding:.25rem .375rem;font-size:.6875rem;min-height:1.75rem;gap:.25rem}.result-title .reddit-action-bar.small .reddit-action-btn svg{width:.875rem;height:.875rem}.result-title .reddit-action-bar.large .reddit-action-btn{padding:.5rem .75rem;font-size:.875rem;min-height:2.5rem;gap:.5rem}.result-title .reddit-action-bar.large .reddit-action-btn svg{width:1.25rem;height:1.25rem}.result-title .reddit-action-bar.post{border-top:1px solid var(--border-color);padding-top:.75rem;margin-top:.75rem}.result-title .reddit-action-bar.comment{border-top:none;padding-top:.25rem;margin-top:.25rem}.result-title .upvote-btn.active .action-count{font-weight:700}.result-title .downvote-btn.active+.upvote-btn .action-count{color:inherit}.result-title .reddit-action-btn:focus-visible{outline:2px solid var(--accent-primary, #0079D3);outline-offset:2px}@media (max-width: 768px){.result-title .reddit-action-bar,.result-title .reddit-actions-main{gap:.125rem}.result-title .reddit-action-btn{padding:.375rem .5rem;font-size:.6875rem;min-height:1.875rem}.result-title .reddit-action-btn svg{width:.9375rem;height:.9375rem}.result-title .reddit-action-btn .action-label{display:none}}@media (max-width: 480px){.result-title .reddit-action-btn{padding:.25rem .375rem}.result-title .reddit-action-btn svg{width:.875rem;height:.875rem}.result-title .reddit-action-bar.small .action-count{font-size:.625rem}}@media print{.result-title .reddit-action-bar{display:none}}.result-title .reddit-action-btn{color:#878a8c}.result-title .reddit-action-btn:hover:not(:disabled){background:#f6f7f8}.result-title .upvote-btn.active{color:#22c55e}.result-title .downvote-btn.active{color:#f97316}.result-title .menu-btn{color:#878a8c}.result-title .menu-btn:hover:not(:disabled){color:#878a8c}.result-title .post-action-bar{display:flex;align-items:center;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color);margin-top:1rem}.result-title .post-action-bar.small{padding-top:.5rem;margin-top:.75rem;gap:.25rem}.result-title .post-action-bar.large{padding-top:1rem;margin-top:1.25rem;gap:.75rem}.result-title .post-action-bar.vertical{flex-direction:column;align-items:stretch}.result-title .post-action-bar.vertical .action-buttons-main{flex-direction:column}.result-title .action-buttons-main{display:flex;align-items:center;gap:.5rem;flex:1}.result-title .action-buttons-menu{display:flex;align-items:center;margin-left:auto}.result-title .post-action-bar.small .action-buttons-main{gap:.25rem}.result-title .post-action-bar.large .action-buttons-main{gap:.75rem}@media (max-width: 768px){.result-title .post-action-bar{gap:.25rem;padding-top:.5rem;margin-top:.75rem}.result-title .action-buttons-main{gap:.25rem}}.result-title .comment-section-new{padding:1.5rem;background:var(--card-bg);border-radius:12px;margin-top:1rem;border:1px solid var(--border-color);width:100%;max-width:none}.result-title .comment-section-new.loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary)}.result-title .comments-header h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.2rem;font-weight:600}.result-title .comment-error{background:var(--error-bg);color:var(--error-color);padding:.75rem;border-radius:8px;margin-bottom:1rem;border:1px solid var(--error-border)}.result-title .comment-form-new{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.result-title .comment-input-container{display:flex;gap:.75rem;margin-bottom:1rem}.result-title .comment-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color)}.result-title .comment-avatar img{width:100%;height:100%;object-fit:cover}.result-title .avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;font-weight:600;font-size:.9rem}.result-title .comment-textarea{flex:1;box-sizing:border-box;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg)!important;color:var(--input-text)!important;font-family:inherit;font-size:.95rem;line-height:1.5;resize:vertical;min-height:80px;transition:border-color .2s,box-shadow .2s}.result-title .comment-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light)}.result-title .comment-textarea::placeholder{color:var(--input-placeholder)!important}.result-title .comment-form-actions{display:flex;justify-content:flex-end}.result-title .btn-comment-submit{padding:.5rem 1.25rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.result-title .btn-comment-submit:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.result-title .btn-comment-submit:disabled{background:var(--button-disabled);cursor:not-allowed;transform:none}.result-title .comments-list-new{display:flex;flex-direction:column;gap:1rem}.result-title .no-comments{color:var(--text-secondary);background:var(--card-bg);font-style:italic;text-align:center;padding:2rem}.result-title .comment-new{background:var(--comment-bg);border:1px solid var(--border-color);border-radius:10px;padding:1rem;transition:border-color .2s,box-shadow .2s}.result-title .comment-new:hover{border-color:var(--border-hover);box-shadow:var(--shadow-light)}.result-title .comment-new.depth-1{border-left:3px solid var(--primary-color-alpha);background:var(--nested-bg-1)}.result-title .comment-new.depth-2{border-left:3px solid var(--secondary-color);background:var(--nested-bg-2)}.result-title .comment-new.depth-3{border-left:3px solid var(--accent-color);background:var(--nested-bg-3)}.result-title .comment-new.depth-4,.result-title .comment-new.depth-5{border-left:3px solid var(--text-tertiary);background:var(--nested-bg-deep);opacity:.95}.result-title .comment-new[class*=depth-]:not(.depth-0){position:relative}.result-title .comment-new[class*=depth-]:not(.depth-0):before{content:"";position:absolute;left:-1.5rem;top:0;bottom:0;width:2px;background:var(--border-color);opacity:.3}.result-title .comment-header-new{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.result-title .comment-author-info{display:flex;gap:.75rem;align-items:center;flex:1}.result-title .comment-meta{display:flex;flex-direction:column;gap:.15rem}.result-title .comment-author{color:var(--text-primary);font-weight:600;font-size:.95rem;line-height:1.2}.result-title .comment-username{color:var(--text-secondary);font-size:.85rem;font-weight:400}.result-title .comment-header-right{display:flex;align-items:center;gap:.5rem}.result-title .comment-date{color:var(--text-secondary);font-size:.85rem;white-space:nowrap}.result-title .edited-indicator{color:var(--text-tertiary);font-size:.8rem;font-style:italic}.result-title .comment-options{position:relative}.result-title .options-trigger{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s,color .2s}.result-title .options-trigger:hover{background:var(--hover-bg);color:var(--text-primary)}.result-title .options-dropdown{position:absolute;top:100%;right:0;background:var(--dropdown-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-medium);z-index:1000;min-width:140px;padding:.5rem 0;margin-top:.25rem}.result-title .options-dropdown .menu-option{width:100%;text-align:left;padding:.6rem 1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:background-color .15s,color .15s;display:flex;align-items:center;gap:.65rem}.result-title .options-dropdown .menu-option svg{width:16px;height:16px;flex-shrink:0;stroke:var(--text-tertiary);transition:stroke .15s}.result-title .options-dropdown .menu-option:hover{background:var(--hover-bg);color:var(--text-primary)}.result-title .options-dropdown .menu-option:hover svg{stroke:var(--text-secondary)}.result-title .options-dropdown .delete-option span{color:#dc2626}.result-title [data-theme=dark] .options-dropdown .delete-option span{color:#ef4444}.result-title .options-dropdown .delete-option:hover{background:#dc262614}.result-title [data-theme=dark] .options-dropdown .delete-option:hover{background:#ef44441f}.result-title .comment-content-new{color:var(--text-primary);line-height:1.6;margin-bottom:1rem;font-size:.95rem;white-space:pre-wrap;word-wrap:break-word}.result-title .comment-edit-form{margin-bottom:1rem;width:100%}.result-title .comment-edit-form .comment-textarea{width:100%;box-sizing:border-box}.result-title .edit-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.75rem}.result-title .edit-actions .btn-cancel{background:none;border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .2s}.result-title .edit-actions .btn-cancel:hover{background:var(--hover-bg);border-color:var(--border-hover)}.result-title .edit-actions .btn-save{background:var(--primary-color);border:none;border-radius:6px;padding:.5rem 1rem;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.result-title .edit-actions .btn-save:hover{background:var(--primary-hover);transform:translateY(-1px)}.result-title .comment-actions-new{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-light)}.result-title .deleted-comment-text{color:var(--text-tertiary);font-style:italic;opacity:.7}.result-title .deleted-avatar{background:var(--disabled-bg)!important;color:var(--text-tertiary)!important;opacity:.5}.result-title .vote-actions{display:flex;align-items:center;gap:.5rem}.result-title .vote-btn{background:var(--button-bg);border:1px solid var(--border-color);border-radius:6px;padding:.3rem .6rem;cursor:pointer;display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--text-secondary);transition:all .2s}.result-title .vote-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-hover);transform:translateY(-1px)}.result-title .vote-btn:disabled{cursor:not-allowed;opacity:.6}.result-title .vote-btn.upvote.active{background:var(--success-light);color:var(--success-color);border-color:var(--success-color)}.result-title .vote-btn.downvote.active{background:var(--error-light);color:var(--error-color);border-color:var(--error-color)}.result-title .vote-score{font-weight:600;font-size:.9rem;min-width:30px;text-align:center}.result-title .vote-score.positive{color:var(--success-color)}.result-title .vote-score.negative{color:var(--error-color)}.result-title .vote-score.neutral{color:var(--text-secondary)}.result-title .share-btn{background:none;border:1px solid var(--border-color);border-radius:6px;padding:.3rem .8rem;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .2s}.result-title .share-btn:hover{background:var(--hover-bg);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px)}.result-title .reply-btn{background:none;border:1px solid var(--border-color);border-radius:6px;padding:.3rem .8rem;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .2s}.result-title .reply-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px)}.result-title .reply-btn:disabled{opacity:.5;cursor:not-allowed}.result-title .reply-form-container{margin-top:1rem;padding:1rem;background:var(--comment-bg);border-radius:8px;border:1px solid var(--border-color)}.result-title .reply-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;color:var(--text-secondary);font-size:.9rem}.result-title .cancel-reply-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:1.2rem;padding:.2rem;border-radius:4px;transition:all .2s}.result-title .cancel-reply-btn:hover{background:var(--error-bg);color:var(--error-color)}.result-title .reply-textarea{width:100%;box-sizing:border-box;border:1px solid var(--border-color);border-radius:6px;padding:.75rem;background:var(--input-bg);color:var(--text-primary);font-size:.95rem;line-height:1.4;resize:vertical;font-family:inherit;margin-bottom:.75rem}.result-title .reply-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha)}.result-title .reply-textarea:disabled{background:var(--disabled-bg);cursor:not-allowed;opacity:.6}.result-title .reply-actions{display:flex;gap:.75rem;justify-content:flex-end}.result-title .reply-actions .btn-cancel{background:none;border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .2s}.result-title .reply-actions .btn-cancel:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-hover)}.result-title .reply-actions .btn-submit{background:var(--primary-color);border:none;border-radius:6px;padding:.5rem 1rem;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.result-title .reply-actions .btn-submit:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.result-title .reply-actions .btn-submit:disabled{background:var(--disabled-bg);cursor:not-allowed;opacity:.6;transform:none}.result-title .comment-section-new{--card-bg: #ffffff;--comment-bg: #f8f9fa;--text-primary: #212529;--text-secondary: #6c757d;--text-tertiary: #adb5bd;--border-color: #dee2e6;--border-light: #e9ecef;--border-hover: #ced4da;--button-bg: #ffffff;--button-disabled: #e9ecef;--hover-bg: #f8f9fa;--dropdown-bg: #ffffff;--primary-color: #0d6efd;--primary-hover: #0b5ed7;--primary-dark: #0b5ed7;--primary-color-alpha: rgba(13, 110, 253, .1);--primary-color-light: rgba(13, 110, 253, .25);--input-bg: #ffffff;--disabled-bg: #e9ecef;--success-color: #198754;--success-dark: #157347;--success-light: rgba(25, 135, 84, .1);--error-color: #dc3545;--error-bg: rgba(220, 53, 69, .1);--error-border: rgba(220, 53, 69, .2);--error-light: rgba(220, 53, 69, .1);--secondary-color: #6c757d;--secondary-dark: #5c636a;--shadow-light: 0 1px 3px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .1);--accent-color: #fd7e14;--nested-bg-1: #f8f9ff;--nested-bg-2: #f0f7ff;--nested-bg-3: #fff2e6;--nested-bg-deep: #f5f5f5}.result-title .comment-section-new.dark,.result-title .dark .comment-section-new{--card-bg: #1a1a1a;--comment-bg: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-tertiary: #808080;--border-color: #404040;--border-light: #353535;--border-hover: #4a4a4a;--button-bg: #2d2d2d;--button-disabled: #404040;--hover-bg: #404040;--dropdown-bg: #2d2d2d;--primary-color: #0d6efd;--primary-dark: #0b5ed7;--primary-color-light: rgba(13, 110, 253, .25);--success-color: #198754;--success-dark: #157347;--success-light: rgba(25, 135, 84, .2);--error-color: #dc3545;--error-bg: rgba(220, 53, 69, .2);--error-border: rgba(220, 53, 69, .3);--error-light: rgba(220, 53, 69, .2);--secondary-color: #6c757d;--secondary-dark: #5c636a;--shadow-light: 0 1px 3px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .3);--accent-color: #fd7e14;--nested-bg-1: #2a2a3a;--nested-bg-2: #252535;--nested-bg-3: #3a2a25;--nested-bg-deep: #222222}@media (max-width: 768px){.result-title .comment-section-new{padding:1rem}.result-title .comment-input-container{gap:.5rem}.result-title .comment-avatar{width:35px;height:35px}.result-title .comment-textarea{font-size:.9rem;min-height:70px}.result-title .comment-actions-new{flex-direction:column;gap:.75rem;align-items:flex-start}.result-title .vote-actions{align-self:stretch;justify-content:center}.result-title .comment-header-right{flex-direction:column;align-items:flex-end;gap:.25rem}.result-title .comment-date{font-size:.8rem}}@media (max-width: 480px){.result-title .comment-section-new{padding:.75rem}.result-title .comments-header h3{font-size:1.1rem}.result-title .comment-new{padding:.75rem}.result-title .comment-author-info{gap:.5rem}.result-title .comment-avatar{width:32px;height:32px}.result-title .comment-author{font-size:.9rem}.result-title .comment-username{font-size:.8rem}.result-title .comment-header-right{min-width:auto}}.result-title .comment-new.highlighted{background:var(--primary-bg, rgba(59, 130, 246, .1));border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 4px 20px #3b82f626;position:relative;animation:highlightPulse 2s ease-in-out}.result-title .comment-new.highlighted:before{content:"🎯";position:absolute;top:-8px;left:16px;background:var(--primary-color);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;z-index:10}.result-title .dark .comment-new.highlighted{background:#3b82f626;border-color:var(--primary-color)}.result-title .comment-section-new.dark,.result-title .dark .comment-section-new{--primary-hover: #0b5ed7;--primary-color-alpha: rgba(13, 110, 253, .1);--input-bg: #2d2d2d;--disabled-bg: #404040}.result-title .comment-section-new.dark .no-comments,.result-title .dark .comment-section-new .no-comments{color:#b3b3b3;background:#1a1a1a}.result-title .image-carousel{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden;margin:12px 0}.result-title .image-carousel:focus{outline:2px solid var(--primary-color, #007bff);outline-offset:2px}.result-title .image-carousel.single-image{background:transparent}.result-title .image-carousel.single-image .carousel-image{border-radius:8px}.result-title .carousel-container{position:relative;width:100%;overflow:hidden}.result-title .carousel-track{display:flex;transition:transform .3s ease-in-out;width:100%}.result-title .carousel-slide{min-width:100%;display:flex;justify-content:center;align-items:center;position:relative}.result-title .carousel-image{width:100%;height:auto;max-height:500px;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;background:#f8f9fa}.result-title .image-carousel.single-image .carousel-container{position:relative}.result-title .carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:10;transition:all .2s ease;opacity:.8}.result-title .carousel-nav:hover{background:#000000b3;opacity:1;transform:translateY(-50%) scale(1.1)}.result-title .carousel-nav:focus{outline:2px solid white;outline-offset:2px}.result-title .carousel-nav-prev{left:12px}.result-title .carousel-nav-next{right:12px}.result-title .carousel-indicators{display:flex;justify-content:center;gap:8px;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.3),transparent);position:absolute;bottom:0;left:0;right:0}.result-title .carousel-dot{width:8px;height:8px;border-radius:8px;border:none;background:#ffffff80;cursor:pointer;transition:all .2s ease}.result-title .carousel-dot:hover{background:#fffc;transform:scale(1.2)}.result-title .carousel-dot.active{background:#fff;transform:scale(1.2)}.result-title .carousel-dot:focus{outline:2px solid white;outline-offset:2px}.result-title .carousel-counter{position:absolute;top:12px;right:12px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;z-index:10}@media (max-width: 768px){.result-title .carousel-nav{width:32px;height:32px}.result-title .carousel-nav-prev{left:8px}.result-title .carousel-nav-next{right:8px}.result-title .carousel-counter{top:8px;right:8px;font-size:11px;padding:3px 6px}}@media (prefers-color-scheme: dark){.result-title .image-carousel.single-image{background:transparent}}.result-title .carousel-container:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:5}.result-title .carousel-image[loading]{background:#f0f0f0;min-height:200px}.result-title .carousel-image:not([src]),.result-title .carousel-image[src=""]{background:#f0f0f0;min-height:200px;display:flex;align-items:center;justify-content:center}.result-title .carousel-image:not([src]):after,.result-title .carousel-image[src=""]:after{content:"Image not available";color:#666;font-size:14px}.result-title .carousel-fullscreen-overlay{position:fixed;inset:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.result-title .fullscreen-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.result-title .fullscreen-close-btn{position:absolute;top:20px;right:20px;background:#000000b3;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:10001;transition:all .3s ease;opacity:1;transform:translateY(0)}.result-title .fullscreen-close-btn.hidden{opacity:0;transform:translateY(-20px);pointer-events:none}.result-title .fullscreen-close-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}.result-title .fullscreen-close-btn:hover{background:#000000e6;transform:translateY(0) scale(1.1)}.result-title .fullscreen-close-btn.hidden:hover{transform:translateY(-20px) scale(1.1)}.result-title .fullscreen-close-btn:focus{outline:2px solid white;outline-offset:2px}.result-title .fullscreen-carousel{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.result-title .fullscreen-track{display:flex;transition:transform .3s ease-in-out;width:100%;height:100%}.result-title .fullscreen-slide{min-width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.result-title .fullscreen-image{max-width:95vw;max-height:95vh;width:auto;height:auto;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;box-shadow:0 4px 20px #0000004d}.result-title .fullscreen-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:10000;transition:all .3s ease;opacity:1}.result-title .fullscreen-nav.hidden{opacity:0;pointer-events:none}.result-title .fullscreen-nav.visible{opacity:1;pointer-events:auto}.result-title .fullscreen-nav:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.result-title .fullscreen-nav.hidden:hover{transform:translateY(-50%) scale(1.1)}.result-title .fullscreen-nav:focus{outline:2px solid white;outline-offset:2px}.result-title .fullscreen-nav-prev{left:40px}.result-title .fullscreen-nav-next{right:40px}.result-title .fullscreen-indicators{display:flex;justify-content:center;gap:12px;padding:12px 16px;position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:#00000080;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;opacity:1}.result-title .fullscreen-indicators.hidden{opacity:0;transform:translate(-50%) translateY(20px);pointer-events:none}.result-title .fullscreen-indicators.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.result-title .fullscreen-indicators:hover{background:#000000b3;transform:translate(-50%) translateY(0) scale(1.02)}.result-title .fullscreen-dot{width:8px;height:8px;border-radius:8px;border:none;background:#ffffff80;cursor:pointer;transition:all .2s ease}.result-title .fullscreen-dot:hover{background:#fffc;transform:scale(1.2)}.result-title .fullscreen-dot.active{background:#fff;transform:scale(1.3)}.result-title .fullscreen-dot:focus{outline:2px solid white;outline-offset:2px}.result-title .fullscreen-counter{position:absolute;top:30px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:16px;font-size:14px;font-weight:500;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;opacity:1}.result-title .fullscreen-counter.hidden{opacity:0;transform:translate(-50%) translateY(-20px);pointer-events:none}.result-title .fullscreen-counter.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}@media (max-width: 768px){.result-title .fullscreen-close-btn{top:15px;right:15px;width:40px;height:40px}.result-title .fullscreen-nav{width:50px;height:50px}.result-title .fullscreen-nav-prev{left:20px}.result-title .fullscreen-nav-next{right:20px}.result-title .fullscreen-indicators{bottom:20px;gap:10px;padding:10px 14px}.result-title .fullscreen-dot{width:6px;height:6px}.result-title .fullscreen-counter{top:20px;font-size:13px;padding:6px 12px}}.result-title .stub-image-carousel{position:relative;width:100%;margin:.75rem 0}.result-title .stub-carousel-container{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--bg-tertiary)}.result-title .stub-carousel-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.result-title .stub-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2;opacity:0;padding:0!important;margin:0!important;box-sizing:border-box;line-height:1}.result-title .stub-carousel-container:hover .stub-nav-arrow{opacity:1}.result-title .stub-nav-left{left:8px}.result-title .stub-nav-right{right:8px}.result-title .stub-nav-arrow:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.result-title .stub-nav-arrow:active{transform:translateY(-50%) scale(.95)}.result-title .stub-image-counter{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;z-index:2}.result-title .stub-carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:8px;padding:0 8px}.result-title .stub-dot{width:6px;height:6px;border-radius:50%;border:none;background:var(--border-color);cursor:pointer;transition:all .2s ease;padding:0!important;margin:0!important;box-sizing:border-box;line-height:1}.result-title .stub-dot:hover{background:var(--text-secondary);transform:scale(1.2)}.result-title .stub-dot.active{background:var(--accent-color);transform:scale(1.3)}.result-title .stub-image-carousel.single-image .stub-carousel-container{aspect-ratio:16/10;max-height:300px}.result-title [data-theme=dark] .stub-image-counter{background:#fff3;color:#fff}.result-title [data-theme=dark] .stub-dot{background:#ffffff4d}.result-title [data-theme=dark] .stub-dot:hover{background:#fff9}.result-title [data-theme=dark] .stub-dot.active{background:var(--accent-color)}@media (max-width: 768px){.result-title .stub-carousel-container{aspect-ratio:4/3}.result-title .stub-nav-arrow{width:28px;height:28px;opacity:1}.result-title .stub-nav-left{left:6px}.result-title .stub-nav-right{right:6px}.result-title .stub-image-counter{top:6px;right:6px;font-size:10px;padding:2px 6px}.result-title .stub-carousel-dots{gap:4px;margin-top:6px}.result-title .stub-dot{width:5px;height:5px}}.result-title .universal-post-template.clickable .stub-image-carousel .stub-carousel-image:hover{transform:scale(1.02)}.result-title .stub-image-carousel *{pointer-events:auto}@media (hover: none) and (pointer: coarse){.result-title .stub-nav-arrow{opacity:1;background:#000c}}.result-title .youtube-embed-container{margin:15px 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.result-title .youtube-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.result-title .youtube-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.result-title .youtube-embed-container.error{background:#f8d7da;border:1px solid #f5c6cb;box-shadow:none}.result-title .youtube-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#721c24;text-align:center}.result-title .youtube-error p{margin:4px 0;font-size:14px}@media (max-width: 768px){.result-title .youtube-embed-container{margin:10px 0}.result-title .youtube-wrapper{padding-bottom:56.25%}}.result-title .youtube-embed-container:hover{box-shadow:0 4px 12px #00000026;transition:box-shadow .2s ease}.result-title .avatar-tooltip-wrapper{display:inline-block;position:relative;cursor:pointer}.result-title .avatar-tooltip-card{position:absolute;z-index:999999;background:var(--card-bg, white);border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:12px;box-shadow:0 16px 50px #00000059;padding:16px;min-width:280px;max-width:320px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:tooltipFadeIn .3s ease-out;pointer-events:auto;-webkit-user-select:text;user-select:text;will-change:transform}.result-title [data-theme=dark] .avatar-tooltip-card{background:#1f2937fa;border-color:#4b55634d;box-shadow:0 16px 50px #00000080}.result-title .tooltip-avatar-large{width:60px;height:60px;border-radius:50%;margin:0 auto 12px;overflow:hidden;box-shadow:0 4px 12px #00000026}.result-title .tooltip-avatar-image{width:100%;height:100%;object-fit:cover}.result-title .tooltip-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.result-title .tooltip-content{text-align:center}.result-title .tooltip-header{margin-bottom:12px}.result-title .tooltip-name{font-size:1rem;font-weight:700;color:var(--text-primary, #1f2937);margin:0 0 4px;display:flex;align-items:center;justify-content:center;gap:6px}.result-title [data-theme=dark] .tooltip-name{color:#f9fafb}.result-title .verified-badge{background:#10b981;color:#fff;border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.result-title .tooltip-username{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0;font-weight:500}.result-title [data-theme=dark] .tooltip-username{color:#9ca3af}.result-title .tooltip-meta{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--border-color, rgba(0, 0, 0, .1))}.result-title [data-theme=dark] .tooltip-meta{border-top-color:#4b55634d}.result-title .tooltip-meta-item{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.result-title .meta-label{color:var(--text-muted, #9ca3af);font-weight:500}.result-title [data-theme=dark] .meta-label{color:#6b7280}.result-title .meta-value{color:var(--text-primary, #1f2937);font-weight:600}.result-title [data-theme=dark] .meta-value{color:#f9fafb}.result-title .tooltip-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, rgba(0, 0, 0, .1))}.result-title [data-theme=dark] .tooltip-actions{border-top-color:#4b55634d}.result-title .message-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.result-title .message-button:hover{background:var(--primary-hover, #2563eb);transform:translateY(-1px)}.result-title .message-button:active{transform:translateY(0)}.result-title .message-button svg{font-size:16px}.result-title .avatar-tooltip-card.bottom{transform:translateY(10px)}.result-title .avatar-tooltip-card.left{transform:translate(-10px)}.result-title .avatar-tooltip-card.right{transform:translate(10px)}@media (max-width: 768px){.result-title .avatar-tooltip-card{min-width:240px;max-width:280px;padding:12px}.result-title .tooltip-avatar-large{width:50px;height:50px}.result-title .tooltip-avatar-placeholder{font-size:1.2rem}}.result-title .participants-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.result-title .participants-modal-content{background:var(--surface-color, #ffffff);border-radius:16px;width:90%;max-width:420px;max-height:85vh;display:flex;flex-direction:column;animation:slideIn .3s ease;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;overflow:hidden}.result-title .participants-modal-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.result-title .participants-modal-header h3{margin:0;font-size:20px;font-weight:700;color:var(--text-primary, #1f2937)}.result-title .participants-modal-close{background:none;border:none;font-size:28px;color:var(--text-secondary, #6b7280);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;line-height:1;display:flex;align-items:center;justify-content:center}.result-title .participants-modal-close:hover{background:var(--error-light, #fee2e2);color:var(--error, #dc2626);transform:scale(1.1)}.result-title .participants-modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.result-title .participants-list{flex:1;overflow-y:auto;padding:8px 0}.result-title .participant-item{display:flex;align-items:center;padding:12px 24px;border-bottom:1px solid var(--border-light, #f3f4f6);transition:background-color .2s ease}.result-title .participant-item:hover{background:var(--hover-light, #f8fafc)}.result-title .participant-item:last-child{border-bottom:none}.result-title .participant-avatar{width:44px;height:44px;margin-right:16px;flex-shrink:0;cursor:pointer;transition:transform .2s ease}.result-title .participant-avatar:hover{transform:scale(1.05)}.result-title .participant-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--border-light, #f3f4f6)}.result-title .avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:2px solid var(--border-light, #f3f4f6)}.result-title .participant-info{flex:1;min-width:0}.result-title .participant-name{font-weight:600;color:var(--text-primary, #1f2937);font-size:16px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-title .participant-username{color:var(--text-secondary, #6b7280);font-size:14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-title .empty-state{text-align:center;padding:60px 24px;color:var(--text-secondary, #6b7280)}.result-title .empty-state p{margin:0;font-size:16px;font-weight:500}.result-title .participants-list::-webkit-scrollbar{width:6px}.result-title .participants-list::-webkit-scrollbar-track{background:var(--surface-color, #ffffff)}.result-title .participants-list::-webkit-scrollbar-thumb{background:var(--border-color, #e5e7eb);border-radius:3px}.result-title .participants-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #6b7280)}@media (prefers-color-scheme: dark){.result-title .participants-modal-content{background:var(--surface-dark, #1f2937);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.result-title .participants-modal-header{border-bottom-color:var(--border-dark, #374151)}.result-title .participants-modal-header h3{color:var(--text-primary-dark, #f9fafb)}.result-title .participants-modal-close{color:var(--text-secondary-dark, #9ca3af)}.result-title .participants-modal-close:hover{background:var(--error-dark, #7f1d1d);color:var(--error-light, #fca5a5)}.result-title .participant-item{border-bottom-color:var(--border-dark, #374151)}.result-title .participant-item:hover{background:var(--hover-dark, #374151)}.result-title .participant-avatar img,.result-title .avatar-placeholder{border-color:var(--border-dark, #374151)}.result-title .participant-name{color:var(--text-primary-dark, #f9fafb)}.result-title .participant-username,.result-title .empty-state{color:var(--text-secondary-dark, #9ca3af)}.result-title .participants-list::-webkit-scrollbar-track{background:var(--surface-dark, #1f2937)}.result-title .participants-list::-webkit-scrollbar-thumb{background:var(--border-dark, #374151)}.result-title .participants-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-dark, #9ca3af)}}@media (max-width: 480px){.result-title .participants-modal-content{width:95%;max-height:90vh;border-radius:12px}.result-title .participants-modal-header{padding:20px 20px 12px}.result-title .participants-modal-header h3{font-size:18px}.result-title .participant-item{padding:10px 20px}.result-title .participant-avatar{width:40px;height:40px;margin-right:12px}.result-title .avatar-placeholder{font-size:16px}.result-title .participant-name{font-size:15px}.result-title .participant-username{font-size:13px}.result-title .empty-state{padding:40px 20px}}.result-title .participant-selector-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.result-title .participant-selector{background:var(--card-bg, #ffffff);border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.result-title .participant-selector-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.result-title .participant-selector-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.result-title .close-button{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary, #6b7280);display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.result-title .close-button:hover{background:var(--hover-bg, #f3f4f6);color:var(--text-primary, #1f2937)}.result-title .close-button svg{width:24px;height:24px}.result-title .participant-selector-role-info{padding:1rem 1.5rem;background:var(--accent-light, #eff6ff);color:var(--accent-dark, #1e40af);font-size:.875rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.result-title .participant-selector-role-info strong{font-weight:600}.result-title .participant-selector-error{margin:1rem 1.5rem;padding:.75rem 1rem;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c00;font-size:.875rem}.result-title .participant-selector-loading{padding:3rem 1.5rem;text-align:center;color:var(--text-secondary, #6b7280)}.result-title .participant-selector-content{padding:1.5rem}.result-title .participant-option{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;background:var(--card-bg, #ffffff);border:2px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;margin-bottom:.75rem}.result-title .participant-option:hover:not(:disabled){border-color:var(--accent, #3b82f6);background:var(--hover-bg, #f9fafb);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.result-title .participant-option:disabled{opacity:.6;cursor:not-allowed}.result-title .participant-option.join-as-me{border-color:var(--accent, #3b82f6);background:linear-gradient(135deg,var(--accent-light, #eff6ff) 0%,var(--card-bg, #ffffff) 100%)}.result-title .participant-option.join-as-me:hover:not(:disabled){background:linear-gradient(135deg,var(--accent, #3b82f6) 0%,var(--accent-dark, #2563eb) 100%);color:#fff}.result-title .participant-option.join-as-me:hover:not(:disabled) .participant-option-icon{background:#fff3;color:#fff}.result-title .participant-option.join-as-me:hover:not(:disabled) .participant-option-name,.result-title .participant-option.join-as-me:hover:not(:disabled) .participant-option-subtitle{color:#fff}.result-title .participant-option.add-participant{border-style:dashed;border-color:var(--border-color, #d1d5db)}.result-title .participant-option.add-participant:hover:not(:disabled){border-style:solid;border-color:var(--accent, #3b82f6)}.result-title .participant-option-icon{width:48px;height:48px;border-radius:50%;background:var(--accent-light, #eff6ff);color:var(--accent, #3b82f6);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.result-title .participant-option-icon svg{width:24px;height:24px}.result-title .participant-option-icon.add{background:var(--success-light, #f0fdf4);color:var(--success, #10b981)}.result-title .participant-option-content{flex:1}.result-title .participant-option-name{font-weight:600;font-size:1rem;color:var(--text-primary, #1f2937);margin-bottom:.25rem}.result-title .participant-option-subtitle{font-size:.875rem;color:var(--text-secondary, #6b7280)}.result-title .participant-option-loading{display:flex;align-items:center;justify-content:center}.result-title .spinner{width:24px;height:24px;border:3px solid var(--border-color, #e5e7eb);border-top-color:var(--accent, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}.result-title .participant-selector-divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--text-secondary, #6b7280);font-size:.875rem}.result-title .participant-selector-divider:before,.result-title .participant-selector-divider:after{content:"";flex:1;height:1px;background:var(--border-color, #e5e7eb)}.result-title .participant-selector-divider span{padding:0 1rem}.result-title .participant-list{margin-bottom:1rem}.result-title .add-participant-form{padding:1.5rem}.result-title .form-group{margin-bottom:1.25rem}.result-title .form-group label{display:block;font-weight:600;font-size:.875rem;color:var(--text-primary, #1f2937);margin-bottom:.5rem}.result-title .form-group .required{color:var(--error, #ef4444)}.result-title .form-group .optional{font-weight:400;color:var(--text-secondary, #6b7280)}.result-title .form-group input,.result-title .form-group select{width:100%;padding:.75rem;border:2px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:1rem;font-family:inherit;background:var(--input-bg, #ffffff);color:var(--text-primary, #1f2937);transition:all .2s}.result-title .form-group input:focus,.result-title .form-group select:focus{outline:none;border-color:var(--accent, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.result-title .form-hint{margin-top:.5rem;font-size:.75rem;color:var(--text-secondary, #6b7280)}.result-title .form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.result-title .form-button{flex:1;padding:.75rem 1rem;border:none;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.result-title .form-button.cancel{background:var(--secondary-bg, #f3f4f6);color:var(--text-secondary, #6b7280)}.result-title .form-button.cancel:hover{background:var(--border-color, #e5e7eb);color:var(--text-primary, #1f2937)}.result-title .form-button.submit{background:var(--accent, #3b82f6);color:#fff}.result-title .form-button.submit:hover:not(:disabled){background:var(--accent-dark, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.result-title .form-button.submit:disabled{opacity:.6;cursor:not-allowed}.result-title .form-button svg{width:20px;height:20px}@media (prefers-color-scheme: dark){.result-title .participant-selector{background:var(--card-bg, #1f2937)}.result-title .participant-selector-header h3{color:var(--text-primary, #f9fafb)}.result-title .participant-option{background:var(--card-bg, #1f2937);border-color:var(--border-color, #374151)}.result-title .participant-option:hover:not(:disabled){background:var(--hover-bg, #374151)}.result-title .participant-option-name{color:var(--text-primary, #f9fafb)}.result-title .form-group input,.result-title .form-group select{background:var(--input-bg, #374151);border-color:var(--border-color, #4b5563);color:var(--text-primary, #f9fafb)}}@media (max-width: 640px){.result-title .participant-selector{max-height:95vh;border-radius:12px 12px 0 0}.result-title .participant-selector-header,.result-title .participant-selector-content,.result-title .add-participant-form{padding:1rem}}.result-title .floating-toast{position:fixed;top:20px;right:20px;z-index:9999;min-width:320px;max-width:500px;padding:16px 48px 16px 20px;border-radius:12px;box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;display:flex;align-items:center;gap:12px;animation:slideInRight .3s ease-out,fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:15px;line-height:1.5}.result-title .floating-toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-left:4px solid #047857}.result-title .floating-toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-left:4px solid #b91c1c}.result-title .floating-toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-left:4px solid #1d4ed8}.result-title .toast-content{flex:1;font-weight:500}.result-title .toast-close{position:absolute;top:12px;right:12px;background:#fff3;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:all .2s;padding:0}.result-title .toast-close:hover{background:#ffffff4d;transform:scale(1.1)}.result-title .loading-state,.result-title .error-state,.result-title .empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.result-title .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.result-title .error-state h3{color:var(--error, #dc2626);margin-bottom:1rem}.result-title .error-state button{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;margin-top:1rem;transition:background-color .2s}.result-title .error-state button:hover{background:var(--primary-dark, #1e40af)}.result-title .event-details-enhanced{width:100%;max-width:1200px;margin:0 auto;background:transparent;color:var(--text-primary)}.result-title .event-details-block-combined{background:transparent;border-radius:16px;padding:2rem;margin-bottom:2rem;border:none}.result-title .details-content-unified{width:100%}.result-title .hero-section-inline{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:2rem}.result-title .hero-content-left{display:flex;flex-direction:column;gap:1.5rem}.result-title .activity-badge-clean{display:inline-flex;align-items:center;gap:12px;width:fit-content}.result-title .activity-icon-badge{width:24px;height:24px;object-fit:contain;filter:brightness(0) saturate(100%) invert(64%) sepia(98%) saturate(459%) hue-rotate(84deg) brightness(96%) contrast(91%)}.result-title .activity-display{display:inline-flex;align-items:center;gap:8px}.result-title .activity-icon-small{width:20px;height:20px;object-fit:contain;filter:brightness(0) saturate(100%) invert(64%) sepia(98%) saturate(459%) hue-rotate(84deg) brightness(96%) contrast(91%)}.result-title .activity-name-pill-small{background:#22c55e;color:#fff;font-weight:600;font-size:13px;padding:4px 12px;border-radius:16px;display:inline-block}.result-title .hero-title-split{font-size:2.5rem;font-weight:800;margin:0;line-height:1.2;color:var(--text-primary)}.result-title .hero-details-split{display:flex;flex-direction:column;gap:.75rem}.result-title .detail-item-split{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-weight:500}.result-title .detail-item-split svg{width:20px;height:20px;color:#10b981;flex-shrink:0}.result-title .hero-cta-split{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;width:fit-content}.result-title .hero-cta-split:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.result-title .hero-image-right{display:flex;justify-content:center;align-items:center}.result-title .hero-image-square{width:100%;max-width:400px;height:350px;object-fit:cover;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #0000001a}.result-title .hero-image-square:hover{transform:scale(1.02);box-shadow:0 12px 40px #00000026}.result-title .section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:2rem 0}.result-title .organizer-tools-section{padding:1.5rem;background:var(--card-bg);border:2px solid var(--primary-color);border-radius:12px;margin-bottom:2rem}.result-title .organizer-tools-section h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.result-title .organizer-actions{display:flex;gap:1rem;flex-wrap:wrap}.result-title .btn-organizer-primary,.result-title .btn-organizer-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;border:none}.result-title .btn-organizer-primary{background:var(--primary-color);color:#fff}.result-title .btn-organizer-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #007aff4d}.result-title .btn-organizer-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.result-title .btn-organizer-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-color);transform:translateY(-2px)}.result-title .details-main h2{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.result-title .details-main p{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2rem}.result-title .event-info-comprehensive{display:flex;flex-direction:column;gap:1rem}.result-title .info-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.result-title .info-item{display:flex;flex-direction:column;gap:.25rem}.result-title .info-label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.result-title .info-value{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4;background:#0000000d;padding:.5rem .75rem;border-radius:8px}.result-title .organizer-info{display:flex;flex-direction:column;gap:.75rem}.result-title .organizer-actions{display:flex;gap:.75rem;flex-wrap:wrap}.result-title .edit-event-btn,.result-title .manage-event-btn{display:flex;align-items:center;gap:.5rem;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start}.result-title .edit-event-btn{background:var(--primary, #2563eb);color:#fff}.result-title .edit-event-btn:hover{background:var(--primary-dark, #1d4ed8);transform:translateY(-1px);box-shadow:0 2px 8px #2563eb4d}.result-title .manage-event-btn{background:var(--success-color, #16a34a);color:#fff}.result-title .manage-event-btn:hover{background:var(--success-hover, #15803d);transform:translateY(-1px);box-shadow:0 2px 8px #16a34a4d}.result-title .edit-event-btn:active,.result-title .manage-event-btn:active{transform:translateY(0)}.result-title .edit-event-btn svg,.result-title .manage-event-btn svg{width:14px;height:14px}.result-title .available-roles-section{margin-bottom:2rem}.result-title .section-content{max-width:1200px;margin:0 auto;padding:0 1rem}.result-title .available-roles-section h2{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.result-title .roles-grid-clean{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}.result-title .role-count-badge{background:var(--accent-bg);color:var(--text-secondary);padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500;margin-left:1rem}.result-title .role-card-enhanced{background:var(--card-bg);border-radius:16px;padding:1.25rem;border:1px solid var(--border-color);transition:all .3s ease;position:relative;min-height:280px;display:flex;flex-direction:column;gap:1rem}.result-title .role-card-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#10b981}.result-title .role-card-enhanced:has(.avatar-tooltip-wrapper){transform:none!important}.result-title .role-header-enhanced{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.result-title .role-title-section{display:flex;align-items:center;gap:.5rem;flex:1}.result-title .role-icon{font-size:1.2rem;display:flex;align-items:center;justify-content:center}.result-title .role-icon svg{width:20px;height:20px;color:#10b981}.result-title .role-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.result-title .role-hot-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.25rem}.result-title .role-status-badge{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.result-title .role-status-badge.open{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.result-title .role-status-badge.full{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.result-title .role-progress-enhanced{display:flex;flex-direction:column;gap:.5rem}.result-title .progress-info{display:flex;justify-content:space-between;align-items:center}.result-title .progress-fraction{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.result-title .quota-message{font-size:.75rem;font-weight:500}.result-title .quota-message.need{color:#dc2626}.result-title .quota-message.met{color:#16a34a}.result-title .minimum-required{font-size:.7rem;color:var(--text-muted);margin-left:.5rem}.result-title .role-alert{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;margin:.75rem 0}.result-title .role-alert.warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#b45309}.result-title [data-theme=dark] .role-alert.warning{background:#ffc10726;color:#fbbf24}.result-title .alert-icon{font-size:1rem}.result-title .alert-text{font-weight:500}.result-title .role-requirements{margin:.75rem 0;padding:.75rem;background:var(--accent-bg);border-radius:6px;border:1px solid var(--border-light)}.result-title .role-requirements h4{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem}.result-title .requirements-list{display:flex;flex-wrap:wrap;gap:.4rem}.result-title .requirement-tag{display:inline-block;padding:.25rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:.7rem;color:var(--text-secondary);font-weight:500}.result-title .role-notes{margin:.75rem 0;padding:.5rem .75rem;background:var(--accent-bg);border-radius:6px;border-left:3px solid var(--primary)}.result-title .role-notes p{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.4}.result-title .progress-bar-enhanced{width:100%;height:6px;background:var(--accent-bg);border-radius:3px;overflow:hidden;position:relative}.result-title .quota-indicator-line{position:absolute;top:0;bottom:0;width:2px;background:#374151;z-index:2}.result-title [data-theme=dark] .quota-indicator-line{background:#9ca3af}.result-title .progress-fill-enhanced{height:100%;border-radius:3px;transition:width .6s ease}.result-title .progress-fill-enhanced.quota-needed{background:linear-gradient(90deg,#dc2626,#ef4444)}.result-title .progress-fill-enhanced.quota-met{background:linear-gradient(90deg,#16a34a,#22c55e)}.result-title .participants-row{display:flex;justify-content:space-between;align-items:center;min-height:2rem}.result-title .participant-avatars-row{display:flex;gap:.25rem;align-items:center}.result-title .participant-avatar-small{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;border:2px solid var(--card-bg);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.result-title .participant-avatar-small:hover{transform:scale(1.1);box-shadow:0 4px 12px #10b9814d}.result-title .participant-avatar-small.more{background:var(--accent-bg);color:var(--text-secondary);font-size:.65rem;border:1px solid var(--border-color);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.result-title .participant-avatar-small.more:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.result-title .view-all-participants{margin-left:auto}.result-title .view-all-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease}.result-title .view-all-btn:hover{border-color:#10b981;color:#10b981}.result-title .role-details-row{display:flex;justify-content:space-between;align-items:center}.result-title .role-attributes-enhanced{display:flex;gap:.5rem;flex-wrap:wrap}.result-title .attribute-tag{background:#10b9811a;color:#065f46;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid rgba(16,185,129,.2)}.result-title [data-theme=dark] .attribute-tag{background:#10b98126;color:#6ee7b7;border-color:#10b9814d}.result-title .role-attributes{display:flex;gap:.5rem}.result-title .role-attribute{background:var(--accent-bg);color:var(--text-secondary);padding:.2rem .6rem;border-radius:8px;font-size:.75rem;font-weight:500;border:1px solid var(--border-color)}.result-title .role-action-section{margin-top:auto}.result-title .role-action-btn{width:100%;padding:.75rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-align:center}.result-title .role-action-btn.join{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.result-title .role-action-btn.join:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.result-title .role-action-btn.waitlist{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.result-title .role-action-btn.waitlist:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.result-title .role-action-btn.joined{background:#059669;color:#fff}.result-title .role-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.result-title .general-notes-section{background:transparent;border-radius:16px;padding:0rem 2rem;margin-bottom:2rem;border:none}.result-title .general-notes-section h2{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.result-title .general-notes-section h2:before{content:"⚖️";font-size:1.2rem}.result-title .notes-content p{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0}.result-title .tags-section{margin-top:2rem;padding:1.5rem 0;border-top:1px solid var(--border-color)}.result-title .tags-section h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.result-title .tags-section h2:before{content:"🏷️";font-size:1.2rem}.result-title .tags-container{display:flex;flex-wrap:wrap;gap:.75rem}.result-title .event-tag{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--primary-light, #dbeafe);color:var(--primary-dark, #1e40af);border:1px solid var(--primary-light, #dbeafe);border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.result-title .event-tag:hover{background:var(--primary, #3b82f6);color:#fff;border-color:var(--primary, #3b82f6);transform:translateY(-1px);box-shadow:0 4px 12px -2px #3b82f64d}@media (prefers-color-scheme: dark){.result-title .tags-section{border-top-color:var(--border-dark)}.result-title .tags-section h2{color:var(--text-primary-dark)}.result-title .event-tag{background:var(--primary-dark, #1e40af);color:var(--primary-light, #dbeafe);border-color:var(--primary-dark, #1e40af)}.result-title .event-tag:hover{background:var(--primary-light, #dbeafe);color:var(--primary-dark, #1e40af);border-color:var(--primary-light, #dbeafe)}}.result-title :root{--bg-primary: #ffffff;--card-bg: #ffffff;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--accent-bg: #f9fafb}.result-title [data-theme=dark]{--bg-primary: #111827;--card-bg: #1f2937;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-color: #374151;--accent-bg: #374151}.result-title [data-theme=dark] .event-details-enhanced{color:#f9fafb}.result-title [data-theme=dark] .info-value{color:#f9fafb!important;background:#ffffff1a!important}.result-title [data-theme=dark] .details-main p,.result-title [data-theme=dark] .notes-content p{color:#d1d5db!important}@media (max-width: 768px){.result-title .event-details-block-combined{padding:1.5rem;margin:1rem}.result-title .hero-section-inline{grid-template-columns:1fr;gap:2rem;text-align:center}.result-title .hero-image-right{order:-1}.result-title .hero-title-split{font-size:2rem}.result-title .hero-details-split{align-items:center}.result-title .hero-cta-split{align-self:center;width:100%}.result-title .hero-image-square{max-width:100%;height:250px}.result-title .info-row{grid-template-columns:1fr;gap:1rem}.result-title .roles-grid-clean{grid-template-columns:1fr}.result-title .role-count-badge{display:block;margin-left:0;margin-top:.5rem;width:fit-content}}.result-title .event-details-enhanced .post-title{font-size:2rem}.result-title .event-post-stub{background:transparent;border:none;border-radius:0;padding:0;cursor:pointer;transition:all .2s ease;max-width:100%}.result-title .event-post-stub:hover{border-color:transparent;box-shadow:none;transform:none}.result-title .event-stub-details{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.result-title .event-stub-detail-row{display:flex;gap:16px;flex-wrap:wrap}.result-title .event-stub-detail-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary, #666);font-size:14px;min-width:0;flex:1}.result-title .event-stub-icon{color:#10b981;font-size:16px;flex-shrink:0}.result-title .event-stub-detail-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-title .event-stub-description{margin:12px 0}.result-title .event-stub-image{margin:12px 0;border-radius:8px;overflow:hidden}.result-title .event-stub-img{width:100%;height:200px;object-fit:cover;display:block}.result-title .event-stub-roles{margin-top:12px}.result-title .event-stub-roles-header{margin-bottom:8px}.result-title .event-stub-roles-label{font-size:14px;font-weight:600;color:var(--text-primary, #1a1a1a)}.result-title .event-stub-roles-summary{display:flex;gap:8px;flex-wrap:wrap}.result-title .event-stub-role-chip{background:var(--secondary-bg, #f8f9fa);color:var(--text-primary, #1a1a1a);padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid var(--border-light, #e9ecef)}@media (max-width: 768px){.result-title .event-stub-detail-row{flex-direction:column;gap:8px}.result-title .event-stub-detail-item{flex:none}.result-title .event-stub-img{height:150px}.result-title .event-stub-title{font-size:16px}}@media (max-width: 480px){.result-title .event-stub-roles-summary{flex-direction:column;gap:4px}.result-title .event-stub-role-chip{align-self:flex-start}}@media (prefers-color-scheme: dark){.result-title .event-post-stub{--text-primary: #ffffff;--text-secondary: #b3b3b3;--border-light: #333;--secondary-bg: #2a2a2a}}.result-title .event-post-stub.loading{opacity:.6;pointer-events:none}.result-title .event-post-stub.loading *{animation:pulse 1.5s ease-in-out infinite}.result-title .universal-post-template{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:1rem;padding:1.25rem;transition:all .2s ease;box-shadow:0 1px 3px #00000026;overflow:visible!important;position:relative}.result-title .universal-post-template .post-header{background:transparent!important;padding:0!important;border:none!important;border-bottom:none!important;border-top:none!important}.result-title .universal-post-template .post-content{background:transparent!important;padding:0!important;border:none!important}.result-title .universal-post-template .avatar-placeholder{background:var(--accent-primary, #22c55e)!important;color:#fff!important;border:none!important;border-style:none!important}.result-title .universal-post-template .author-avatar,.result-title .universal-post-template .avatar-link,.result-title .universal-post-template .avatar-container{border:none!important;border-style:none!important}.result-title .universal-post-template .avatar-image{width:100%!important;height:100%!important;object-fit:cover}.result-title .universal-post-template.small{padding:1rem;border-radius:.5rem}.result-title .universal-post-template.large{padding:1.5rem;border-radius:1rem}.result-title .universal-post-template.clickable{cursor:pointer}.result-title .universal-post-template.clickable:hover{border-color:var(--border-color-light);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.result-title .universal-post-template.clickable:hover:has(.menu-open),.result-title .universal-post-template.clickable.menu-open:hover,.result-title .universal-post-template.menu-open.clickable:hover{transform:none;z-index:1}.result-title [data-theme=dark] .universal-post-template.clickable:hover{box-shadow:0 2px 8px #0000004d}.result-title .universal-post-template.clickable:focus{outline:2px solid var(--accent-primary, #22c55e);outline-offset:2px}.result-title .universal-post-template.event{border-left:4px solid var(--info-primary, #3b82f6)}.result-title .universal-post-template.ad{border-left:4px solid var(--warning-primary, #f59e0b)}.result-title .universal-post-template.tournament{border-left:4px solid var(--success-primary, #22c55e)}.result-title .post-body{margin-bottom:1rem}.result-title .post-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;padding:.5rem 0;line-height:1.4}.result-title [data-theme=dark] .post-title{color:#fff!important}.result-title .post-text{font-size:1rem;color:var(--text-secondary, #bdc1ca);line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.result-title .universal-post-template.small .post-title{font-size:1rem}.result-title .universal-post-template.small .post-text{font-size:.875rem}.result-title .universal-post-template.large .post-title{font-size:1.25rem}.result-title .universal-post-template.large .post-text{font-size:1.125rem}.result-title .event-details{background:var(--info-bg, rgba(59, 130, 246, .1));border:1px solid var(--info-border, var(--border-color));border-radius:.5rem;padding:1rem;margin:1rem 0}.result-title .event-date,.result-title .event-venue,.result-title .event-activity{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:var(--info-primary, #3b82f6)}.result-title .event-date:last-child,.result-title .event-venue:last-child,.result-title .event-activity:last-child{margin-bottom:0}.result-title .post-media{display:grid;gap:.5rem;margin:0;border-radius:.5rem;overflow:hidden}.result-title .post-media:has(.media-item:nth-child(1):nth-last-child(1)){grid-template-columns:1fr}.result-title .post-media:has(.media-item:nth-child(2):nth-last-child(1)){grid-template-columns:1fr 1fr}.result-title .post-media:has(.media-item:nth-child(3):nth-last-child(1)){grid-template-columns:2fr 1fr 1fr}.result-title .post-media:has(.media-item:nth-child(4):nth-last-child(1)){grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.result-title .media-item{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:.25rem}.result-title .media-image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.result-title .universal-post-template.clickable .media-image:hover{transform:scale(1.02)}.result-title .media-overflow{position:absolute;inset:0;background:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem}.result-title .post-comments{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.result-title .universal-post-template.stub .post-body{margin-bottom:.75rem}.result-title .universal-post-template.detail .post-body{margin-bottom:1.25rem}.result-title .universal-post-template.preview{max-width:600px;margin:0 auto}.result-title .post-media.detail-mode{margin:1rem 0;padding:0;background:transparent;border-radius:8px;overflow:hidden}.result-title .post-media.detail-mode .image-carousel{width:100%;margin:0}.result-title .universal-post-template.stub .post-media{overflow:visible}.result-title .post-media.stub-mode{margin:.75rem 0 0;padding:0;border-radius:.75rem;background:var(--bg-tertiary, #171a1f)}.result-title .video-content{margin:0}.result-title .post-video-embed{border-radius:8px;overflow:hidden}.result-title .post-video-embed-stub{border-radius:8px;overflow:hidden;width:100%;max-width:100%;aspect-ratio:16/9}.result-title .video-thumbnail{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease}.result-title .video-thumbnail:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.result-title .video-thumbnail-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.result-title .video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000001a;transition:all .2s ease}.result-title .video-thumbnail:hover .video-play-overlay{background:#0003}.result-title .play-button{transition:all .2s ease}.result-title .video-thumbnail:hover .play-button{transform:scale(1.1)}.result-title .post-media-grid{display:grid;gap:.5rem;margin:1rem 0;border-radius:.5rem;overflow:hidden}@media (max-width: 768px){.result-title .universal-post-template{padding:1rem;margin-bottom:.75rem;border-radius:.5rem}.result-title .post-title{font-size:1rem}.result-title .post-text{font-size:.875rem}.result-title .post-media{grid-template-columns:1fr!important;grid-template-rows:auto!important}.result-title .media-item{aspect-ratio:4/3}.result-title .post-media.detail-mode{margin:.75rem 0}.result-title .event-details{padding:.75rem;margin:.75rem 0}.result-title .post-comments{margin-top:1rem;padding-top:1rem}}.result-title .feed-container{width:100%;padding:0;min-height:100vh;overflow:visible}.result-title .undo-notification{position:fixed;top:80px;left:50%;transform:translate(-50%);background:var(--warning-color, #ff9800);color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideDown .3s ease-out}.result-title .undo-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.result-title .undo-button:hover{background:#ffffff4d}.result-title .posts-list{display:flex;flex-direction:column;gap:20px}.result-title .feed-tabs{display:flex;align-items:center;gap:.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-color, #323743);padding-bottom:0}.result-title .feed-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border:none;background:transparent;color:var(--text-muted, #9ca3af);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;white-space:nowrap}.result-title .feed-tab:hover{color:var(--text-primary, #f3f4f6)}.result-title .feed-tab.active{color:var(--accent-primary, #22c55e);border-bottom-color:var(--accent-primary, #22c55e)}.result-title .feed-tab-icon{font-size:.85rem}.result-title .post-item{overflow:visible;position:relative}.result-title .loading-indicator{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:var(--text-secondary, #656d76)}.result-title .spinner{width:32px;height:32px;border:3px solid var(--border-color, #e1e5e9);border-top:3px solid var(--primary-color, #0969da);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.result-title .end-message{text-align:center;padding:40px 20px;color:var(--text-secondary, #656d76);border-top:1px solid var(--border-color, #e1e5e9);margin-top:20px}.result-title .empty-feed{text-align:center;padding:60px 20px;color:var(--text-secondary, #656d76)}.result-title .empty-feed h3{margin:0 0 12px;color:var(--text-primary, #1f2328);font-size:20px;font-weight:600}.result-title .empty-feed p{margin:0;font-size:16px;line-height:1.5}.result-title .error-message{text-align:center;padding:40px 20px;background:var(--danger-subtle, #ffebe9);border:1px solid var(--danger-muted, #fd8c73);border-radius:8px;margin:20px 0}.result-title .error-message p{color:var(--danger-fg, #d1242f);margin:0 0 16px;font-weight:500}.result-title .error-message button{background:var(--danger-emphasis, #d1242f);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.result-title .error-message button:hover{background:var(--danger-emphasis-hover, #a40e26)}@media (prefers-color-scheme: dark){.result-title .post-item{background:var(--card-background, #161b22);border-color:var(--border-color, #30363d)}.result-title .post-item:hover{border-color:var(--border-hover-color, #484f58)}.result-title .empty-feed h3{color:var(--text-primary, #f0f6fc)}}@media (max-width: 768px){.result-title .feed-container{padding:12px}.result-title .posts-list{gap:16px}.result-title .post-item{border-radius:8px}}.result-title .feed-sidebar-inner{display:flex;flex-direction:column;gap:1rem;position:sticky;top:calc(var(--topbar-height, 60px) + 1.5rem)}.result-title .sidebar-card{background:var(--bg-secondary, #1e2128);border:1px solid var(--border-color, #323743);border-radius:1rem;overflow:hidden}.result-title .sidebar-card-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem .5rem}.result-title .sidebar-card-title{font-size:.875rem;font-weight:700;color:var(--text-primary, #f3f4f6)}.result-title .sidebar-card-action{font-size:.75rem;font-weight:600;color:var(--accent-primary, #22c55e);text-decoration:none;transition:opacity .15s}.result-title .sidebar-card-action:hover{opacity:.8}.result-title .sidebar-card-body{padding:.375rem .75rem .875rem;display:flex;flex-direction:column;gap:.125rem}.result-title .sidebar-event-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem .25rem;border-radius:.5rem;cursor:pointer;transition:background .15s}.result-title .sidebar-event-item:hover{background:var(--bg-tertiary, #171a1f)}.result-title .sidebar-event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:38px;height:38px;background:var(--bg-tertiary, #171a1f);border:1px solid var(--border-color, #323743);border-radius:.5rem;flex-shrink:0}.result-title .sidebar-event-month{font-size:.55rem;font-weight:700;color:var(--text-muted, #9ca3af);text-transform:uppercase;line-height:1}.result-title .sidebar-event-day{font-size:1rem;font-weight:700;color:var(--text-primary, #f3f4f6);line-height:1.1}.result-title .sidebar-event-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.result-title .sidebar-event-title{font-size:.8rem;font-weight:600;color:var(--text-primary, #f3f4f6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-title .sidebar-event-venue{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--text-muted, #9ca3af)}.result-title .sidebar-room-item{display:flex;align-items:center;gap:.65rem;padding:.45rem .25rem;border-radius:.5rem;text-decoration:none;transition:background .15s;cursor:pointer}.result-title .sidebar-room-item:hover{background:var(--bg-tertiary, #171a1f)}.result-title .sidebar-room-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0}.result-title .sidebar-room-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.result-title .sidebar-room-name{font-size:.8rem;font-weight:600;color:var(--text-primary, #f3f4f6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.result-title .sidebar-room-item:hover .sidebar-room-name{color:var(--accent-primary, #22c55e)}.result-title .sidebar-room-members{font-size:.7rem;color:var(--text-muted, #9ca3af)}.result-title .sidebar-empty{font-size:.8rem;color:var(--text-muted, #9ca3af);padding:.25rem 0;margin:0}.result-title .auth-prompt-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.result-title .auth-prompt{background:#fff;border-radius:16px;padding:32px;max-width:480px;width:90%;box-shadow:0 20px 40px #00000026;text-align:center;animation:slideUp .3s ease-out}.result-title .auth-prompt-icon{font-size:48px;margin-bottom:16px}.result-title .auth-prompt h3{color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:12px;line-height:1.3}.result-title .auth-prompt p{color:#666;font-size:16px;line-height:1.5;margin-bottom:24px}.result-title .auth-prompt-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px;text-align:left}.result-title .benefit{font-size:14px;color:#333;display:flex;align-items:center;gap:8px}.result-title .auth-prompt-actions{display:flex;flex-direction:column;gap:12px}.result-title .auth-prompt-actions button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.result-title .btn-primary{background:#007bff;color:#fff}.result-title .btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.result-title .btn-primary.large{padding:16px 32px;font-size:18px;font-weight:600}.result-title .btn-secondary{background:#f8f9fa;color:#333;border:1px solid #dee2e6}.result-title .btn-secondary:hover{background:#e9ecef}.result-title .btn-ghost{background:transparent;color:#666;font-size:14px}.result-title .btn-ghost:hover{color:#333}@media (max-width: 768px){.result-title .auth-prompt{padding:24px;margin:20px}.result-title .auth-prompt-benefits{grid-template-columns:1fr}.result-title .auth-prompt h3{font-size:20px}}.result-title body{background:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;overflow-x:hidden}.result-title .main-scroll-area{margin-top:var(--topbar-height, 60px);margin-left:var(--leftnav-width, 220px);background:var(--bg-primary);min-height:calc(100vh - var(--topbar-height, 60px))}.result-title .feed-layout{display:flex;gap:1.5rem;max-width:1200px;margin:0 auto;padding:1.5rem;align-items:flex-start}.result-title .feed-main{flex:1;min-width:0}.result-title .feed-sidebar{width:290px;flex-shrink:0}@media (max-width: 1100px){.result-title .feed-sidebar{width:250px}}@media (max-width: 900px){.result-title .feed-sidebar{display:none}.result-title .feed-layout{padding:1rem}}@media (max-width: 768px){.result-title .main-scroll-area{margin-left:0}.result-title .feed-layout{padding:.75rem 0}}.result-title .events-page-new{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}.result-title .events-page-new .main-scroll-area{margin-left:280px;margin-top:60px;padding:20px;background:var(--bg-primary);min-height:calc(100vh - 60px);overflow-y:auto}@media (max-width: 768px){.result-title .events-page-new .main-scroll-area{margin-left:0;padding:15px}}.result-title .events-page-new .feed-container-new .feed-header h1{color:var(--accent-color)}.result-title .events-page-new .feed-container-new .feed-header:before{content:"📅";margin-right:8px;font-size:1.2em}.result-title .rp-content-area{display:flex;gap:32px;padding:32px 24px 64px;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box;align-items:flex-start}.result-title .rp-main-col{flex:1;min-width:0}.result-title .rp-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:100px 24px;text-align:center;color:#bec2ca}.result-title .rp-state-center h3{font-size:20px;font-weight:600;color:#e4e6ea;margin:0}.result-title .rp-spinner{width:40px;height:40px;border:3px solid #33383d;border-top-color:#52ec27;border-radius:50%;animation:rp-spin .7s linear infinite}.result-title .rp-header{display:flex;flex-direction:row;gap:24px;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #33383d;flex-wrap:wrap}.result-title .rp-room-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;letter-spacing:-.5px;flex-shrink:0;overflow:hidden}.result-title .rp-room-avatar--img{object-fit:cover}.result-title .rp-header-body{flex:1;min-width:0}.result-title .rp-header-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.result-title .rp-room-name{font-size:28px;font-weight:700;letter-spacing:-.5px;color:#f0f2f5;margin:0;line-height:1.2}.result-title .rp-visibility-badge{padding:3px 10px;border-radius:999px;border:1px solid #33383d;background:#191c1f;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#bec2c6;white-space:nowrap}.result-title .rp-room-description{font-size:15px;color:#9aa0a8;line-height:1.6;margin:0 0 12px}.result-title .rp-room-meta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:12px;font-size:13px;color:#9aa0a8}.result-title .rp-meta-item{display:flex;align-items:center;gap:4px}.result-title .rp-meta-link{color:#52ec27;text-decoration:none}.result-title .rp-meta-link:hover{text-decoration:underline}.result-title .rp-room-tags{display:flex;flex-wrap:wrap;gap:8px}.result-title .rp-tag{padding:4px 12px;border-radius:999px;background:#191c1f;border:1px solid #33383d;font-size:12px;font-weight:600;color:#bec2c6;cursor:default;transition:border-color .15s}.result-title .rp-tag:hover{border-color:#52ec27;color:#f0f2f5}.result-title .rp-header-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-start;flex-shrink:0}.result-title .rp-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;background:#52ec27;color:#144606;font-weight:700;font-size:14px;border:none;cursor:pointer;white-space:nowrap;transition:background .15s,opacity .15s}.result-title .rp-btn-primary:hover:not(:disabled){background:#63f13a}.result-title .rp-btn-primary:disabled{opacity:.6;cursor:not-allowed}.result-title .rp-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;background:transparent;color:#e4e6ea;font-weight:600;font-size:14px;border:1px solid #33383d;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.result-title .rp-btn-secondary:hover{background:#191c1f;border-color:#52ec27}.result-title .rp-btn-leave{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;background:transparent;color:#fc5c65;font-weight:600;font-size:14px;border:1px solid #fc5c65;cursor:pointer;white-space:nowrap;transition:background .15s}.result-title .rp-btn-leave:hover:not(:disabled){background:#fc5c651a}.result-title .rp-btn-leave:disabled{opacity:.6;cursor:not-allowed}.result-title .rp-kebab-btn{width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid #33383d;color:#bec2c6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:background .15s,border-color .15s}.result-title .rp-kebab-btn:hover{background:#191c1f;border-color:#52ec27;color:#f0f2f5}.result-title .rp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.result-title .rp-stat-card{background:#191c1f;border:1px solid #33383d;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s}.result-title .rp-stat-card:hover{border-color:#52ec274d}.result-title .rp-stat-icon{font-size:20px;color:#52ec27;margin-bottom:4px;display:flex;align-items:center}.result-title .rp-stat-label{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#9aa0a8}.result-title .rp-stat-value{font-size:22px;font-weight:700;color:#f0f2f5;line-height:1.2}.result-title .rp-stat-sub{font-size:11px;color:#9aa0a8}.result-title .rp-organizers{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #33383d}.result-title .rp-section-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#9aa0a8;margin:0 0 14px}.result-title .rp-organizer-list{display:flex;flex-wrap:wrap;gap:20px}.result-title .rp-organizer-item{display:flex;align-items:center;gap:10px}.result-title .rp-member-avatar-sm{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.result-title .rp-organizer-name{font-size:14px;font-weight:600;color:#e4e6ea;line-height:1.3}.result-title .rp-organizer-role{font-size:12px;color:#9aa0a8;text-transform:capitalize}.result-title .rp-tabs-bar{display:flex;align-items:center;gap:4px;border-bottom:1px solid #33383d;margin-bottom:24px}.result-title .rp-tab{display:flex;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:500;color:#9aa0a8;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s;margin-bottom:-1px}.result-title .rp-tab:hover{color:#f0f2f5}.result-title .rp-tab--active{color:#52ec27;font-weight:700;border-bottom-color:#52ec27}.result-title .rp-tab-badge{padding:1px 7px;border-radius:999px;background:#33383d;font-size:11px;font-weight:700;color:#bec2c6}.result-title .rp-tabs-spacer{flex:1}.result-title .rp-refresh-btn{width:34px;height:34px;border-radius:8px;background:transparent;border:1px solid #33383d;color:#9aa0a8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .15s,color .15s}.result-title .rp-refresh-btn:hover{background:#191c1f;color:#52ec27}.result-title .rp-refresh-btn--spinning svg{animation:rp-spin .7s linear infinite}.result-title .rp-feed-list{display:flex;flex-direction:column;gap:12px}.result-title .rp-post-card{background:#191c1f;border:1px solid #33383d;border-radius:16px;padding:16px;transition:border-color .15s}.result-title .rp-post-card:hover{border-color:#4a5056}.result-title .rp-post-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.result-title .rp-post-author-row{display:flex;align-items:center;gap:10px}.result-title .rp-post-author-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.result-title .rp-post-author-info{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.result-title .rp-post-author-name{font-size:14px;font-weight:600;color:#e4e6ea}.result-title .rp-post-author-role{font-size:12px;color:#9aa0a8;background:#252930;padding:1px 7px;border-radius:4px}.result-title .rp-post-time{font-size:12px;color:#6b7280}.result-title .rp-post-header-right{display:flex;align-items:center;gap:8px}.result-title .rp-post-pinned{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#f7b731;background:#f7b73114;padding:2px 8px;border-radius:4px}.result-title .rp-post-type{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:10px}.result-title .rp-post-type--callout{background:#52ec271a;color:#52ec27}.result-title .rp-post-type--result{background:#45aaf21a;color:#45aaf2}.result-title .rp-post-type--discussion{background:#a55eea1a;color:#a55eea}.result-title .rp-post-type--event-info{background:#fd96441a;color:#fd9644}.result-title .rp-post-type--default{background:#bec2c61a;color:#bec2c6}.result-title .rp-post-title{font-size:16px;font-weight:600;color:#f0f2f5;margin:0 0 8px;line-height:1.4}.result-title .rp-post-content{font-size:14px;color:#9aa0a8;line-height:1.6;margin:0 0 12px}.result-title .rp-post-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #2a2d32;flex-wrap:wrap}.result-title .rp-post-reactions{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.result-title .rp-reaction-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;background:transparent;border:none;color:#9aa0a8;font-size:13px;cursor:pointer;transition:background .15s,color .15s}.result-title .rp-reaction-btn:hover{background:#252930;color:#52ec27}.result-title .rp-read-more-btn{display:flex;align-items:center;gap:2px;font-size:13px;font-weight:600;color:#52ec27;background:none;border:none;cursor:pointer;padding:4px 0;transition:opacity .15s}.result-title .rp-read-more-btn:hover{opacity:.85}.result-title .rp-load-more-btn{width:100%;padding:12px;border:1px solid #33383d;border-radius:12px;background:transparent;color:#9aa0a8;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;margin-top:4px}.result-title .rp-load-more-btn:hover:not(:disabled){background:#191c1f;border-color:#52ec27;color:#f0f2f5}.result-title .rp-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.result-title .rp-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;text-align:center;color:#6b7280}.result-title .rp-empty-icon{color:#33383d}.result-title .rp-empty-state p{font-size:14px;color:#9aa0a8;margin:0}.result-title .rp-about-section{display:flex;flex-direction:column;gap:24px}.result-title .rp-about-block{background:#191c1f;border:1px solid #33383d;border-radius:16px;padding:20px}.result-title .rp-about-label{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#9aa0a8;margin:0 0 12px}.result-title .rp-about-text{font-size:15px;color:#bec2c6;line-height:1.7;margin:0}.result-title .rp-about-text--rules{font-size:14px;white-space:pre-line}.result-title .rp-about-details{display:flex;flex-direction:column;gap:10px}.result-title .rp-about-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #2a2d32;font-size:14px}.result-title .rp-about-row:last-child{border-bottom:none}.result-title .rp-about-key{color:#9aa0a8;font-weight:500}.result-title .rp-about-val{color:#e4e6ea;font-weight:600}.result-title .rp-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--topbar-height, 60px) + 32px);align-self:flex-start}.result-title .rp-sidebar-card{background:#191c1f;border:1px solid #33383d;border-radius:16px;padding:16px}.result-title .rp-sidebar-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.result-title .rp-sidebar-title{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#9aa0a8;margin:0 0 12px}.result-title .rp-sidebar-card-header .rp-sidebar-title{margin:0}.result-title .rp-sidebar-sub{font-size:13px;color:#9aa0a8;margin:0 0 12px}.result-title .rp-sidebar-view-all{font-size:12px;font-weight:600;color:#52ec27;background:none;border:none;cursor:pointer;padding:0;transition:opacity .15s}.result-title .rp-sidebar-view-all:hover{opacity:.8}.result-title .rp-member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.result-title .rp-member-overflow{width:36px;height:36px;border-radius:50%;background:#2a2d32;border:1px solid #33383d;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#9aa0a8}.result-title .rp-online-row{display:flex;align-items:center;gap:6px;font-size:12px;color:#9aa0a8;padding-top:4px}.result-title .rp-online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#52ec27;flex-shrink:0;animation:rp-pulse 2s ease-in-out infinite}.result-title .rp-sidebar-empty{font-size:13px;color:#6b7280;margin:0;padding:8px 0}.result-title .rp-sidebar-info-list{display:flex;flex-direction:column;gap:10px}.result-title .rp-sidebar-info-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#bec2c6}.result-title .rp-sidebar-info-icon{color:#52ec27;font-size:16px;flex-shrink:0}.result-title .rp-sidebar-tags{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 1200px){.result-title .rp-sidebar{display:none}}@media (max-width: 900px){.result-title .rp-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.result-title .rp-content-area{padding:20px 16px 48px}.result-title .rp-header{flex-direction:column;align-items:center;text-align:center}.result-title .rp-header-title-row,.result-title .rp-room-meta,.result-title .rp-room-tags{justify-content:center}.result-title .rp-header-actions{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.result-title .rp-stats-grid{grid-template-columns:repeat(2,1fr)}.result-title .rp-room-name{font-size:22px}}.result-title .events-list-page{max-width:1000px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.result-title .events-list-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.result-title .page-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e1e5e9}.result-title .btn{padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:16px;transition:all .2s;text-decoration:none;display:inline-block}.result-title .no-events{text-align:center;padding:60px 20px}.result-title .no-events-content{background:#f8f9fa;padding:40px;border-radius:8px;border:1px solid #dee2e6;max-width:400px;margin:0 auto}.result-title .no-events-content h3{color:#495057;margin-bottom:15px}.result-title .no-events-content p{color:#6c757d;margin-bottom:20px}.result-title .events-grid{display:grid;gap:15px;grid-template-columns:1fr}.result-title .event-card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.result-title .event-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#007bff}.result-title .event-card.past-event{opacity:.7;background:#f8f9fa}.result-title .event-card.past-event:hover{opacity:.9}.result-title .event-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f8f9fa;border-bottom:1px solid #e1e5e9}.result-title .event-type-badge{background:#007bff;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.result-title .event-date-badge{background:#28a745;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.result-title .past-event .event-date-badge{background:#6c757d}.result-title .event-content{padding:15px}.result-title .event-title{font-size:18px;font-weight:700;color:#212529;margin-bottom:10px;line-height:1.3}.result-title .event-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}.result-title .event-activity{display:flex;align-items:center;gap:5px}.result-title .activity-name{background:#e9ecef;color:#495057;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.result-title .event-organizer{color:#6c757d}.result-title .event-organizer strong{color:#007bff}.result-title .event-details{margin-bottom:12px;font-size:14px;color:#6c757d;line-height:1.5}.result-title .event-details>div{margin-bottom:4px}.result-title .event-description{margin-bottom:12px}.result-title .event-description p{color:#495057;font-size:14px;line-height:1.5;margin:0}.result-title .event-actions-preview{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#f8f9fa;border-top:1px solid #e1e5e9;font-size:13px}.result-title .action-hint{color:#007bff;font-weight:600}.result-title .capacity-info{color:#6c757d}.result-title .event-engagement{display:flex;gap:20px;padding:8px 15px;background:#f8f9fa;border-top:1px solid #e9ecef}.result-title .engagement-item{display:flex;align-items:center;gap:5px;color:#6c757d;font-size:12px;transition:color .2s}.result-title .engagement-item:hover{color:#007bff}@media (max-width: 768px){.result-title .events-list-page{padding:15px}.result-title .page-header h1{font-size:28px}.result-title .event-card-header{padding:10px 12px}.result-title .event-content{padding:12px}.result-title .event-meta,.result-title .event-actions-preview{flex-direction:column;align-items:flex-start;gap:5px}}@media (min-width: 1200px){.result-title .events-list-page{max-width:1200px}}.result-title .event-card.new-event{animation:slideIn .3s ease-out}.result-title .modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.result-title .share-to-rooms-modal{background:var(--bg-primary, #1a1a1a);border-radius:.75rem;max-width:32rem;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000004d}.result-title .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color, #333)}.result-title .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff)}.result-title .modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted, #888);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s}.result-title .modal-close:hover{background:var(--bg-secondary, #2a2a2a);color:var(--text-primary, #ffffff)}.result-title .modal-body{flex:1;overflow-y:auto;padding:1.5rem}.result-title .share-info{margin-bottom:1.5rem}.result-title .info-text{color:var(--text-secondary, #aaa);font-size:.875rem;margin:0}.result-title .share-count{color:var(--text-muted, #888);font-weight:500}.result-title .error-message{background:#ef44441a;border:1px solid #ef4444;color:#ef4444;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.result-title .loading-state,.result-title .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-muted, #888)}.result-title .spinner{width:2rem;height:2rem;border:3px solid var(--bg-secondary, #2a2a2a);border-top-color:var(--accent-primary, #22c55e);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.result-title .rooms-list{display:flex;flex-direction:column;gap:.5rem}.result-title .room-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border-color, #333);border-radius:.5rem;cursor:pointer;transition:all .2s}.result-title .room-item:hover:not(.disabled){background:var(--bg-secondary, #2a2a2a);border-color:var(--accent-primary, #22c55e)}.result-title .room-item.selected{background:#22c55e1a;border-color:var(--accent-primary, #22c55e)}.result-title .room-item.disabled{opacity:.5;cursor:not-allowed}.result-title .room-checkbox{flex-shrink:0}.result-title .room-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--accent-primary, #22c55e)}.result-title .room-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.result-title .room-icon{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.5rem;overflow:hidden}.result-title .room-icon img{width:100%;height:100%;object-fit:cover}.result-title .icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #2a2a2a);color:var(--text-primary, #ffffff);font-weight:600;font-size:1.25rem}.result-title .room-info{flex:1;min-width:0}.result-title .room-name{font-weight:500;color:var(--text-primary, #ffffff);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-title .room-stats{font-size:.8125rem;color:var(--text-muted, #888)}.result-title .modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color, #333)}.result-title .btn-secondary,.result-title .btn-primary{flex:1;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s;border:none}.result-title .btn-secondary{background:var(--bg-secondary, #2a2a2a);color:var(--text-primary, #ffffff)}.result-title .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary, #333)}.result-title .btn-primary{background:var(--accent-primary, #22c55e);color:#000}.result-title .btn-primary:hover:not(:disabled){background:var(--accent-secondary, #16a34a)}.result-title .btn-secondary:disabled,.result-title .btn-primary:disabled{opacity:.5;cursor:not-allowed}.result-title html[data-theme=light] .share-to-rooms-modal{background:#fff}.result-title html[data-theme=light] .modal-header{border-bottom-color:#e5e7eb}.result-title html[data-theme=light] .room-item{border-color:#e5e7eb}.result-title html[data-theme=light] .room-item:hover:not(.disabled){background:#f9fafb}.result-title html[data-theme=light] .btn-secondary{background:#f3f4f6;color:#000}.result-title html[data-theme=light] .btn-secondary:hover:not(:disabled){background:#e5e7eb}.result-title html[data-theme=light] .icon-placeholder{background:#f3f4f6;color:#000}@media (max-width: 640px){.result-title .share-to-rooms-modal{max-height:90vh;margin:.5rem}.result-title .modal-header,.result-title .modal-body,.result-title .modal-footer{padding:1rem}.result-title .modal-footer{flex-direction:column}.result-title .btn-secondary,.result-title .btn-primary{width:100%}}.result-title :root[data-theme=dark]{--card-bg: #171717}.result-title .epd-content-area{display:flex;gap:24px;align-items:flex-start;max-width:1280px;margin:0 auto;padding:24px 28px;width:100%;box-sizing:border-box}.result-title .epd-main-col{flex:1;min-width:0}.result-title .epd-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:16px;color:var(--text-secondary, #a0aec0)}.result-title .epd-back-btn{background:transparent;border:1px solid var(--border-color, rgba(255,255,255,.12));border-radius:8px;color:var(--text-primary, #e2e8f0);padding:8px 20px;cursor:pointer;font-size:.875rem}.result-title .epd-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#1a2236;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 24px;color:#e2e8f0;font-size:.875rem;z-index:9999;pointer-events:none;white-space:nowrap}.result-title .epd-card{background:var(--card-bg, #1a2236);border:1px solid var(--border-color, rgba(255,255,255,.08));border-radius:20px;overflow:hidden}.result-title .epd-card-header{display:flex;align-items:flex-start;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border-color, rgba(255,255,255,.07));background:#0f16234d;position:relative}.result-title .epd-host-info{flex:1;display:flex;flex-direction:column;gap:3px}.result-title .epd-host-line{font-size:.9rem;color:var(--text-primary, #e2e8f0);line-height:1.4}.result-title .epd-host-line strong{color:#fff}.result-title .epd-host-meta{font-size:.78rem;color:var(--text-secondary, #6b7a99)}.result-title .epd-kebab-wrap{position:relative}.result-title .epd-kebab-btn{background:transparent;border:none;color:var(--text-secondary, #6b7a99);cursor:pointer;padding:6px;border-radius:8px;display:flex;font-size:1.2rem;transition:background .15s,color .15s}.result-title .epd-kebab-btn:hover{background:#ffffff0f;color:#e2e8f0}.result-title .epd-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#1a2236;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px;min-width:180px;z-index:100;box-shadow:0 8px 32px #00000080}.result-title .epd-dropdown button{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text-primary, #e2e8f0);font-size:.875rem;padding:9px 14px;border-radius:8px;cursor:pointer;transition:background .15s}.result-title .epd-dropdown button:hover{background:#ffffff0f}.result-title .epd-card-body{padding:28px 32px;display:flex;flex-direction:column;gap:20px}.result-title .epd-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;color:var(--text-primary, #f3f4f6);line-height:1.2;margin:0;letter-spacing:-.02em}.result-title .epd-meta-row,.result-title .epd-skill-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.result-title .epd-meta-chip{display:inline-flex;align-items:center;gap:6px;background:var(--input-bg, #0f1623);border:1px solid var(--border-color, rgba(255,255,255,.07));border-radius:8px;padding:7px 12px;font-size:.82rem;color:var(--text-secondary, #bdc1ca);white-space:nowrap}.result-title .epd-meta-icon{color:#35bd10;font-size:1rem;flex-shrink:0}.result-title .epd-category-chip{display:inline-flex;align-items:center;background:#35bd101a;border:1px solid rgba(53,189,16,.2);border-radius:9999px;padding:4px 12px;font-size:.75rem;font-weight:600;color:#35bd10;letter-spacing:.02em}.result-title .epd-status-banner{display:flex;align-items:center;gap:10px;background:#eab3081a;border:1px solid rgba(234,179,8,.2);border-radius:10px;padding:14px 16px;font-size:.875rem;color:#eab308;line-height:1.4}.result-title .epd-banner-dot{width:10px;height:10px;border-radius:50%;background:#eab308;flex-shrink:0}.result-title .epd-roles-section{display:flex;flex-direction:column;gap:14px}.result-title .epd-section-title{font-size:1.05rem;font-weight:700;color:var(--text-primary, #e2e8f0);margin:0}.result-title .epd-roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.result-title .epd-role-card{background:var(--input-bg, #0f1623);border:1px solid var(--border-color, rgba(255,255,255,.07));border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}.result-title .epd-role-card-top{display:flex;align-items:center;justify-content:space-between}.result-title .epd-role-header{display:flex;align-items:center;gap:8px}.result-title .epd-role-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.result-title .epd-role-dot--light{background:transparent;border:2px solid #e2e8f0}.result-title .epd-role-dot--dark{background:#e2e8f0;border:2px solid #e2e8f0}.result-title .epd-role-name{font-size:.9rem;font-weight:600;color:var(--text-primary, #e2e8f0)}.result-title .epd-price-badge{font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:6px;background:#171717;color:var(--text-secondary, #a0aec0);border:1px solid rgba(255,255,255,.08)}.result-title .epd-price-badge--paid{background:#35bd101a;border-color:#35bd1033;color:#35bd10}.result-title .epd-price-badge--free{background:#6366f11a;border-color:#6366f133;color:#818cf8}.result-title .epd-role-minmax{font-size:.75rem;color:var(--text-secondary, #6b7a99)}.result-title .epd-progress-track{height:6px;background:#171717;border-radius:9999px;position:relative;overflow:visible}.result-title .epd-progress-fill{height:100%;border-radius:9999px;transition:width .3s ease}.result-title .epd-progress-fill--yellow{background:#eab308}.result-title .epd-progress-fill--green{background:#35bd10}.result-title .epd-progress-marker{position:absolute;top:-4px;width:2px;height:14px;background:#fff;border-radius:2px;transform:translate(-50%)}.result-title .epd-role-status{display:flex;align-items:center;gap:6px;font-size:.75rem}.result-title .epd-role-filled-count{color:var(--text-secondary, #6b7a99)}.result-title .epd-status-needs{color:#eab308;font-weight:600}.result-title .epd-status-met{color:#35bd10;font-weight:600}.result-title .epd-role-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}.result-title .epd-no-players{font-size:.78rem;color:var(--text-secondary, #6b7a99);font-style:italic}.result-title .epd-join-btn{background:#35bd10;color:#fff;border:none;border-radius:8px;padding:7px 14px;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.result-title .epd-join-btn:hover{background:#2da00d}.result-title .epd-joined-badge{font-size:.78rem;font-weight:600;color:#35bd10;padding:4px 10px;border-radius:6px;background:#35bd101a;border:1px solid rgba(53,189,16,.2);flex-shrink:0}.result-title .epd-joined-badge--requested{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b40}.result-title .epd-joined-badge--denied{color:#ef4444;background:#ef44441a;border-color:#ef444440}.result-title .epd-selector-wrap{margin-top:12px}.result-title .epd-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;text-transform:uppercase;flex-shrink:0;-webkit-user-select:none;user-select:none}.result-title .epd-avatar-stack{display:flex;align-items:center}.result-title .epd-avatar-stacked{margin-left:-6px;border:2px solid var(--card-bg, #1a2236)}.result-title .epd-avatar-stacked:first-child{margin-left:0}.result-title .epd-avatar-overflow{border-radius:50%;background:#0f1623;border:2px solid var(--card-bg, #1a2236);color:var(--text-secondary, #a0aec0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.65rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.result-title .epd-description{display:flex;flex-direction:column;gap:12px}.result-title .epd-description p{color:var(--text-secondary, #bdc1ca);line-height:1.65;font-size:.9rem;margin:0}.result-title .epd-description p:last-child{color:var(--text-primary, #e2e8f0);font-weight:600}.result-title .epd-map-preview{height:240px;border-radius:16px;background:#0f1623;border:1px solid var(--border-color, rgba(255,255,255,.07));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.result-title .epd-map-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:.12}.result-title .epd-map-icon{font-size:80px;color:#35bd10}.result-title .epd-map-overlay{position:absolute;bottom:12px;right:12px;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:6px;font-size:.78rem;color:#e2e8f0;max-width:220px}.result-title .epd-map-overlay-icon{color:#35bd10;flex-shrink:0;font-size:1rem}.result-title .epd-action-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:20px;border-top:1px solid var(--border-color, rgba(255,255,255,.07))}.result-title .epd-footer-left{display:flex;align-items:center;gap:10px}.result-title .epd-join-main-btn{background:#35bd10;color:#fff;border:none;border-radius:10px;padding:10px 22px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap}.result-title .epd-join-main-btn:hover{background:#2da00d}.result-title .epd-join-main-btn--joined{background:#35bd1026;color:#35bd10;border:1px solid rgba(53,189,16,.3);cursor:default}.result-title .epd-join-main-btn--joined:hover{background:#35bd1026}.result-title .epd-join-main-btn--requested{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3);cursor:default}.result-title .epd-join-main-btn--requested:hover{background:#f59e0b1f}.result-title .epd-join-main-btn--denied{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25);cursor:default}.result-title .epd-join-main-btn--denied:hover{background:#ef44441a}.result-title .epd-share-btn{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--border-color, rgba(255,255,255,.12));border-radius:10px;padding:9px 18px;font-size:.875rem;color:var(--text-primary, #e2e8f0);cursor:pointer;transition:background .15s}.result-title .epd-share-btn:hover{background:#ffffff0d}.result-title .epd-bookmark-btn{background:transparent;border:1px solid var(--border-color, rgba(255,255,255,.12));border-radius:10px;padding:9px 12px;font-size:1.1rem;color:var(--text-secondary, #6b7a99);cursor:pointer;display:flex;align-items:center;transition:background .15s,color .15s;line-height:1}.result-title .epd-bookmark-btn:hover{background:#ffffff0d;color:#e2e8f0}.result-title .epd-bookmark-btn--active{color:#35bd10;border-color:#35bd104d}.result-title .epd-footer-right{display:flex;align-items:center;gap:16px;color:var(--text-secondary, #6b7a99);font-size:.85rem}.result-title .epd-footer-attending{display:flex;align-items:center;gap:8px}.result-title .epd-footer-comments{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-secondary, #6b7a99)}.result-title .epd-footer-comments svg{font-size:1rem}.result-title .epd-discussion{border-top:1px solid var(--border-color, rgba(255,255,255,.07));background:#0f16234d;padding:28px 32px;display:flex;flex-direction:column;gap:20px}.result-title .epd-comment-form{display:flex;gap:12px;align-items:flex-start}.result-title .epd-comment-input-area{flex:1;display:flex;flex-direction:column;gap:8px}.result-title .epd-comment-textarea{width:100%;height:90px;background:var(--input-bg, #0f1623);border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:10px;color:var(--text-primary, #e2e8f0);font-size:.875rem;padding:12px 14px;resize:none;outline:none;font-family:inherit;box-sizing:border-box;line-height:1.5;transition:border-color .15s}.result-title .epd-comment-textarea:focus{border-color:#35bd1066}.result-title .epd-comment-textarea::placeholder{color:var(--text-secondary, #4a5568)}.result-title .epd-comment-textarea--reply{height:70px}.result-title .epd-comment-form-footer{display:flex;justify-content:flex-end}.result-title .epd-post-comment-btn{background:#35bd10;color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.result-title .epd-post-comment-btn:hover:not(:disabled){background:#2da00d}.result-title .epd-post-comment-btn:disabled{opacity:.45;cursor:default}.result-title .epd-reply-form{display:flex;flex-direction:column;gap:8px;padding:12px;background:#35bd100d;border:1px solid rgba(53,189,16,.15);border-radius:10px}.result-title .epd-reply-to-label{font-size:.78rem;color:var(--text-secondary, #6b7a99);display:flex;align-items:center;gap:6px}.result-title .epd-reply-to-label strong{color:#35bd10}.result-title .epd-cancel-reply-btn{background:transparent;border:none;color:var(--text-secondary, #6b7a99);cursor:pointer;padding:2px 4px;font-size:.8rem;margin-left:auto}.result-title .epd-comments-list{display:flex;flex-direction:column;gap:18px}.result-title .epd-no-comments{color:var(--text-secondary, #6b7a99);font-size:.875rem;text-align:center;padding:24px 0}.result-title .epd-comment{display:flex;gap:12px;align-items:flex-start}.result-title .epd-comment-body{flex:1;display:flex;flex-direction:column;gap:5px}.result-title .epd-comment-header{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.result-title .epd-comment-name{font-size:.875rem;font-weight:700;color:var(--text-primary, #e2e8f0)}.result-title .epd-role-badge{font-size:.7rem;font-weight:600;color:#35bd10;background:#35bd101a;border-radius:5px;padding:2px 7px}.result-title .epd-comment-time{font-size:.75rem;color:var(--text-secondary, #6b7a99);margin-left:auto}.result-title .epd-comment-text{font-size:.875rem;color:var(--text-secondary, #bdc1ca);line-height:1.5;margin:0}.result-title .epd-comment-actions{display:flex;align-items:center;gap:12px;margin-top:2px}.result-title .epd-like-btn,.result-title .epd-reply-btn{display:flex;align-items:center;gap:5px;background:transparent;border:none;color:var(--text-secondary, #6b7a99);font-size:.78rem;cursor:pointer;padding:3px 6px;border-radius:6px;transition:color .15s,background .15s}.result-title .epd-like-btn:hover,.result-title .epd-reply-btn:hover{color:var(--text-primary, #e2e8f0);background:#ffffff0d}.result-title .epd-like-btn svg,.result-title .epd-reply-btn svg{font-size:.95rem}.result-title .epd-replies{display:flex;flex-direction:column;gap:12px;margin-top:10px;padding-left:14px;border-left:2px solid var(--border-color, rgba(255,255,255,.07))}.result-title .epd-reply{display:flex;gap:10px;align-items:flex-start}.result-title .epd-right-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}.result-title .epd-sidebar-card{background:var(--card-bg, #1a2236);border:1px solid var(--border-color, rgba(255,255,255,.08));border-radius:16px;overflow:hidden}.result-title .epd-sidebar-card-title{font-size:.875rem;font-weight:700;color:var(--text-primary, #e2e8f0);margin:0;padding:16px 18px 12px;border-bottom:1px solid var(--border-color, rgba(255,255,255,.06))}.result-title .epd-location-map-thumb{height:110px;background:#0f1623;display:flex;align-items:center;justify-content:center;position:relative}.result-title .epd-location-map-icon{font-size:60px;color:#35bd10;opacity:.15}.result-title .epd-location-pin{position:absolute;font-size:2rem;color:#35bd10}.result-title .epd-location-details{padding:14px 18px 0;display:flex;flex-direction:column;gap:3px}.result-title .epd-location-name{font-size:.875rem;font-weight:700;color:var(--text-primary, #e2e8f0);margin:0}.result-title .epd-location-sub,.result-title .epd-location-address{font-size:.78rem;color:var(--text-secondary, #6b7a99);margin:0}.result-title .epd-directions-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:calc(100% - 36px);margin:14px 18px 18px;padding:9px;background:transparent;border:1px solid var(--border-color, rgba(255,255,255,.12));border-radius:8px;color:var(--text-primary, #e2e8f0);font-size:.8rem;font-weight:600;text-decoration:none;transition:background .15s}.result-title .epd-directions-btn:hover{background:#ffffff0d}.result-title .epd-sidebar-details{padding:14px 18px 18px;display:flex;flex-direction:column;gap:10px}.result-title .epd-sidebar-detail-row{display:flex;align-items:center;gap:8px;font-size:.825rem;color:var(--text-secondary, #bdc1ca)}.result-title .epd-sidebar-icon{color:#35bd10;font-size:1rem;flex-shrink:0}.result-title .epd-organizer-actions{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:12px;border-top:1px solid var(--border-color, rgba(255,255,255,.07))}.result-title .epd-organizer-btn{display:flex;align-items:center;justify-content:space-between;background:var(--input-bg, #0f1623);border:1px solid var(--border-color, rgba(255,255,255,.07));border-radius:8px;padding:8px 12px;font-size:.8rem;color:var(--text-primary, #e2e8f0);cursor:pointer;transition:background .15s;font-weight:500}.result-title .epd-organizer-btn:hover{background:#ffffff0a}.result-title .epd-community-events{padding:10px 18px 18px;display:flex;flex-direction:column;gap:12px}.result-title .epd-community-event-row{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:8px;border-radius:10px;transition:background .15s}.result-title .epd-community-event-row:hover{background:#ffffff0a}.result-title .epd-mini-calendar{display:flex;flex-direction:column;align-items:center;background:var(--input-bg, #0f1623);border:1px solid var(--border-color, rgba(255,255,255,.08));border-radius:8px;padding:6px 10px;min-width:40px;flex-shrink:0}.result-title .epd-mini-day{font-size:1rem;font-weight:800;color:var(--text-primary, #e2e8f0);line-height:1}.result-title .epd-mini-mon{font-size:.65rem;font-weight:600;color:var(--text-secondary, #6b7a99);text-transform:uppercase;letter-spacing:.04em}.result-title .epd-community-event-info{flex:1;min-width:0}.result-title .epd-community-event-title{font-size:.825rem;font-weight:600;color:var(--text-primary, #e2e8f0);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-title .epd-community-event-time{font-size:.75rem;color:var(--text-secondary, #6b7a99);margin:0}@media (max-width: 1100px){.result-title .epd-right-sidebar{width:260px}}@media (max-width: 900px){.result-title .epd-content-area{flex-direction:column;padding:16px}.result-title .epd-right-sidebar{width:100%;position:static}.result-title .epd-card-body,.result-title .epd-discussion{padding:20px}}@media (max-width: 600px){.result-title .epd-content-area{padding:12px}.result-title .epd-roles-grid{grid-template-columns:1fr}.result-title .epd-action-footer{flex-direction:column;align-items:flex-start}.result-title .epd-footer-right{width:100%;justify-content:flex-end}}.result-title .activity-input-container{position:relative}.result-title .activity-input{display:flex;align-items:center;width:100%}.result-title .activity-input-field{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.result-title .activity-input-field:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f21a}.result-title .activity-input-field::placeholder{color:#999}.result-title .activity-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:300px;overflow-y:auto;margin-top:8px}.result-title .activity-suggestion{padding:16px 20px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.result-title .activity-suggestion:last-child{border-bottom:none}.result-title .activity-suggestion:hover,.result-title .activity-suggestion.active{background-color:var(--bg-tertiary)}.result-title .activity-suggestion-content{display:flex;align-items:center;gap:16px}.result-title .activity-icon{width:24px!important;height:24px!important;object-fit:contain;background:transparent!important;border:none!important;padding:0!important;display:block}.result-title :root[data-theme=light] .activity-icon{filter:brightness(0) saturate(100%) invert(64%) sepia(98%) saturate(459%) hue-rotate(84deg) brightness(96%) contrast(91%)}.result-title :root[data-theme=dark] .activity-icon{filter:brightness(0) saturate(100%) invert(64%) sepia(98%) saturate(459%) hue-rotate(84deg) brightness(96%) contrast(91%)}.result-title .activity-name-pill{background:#22c55e;color:#fff;font-weight:600;font-size:14px;padding:6px 16px;border-radius:20px;display:inline-block}.result-title .activity-category{font-size:13px;color:var(--text-secondary);font-weight:500;font-style:italic;letter-spacing:.3px}.result-title .activity-suggestion:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.result-title .activity-suggestion:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media (max-width: 480px){.result-title .activity-suggestion{padding:10px 12px}.result-title .activity-name{font-size:13px}.result-title .activity-category{font-size:11px}}.result-title .event-admin{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.result-title .event-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fffffff2;border-radius:12px;box-shadow:0 4px 16px #0000001a}.result-title .event-admin-header h2{margin:0;color:#000;font-size:2rem;font-weight:700}.result-title .header-actions{display:flex;gap:1rem;align-items:center}.result-title .organizer-login{text-align:center;max-width:500px;margin:4rem auto;padding:3rem;background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a}.result-title .organizer-login h2{color:#000;margin-bottom:1rem;font-size:2rem;font-weight:700}.result-title .organizer-login p{color:#6b7280;margin-bottom:2rem;font-size:1.1rem}.result-title .login-form{display:flex;flex-direction:column;gap:1rem}.result-title .login-form input{padding:1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1.1rem;transition:border-color .3s}.result-title .login-form input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.result-title .activity-roles-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin-bottom:1rem}.result-title .activity-roles-header h4{margin:0 0 .5rem;color:#000;font-size:1.1rem;font-weight:600}.result-title .role-instruction{margin:0 0 1rem;color:#6b7280;font-size:.9rem}.result-title .role-btn{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#666;font-size:.9rem;cursor:pointer;transition:all .2s}.result-title .role-btn:hover:not(.btn-disabled){background:#3b82f6;color:#fff;border-color:#3b82f6}.result-title .role-btn.btn-disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;border-color:#d1d5db}.result-title .custom-role-section{margin:1rem 0}.result-title .activity-not-found{margin-top:.5rem}.result-title .text-muted{color:#6b7280}.result-title .create-event-form{background:#fffffff2;padding:2rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-bottom:2rem}.result-title .create-event-form h3{margin:0 0 1.5rem;color:#000;font-size:1.5rem;font-weight:600}.result-title .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.result-title .form-row.three-cols{grid-template-columns:1fr 1fr 1fr}.result-title .form-group{margin-bottom:1rem}.result-title .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#666}.result-title .form-group input,.result-title .form-group select,.result-title .form-group textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.result-title .form-group input:focus,.result-title .form-group select:focus,.result-title .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.result-title .checkbox-group{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.result-title .checkbox-group input[type=checkbox]{width:auto;margin:0;transform:scale(1.2);accent-color:#3b82f6}.result-title .checkbox-group label{margin:0;font-weight:500;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.result-title .activity-search{display:flex;flex-direction:column;gap:.5rem}.result-title .search-input{margin-bottom:.5rem}.result-title .roles-section{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.result-title .activity-roles{margin-bottom:1.5rem;padding:1rem;background:#e0f2fe;border-radius:6px;border-left:4px solid #0ea5e9}.result-title .activity-roles p{margin:0 0 1rem;font-weight:600;color:#0c4a6e}.result-title .role-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.result-title .role-help-text{margin:0 0 1rem;color:#6b7280;font-size:.9rem}.result-title .event-roles-list{margin-top:1rem}.result-title .role-item{background:#fff;padding:1rem;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.5rem}.result-title .role-inputs{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:.5rem;align-items:center}.result-title .role-inputs input{margin-bottom:0}.result-title .btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;text-align:center}.result-title .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.result-title .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.result-title .btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.result-title .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#666);transform:translateY(-1px);box-shadow:0 4px 12px #6b728066}.result-title .btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.result-title .btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.result-title .btn-small{padding:.5rem 1rem;font-size:.875rem}.result-title .form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.result-title .events-section{margin-top:2rem}.result-title .events-section h3{color:#000;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.result-title .events-list{display:grid;gap:1.5rem}.result-title .event-card{background:#fffffff2;border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.result-title .event-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.result-title .event-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0}.result-title .event-header h4{margin:0;color:#000;font-size:1.25rem;font-weight:600}.result-title .status{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.result-title .status.active{background:#dcfce7;color:#166534}.result-title .status.inactive{background:#fee2e2;color:#991b1b}.result-title .event-details{padding:1rem 1.5rem}.result-title .event-details p{margin:.5rem 0;color:#4b5563}.result-title .event-details strong{color:#000}.result-title .event-rsvps{margin-top:1rem;padding:1rem;background:#f8fafc;border-radius:6px}.result-title .participants-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.result-title .participant{background:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;border:1px solid #e5e7eb}.result-title .participant .role{color:#6b7280;font-weight:500}.result-title .tags{margin-top:1rem}.result-title .tag{display:inline-block;background:#e0f2fe;color:#0c4a6e;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;margin:0 .25rem .25rem 0;border:1px solid #bae6fd}.result-title .event-meta{color:#9ca3af;font-size:.875rem;margin-top:1rem}.result-title .event-actions{display:flex;gap:.5rem;padding:0 1.5rem 1.5rem}.result-title .error-message{background:#fee2e2;color:#991b1b;padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #dc2626}.result-title .success-message{background:#dcfce7;color:#166534;padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #16a34a}.result-title .loading{text-align:center;padding:4rem;color:#6b7280;font-size:1.1rem}@media (max-width: 768px){.result-title .event-admin{padding:1rem}.result-title .event-admin-header{flex-direction:column;gap:1rem;text-align:center}.result-title .header-actions{flex-direction:column;width:100%}.result-title .form-row{grid-template-columns:1fr}.result-title .role-inputs{grid-template-columns:1fr;gap:.5rem}.result-title .event-actions{flex-direction:column}}.result-title .events-rsvps{display:flex;flex-direction:column;gap:2rem}.result-title .event-rsvp-section{background:#fffffff2;border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.result-title .event-info{padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb}.result-title .event-info h3{margin:0 0 1rem;color:#000;font-size:1.5rem;font-weight:600}.result-title .event-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.result-title .event-details span{background:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;color:#4b5563;border:1px solid #e5e7eb}.result-title .rsvp-count{color:#059669;font-size:1.1rem}.result-title .rsvps-table{overflow-x:auto}.result-title .rsvps-table table{width:100%;border-collapse:collapse}.result-title .rsvps-table th,.result-title .rsvps-table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.result-title .rsvps-table th{background:#f8fafc;font-weight:600;color:#666}.result-title .rsvps-table tr:hover{background:#f8fafc}.result-title .rsvp-email{color:#4b5563}.result-title .rsvp-role{color:#059669;font-weight:500}.result-title .rsvp-actions{text-align:center}.result-title .no-rsvps{text-align:center;padding:4rem;color:#6b7280}.result-title .no-rsvps h3{color:#666;margin-bottom:1rem}.result-title .rsvp-summary{margin-top:2rem;padding:1.5rem;background:#fffffff2;border-radius:12px;box-shadow:0 4px 16px #0000001a}.result-title .rsvp-summary h3{margin:0 0 1rem;color:#000;font-size:1.25rem;font-weight:600}.result-title .summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.result-title .stat{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:6px;border-left:4px solid #3b82f6}.result-title .stat-label{color:#4b5563;font-weight:500}.result-title .stat-value{color:#000;font-weight:700;font-size:1.25rem}.result-title .image-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:3rem 2rem;text-align:center;background:#f9fafb;transition:all .3s ease;cursor:pointer}.result-title .image-upload-area:hover{border-color:#3b82f6;background:#eff6ff}.result-title .image-upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;color:#6b7280}.result-title .image-upload-label span{font-weight:500;color:#666}.result-title .image-upload-label small{color:#6b7280;font-size:.875rem}.result-title .image-preview-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.result-title .image-preview{max-width:300px;max-height:200px;width:auto;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000026;object-fit:cover}.result-title .image-actions{display:flex;gap:.5rem}.result-title .btn-small{padding:.5rem 1rem;font-size:.875rem;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.result-title .btn-secondary{background:#6b7280;color:#fff}.result-title .btn-secondary:hover{background:#4b5563}.result-title .event-create-page{padding:2rem;max-width:1200px;margin:0 auto}.result-title .page-header{text-align:center;margin-bottom:3rem}.result-title .page-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.result-title .page-header p{color:#666;font-size:1.1rem;margin:0}.result-title .form-section{margin-bottom:3rem;background:var(--bg-primary);border-radius:12px;padding:2rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all .2s ease}.result-title .form-section:hover{border-color:var(--border-color-light)}.result-title .section-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color);display:flex;align-items:center;gap:.75rem}.result-title .section-title:before{content:"";width:6px;height:24px;background:#10b981;border-radius:3px}.result-title .form-section:nth-child(1) .section-title:before{background:linear-gradient(135deg,#4caf50,#45a049)}.result-title .form-section:nth-child(2) .section-title:before{background:linear-gradient(135deg,#2196f3,#1976d2)}.result-title .form-section:nth-child(3) .section-title:before{background:linear-gradient(135deg,#ff9800,#f57c00)}.result-title .form-section:nth-child(4) .section-title:before{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.result-title .form-section:nth-child(5) .section-title:before{background:linear-gradient(135deg,#f44336,#d32f2f)}.result-title .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.result-title .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.95rem}.result-title .form-group input,.result-title .form-group select,.result-title .form-group textarea{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;background:var(--input-bg);color:var(--text-primary);color-scheme:light dark}.result-title .form-group input:focus,.result-title .form-group select:focus,.result-title .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.result-title .create-post-page-new.dark .form-group select{color-scheme:dark}.result-title .create-post-page-new.dark .form-group select option{background:var(--bg-secondary);color:var(--text-primary)}.result-title .form-group input:-webkit-autofill,.result-title .form-group input:-webkit-autofill:hover,.result-title .form-group input:-webkit-autofill:focus,.result-title .form-group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;background-color:var(--input-bg)!important;background-image:none!important;border:2px solid var(--border-color)!important;caret-color:var(--input-text)!important}.result-title .form-section.completed{border-left:4px solid #4CAF50}.result-title .form-section.current{border-left:4px solid #667eea;box-shadow:0 8px 25px #667eea26}.result-title .btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.result-title .btn-primary{background:#10b981;color:#fff;box-shadow:0 4px 15px #10b9814d}.result-title .btn-primary:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.result-title .btn-secondary{background:#f8f9fa;color:#495057;border:2px solid #e9ecef}.result-title .btn-secondary:hover{background:#e9ecef;border-color:#dee2e6}.result-title .submit-btn{width:100%;padding:1rem 2rem;font-size:1.1rem;margin-top:1rem}.result-title .progress-bar{height:6px;background:#e9ecef;border-radius:3px;margin-bottom:2rem;overflow:hidden}.result-title .progress-fill{height:100%;background:#10b981;transition:width .3s ease}@media (max-width: 768px){.result-title .event-create-page{padding:1rem}.result-title .form-section{padding:1.5rem;margin-bottom:2rem}.result-title .section-title{font-size:1.3rem}.result-title .form-row{grid-template-columns:1fr;gap:1rem}}.result-title .form-group small{display:block;margin-top:.5rem;color:#6c757d;font-size:.875rem;line-height:1.4}.result-title .roles-section{margin-top:1.5rem}.result-title .role-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1rem;overflow:hidden}.result-title .role-header{padding:1rem;background:#fff;border-bottom:1px solid #e9ecef}.result-title .event-role-form{padding:1.5rem}.result-title .image-upload-container{margin-top:.5rem}.result-title .image-upload-area{border:2px dashed #dee2e6;border-radius:8px;padding:2rem;text-align:center;transition:all .3s ease}.result-title .image-upload-area:hover{border-color:#667eea;background:#667eea0d}.result-title .image-upload-label{cursor:pointer;display:block}.result-title .upload-icon{font-size:2rem;margin-bottom:.5rem}.result-title .image-preview{max-width:300px;max-height:200px;border-radius:8px;box-shadow:0 4px 15px #0000001a}.result-title .image-actions{display:flex;gap:12px;margin-top:12px;align-items:center}.result-title .image-actions .btn{font-size:.875rem;padding:6px 12px}.result-title .image-actions label.btn{margin:0;cursor:pointer}.result-title .roles-preview{margin-top:1rem}.result-title .roles-category{margin-bottom:2rem}.result-title .roles-category-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.result-title .roles-cards{display:flex;flex-direction:column;gap:1rem}.result-title .role-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem 1.5rem;position:relative;transition:all .2s ease}.result-title .role-card:hover{border-color:var(--border-color-light);box-shadow:var(--shadow-sm)}.result-title .role-card-content{display:flex;flex-direction:column;gap:1rem}.result-title .role-card-header{display:flex;align-items:center;gap:.5rem}.result-title .role-card-name{flex:.875;font-size:1.0625rem;font-weight:500;color:#fff!important;background:transparent!important;border:none!important;border-radius:0!important;padding:.25rem 0!important;transition:all .2s ease;cursor:text;box-shadow:none!important;width:auto!important;max-width:none!important;outline:none!important}.result-title .role-card-name::placeholder{font-style:italic;opacity:.6}.result-title .role-card-name:focus{outline:none!important;border:none!important;border-bottom:2px solid var(--accent-color)!important;background:transparent!important}.result-title .role-card-inputs{display:flex;gap:1.5rem;align-items:center}.result-title .role-input-group{display:flex;align-items:center;gap:.5rem}.result-title .role-input-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin:0;min-width:35px}.result-title .role-input-group input,.result-title .role-card-input{width:60px!important;max-width:60px!important;padding:.5rem .625rem!important;background:var(--search-bg)!important;border:1px solid var(--border-color)!important;border-radius:6px!important;color:var(--text-primary)!important;font-size:.9375rem!important;transition:all .2s ease;text-align:center}.result-title .role-input-group input[type=number]::-webkit-inner-spin-button,.result-title .role-input-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.result-title .role-input-group input[type=number]{-moz-appearance:textfield;appearance:textfield}.result-title .role-input-group:last-child input,.result-title .role-input-group:last-child .role-card-input{width:80px!important;max-width:80px!important}.result-title .role-input-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #22c55e1a}.result-title .role-status-badge{position:absolute;top:1.25rem;right:1.5rem;font-size:.6875rem;font-weight:700;padding:.375rem .75rem;border-radius:4px;white-space:nowrap;letter-spacing:.5px;text-transform:uppercase}.result-title .required-badge{background:#22c55e26;color:var(--accent-color);border:1px solid var(--accent-color)}.result-title [data-theme=dark] .required-badge{background:#22c55e33;border-color:#22c55e80}.result-title .role-remove-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;opacity:.5;padding:.5rem;transition:all .2s ease;color:var(--like-color);font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center}.result-title .role-remove-btn:hover{opacity:1;background:#ef44441a;border-radius:4px}.result-title .suggested-roles-wrapper{margin:2rem 0;padding:1.5rem 0;border-top:1px solid var(--border-color)}.result-title .suggested-roles-title{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-align:center}.result-title .suggested-roles-pills{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.result-title .suggested-role-pill{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.625rem 1.25rem;border-radius:24px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.result-title .suggested-role-pill:hover{background:var(--bg-secondary);border-color:var(--border-color-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.result-title .add-custom-role-wrapper{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center}.result-title .custom-role-help{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem;font-style:italic}.result-title .add-custom-role-btn{background:var(--accent-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #22c55e33}.result-title .add-custom-role-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.result-title .add-custom-role-btn:active{transform:translateY(0)}@media (max-width: 768px){.result-title .role-card{flex-direction:column;align-items:flex-start;gap:1rem}.result-title .role-card-content{grid-template-columns:1fr}.result-title .role-card-name{grid-column:1;min-width:100%}.result-title .role-edit-icon{grid-column:1;justify-self:end}.result-title .role-card-inputs{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}.result-title .role-input-group{width:100%;justify-content:space-between}.result-title .role-input-group input{flex:1;max-width:120px}.result-title .role-status-badge,.result-title .role-remove-btn{align-self:flex-end}.result-title .suggested-roles-pills{flex-direction:column}.result-title .suggested-role-pill{width:100%}}.result-title .create-post-page-new{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.result-title .page-layout{display:flex;min-height:calc(100vh - var(--topbar-height, 60px));margin-top:var(--topbar-height, 60px);position:relative}.result-title .main-content{flex:1;margin-left:var(--leftnav-width, 220px);padding:24px 20px 20px;transition:margin-left .3s ease;background:var(--bg-primary);min-height:calc(100vh - var(--topbar-height, 60px))}.result-title .create-post-container{max-width:1200px;width:90%;margin:0 auto;background:transparent;border:none;transition:background-color .3s ease}.result-title .post-form{padding:32px 24px;background:transparent}.result-title .create-post-title{margin:0 0 32px;font-size:1.75rem;font-weight:600;color:var(--text-primary);text-align:center}.result-title .form-group,.result-title .form-group-new{margin-bottom:20px;padding:0;background:transparent;border-radius:12px;border:none;transition:all .3s ease}.result-title .form-group label,.result-title .form-group-new label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)!important;font-size:14px}.result-title .create-post-container .post-form .form-actions{border-top:0px!important}.result-title .search-container-new .input:not(.search-input){background-color:var(--search-bg)!important}.result-title .create-post-page-new .form-group-new input,.result-title .create-post-page-new .form-group-new textarea,.result-title .create-post-page-new .form-group-new select,.result-title .create-post-page-new .form-group input,.result-title .create-post-page-new .form-group textarea,.result-title .create-post-page-new .form-group select,.result-title .create-post-page-new input:not(.search-input):not(.container-search-new):not(.role-card-name):not([type=number]),.result-title .create-post-page-new textarea:not(.search-input),.result-title .create-post-page-new select:not(.search-input),.result-title .create-post-page-new .poll-option-input{width:100%;padding:12px 16px;background:var(--search-bg)!important;border:1px solid var(--search-border)!important;border-radius:8px;font-size:1rem;color:var(--text-primary)!important;transition:all .2s ease;box-sizing:border-box}.result-title .create-post-page-new .form-group-new input:focus,.result-title .create-post-page-new .form-group-new textarea:focus,.result-title .create-post-page-new .form-group-new select:focus,.result-title .create-post-page-new .form-group input:focus,.result-title .create-post-page-new .form-group textarea:focus,.result-title .create-post-page-new .form-group select:focus,.result-title .create-post-page-new input:focus:not(.search-input):not(.container-search-new):not(.role-card-name):not([type=number]),.result-title .create-post-page-new textarea:focus:not(.search-input),.result-title .create-post-page-new select:focus:not(.search-input),.result-title .create-post-page-new .poll-option-input:focus{outline:none;border-color:var(--accent-color)!important;background:var(--search-bg)!important;box-shadow:0 0 0 3px #22c55e1a}.result-title .create-post-page-new .form-group-new input::placeholder,.result-title .create-post-page-new .form-group-new textarea::placeholder,.result-title .create-post-page-new .form-group input::placeholder,.result-title .create-post-page-new .form-group textarea::placeholder,.result-title .create-post-page-new input::placeholder:not(.search-input):not(.container-search-new):not(.role-card-name):not([type=number]),.result-title .create-post-page-new textarea::placeholder:not(.search-input),.result-title .create-post-page-new .poll-option-input::placeholder{color:var(--text-muted)!important}.result-title .form-group textarea{resize:vertical;min-height:120px;line-height:1.5}.result-title .char-counter{margin-top:6px;font-size:.85rem;color:var(--text-muted);text-align:right}.result-title .form-help{margin-top:6px;font-size:.85rem;color:var(--text-muted);line-height:1.4}.result-title .form-hint{display:block;margin-top:6px;font-size:.85rem;color:var(--text-muted);line-height:1.4}.result-title .visibility-info{padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.result-title .visibility-info p{margin:0 0 4px;color:var(--text-primary);font-size:.95rem}.result-title .visibility-info .form-hint{margin-top:0}.result-title .form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.result-title .btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:1rem}.result-title .btn-primary{background:var(--accent-color);color:#fff}.result-title .btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.result-title .btn-secondary{background:var(--search-bg)!important;color:var(--text-primary)!important;border:2px solid var(--search-border)!important}.result-title .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.result-title .btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.result-title .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--like-color);padding:16px;border-radius:8px;margin-bottom:24px;font-weight:500}.result-title .auth-required{text-align:center;padding:60px 20px;background:var(--bg-secondary);border-radius:12px;margin:40px auto;max-width:500px}.result-title .auth-required h2{color:var(--text-primary);margin-bottom:16px;font-size:1.5rem}.result-title .auth-required p{color:var(--text-secondary);margin-bottom:24px}.result-title .posting-guidelines{background:var(--bg-tertiary);padding:24px;border-top:1px solid var(--border-color)}.result-title .posting-guidelines h3{color:var(--text-primary);margin:0 0 16px;font-size:1.1rem}.result-title .posting-guidelines ul{margin:0;padding-left:20px;color:var(--text-secondary)}.result-title .posting-guidelines li{margin-bottom:8px;line-height:1.4}@media (max-width: 1200px){.result-title .main-content{margin-left:0;padding:20px 16px}.result-title .create-post-container{width:95%;max-width:none}}@media (max-width: 1024px){.result-title .main-content{margin-left:0;padding:16px}.result-title .create-post-container{width:95%;margin:0 auto}}@media (max-width: 768px){.result-title .create-post-title{font-size:1.5rem;margin-bottom:20px}.result-title .post-form{padding:20px 16px}.result-title .create-post-container{width:98%}.result-title .form-group-new{margin-bottom:16px}.result-title .form-actions{flex-direction:column-reverse}.result-title .btn{width:100%}}@media (max-width: 480px){.result-title .main-content{padding:8px}.result-title .create-post-title{font-size:1.25rem;margin-bottom:16px}.result-title .post-form{padding:16px 8px}.result-title .create-post-container{width:100%}.result-title .form-group-new{margin-bottom:12px}}.result-title .create-post-page-new.dark .create-post-container{background:transparent;border:none}.result-title .create-post-page-new.dark .post-form{background:transparent}.result-title .create-post-page-new.dark .form-group input,.result-title .create-post-page-new.dark .form-group textarea,.result-title .create-post-page-new.dark .form-group select{background:var(--bg-tertiary);border-color:var(--border-color)}.result-title .create-post-page-new.dark .form-group input:focus,.result-title .create-post-page-new.dark .form-group textarea:focus,.result-title .create-post-page-new.dark .form-group select:focus{background:var(--bg-primary)}.result-title .create-post-page-new.dark .image-upload-container{background:var(--bg-tertiary)}.result-title .create-post-page-new.dark .image-upload-container:hover{background:var(--bg-primary)}.result-title .create-post-page-new.light .create-post-container{background:transparent;border:none}.result-title .create-post-page-new.light .post-form{background:transparent}.result-title .create-post-page-new.light .form-group input,.result-title .create-post-page-new.light .form-group textarea,.result-title .create-post-page-new.light .form-group select{background:#fff;border-color:#e5e7eb;color:#000}.result-title .create-post-page-new.light .form-group input:focus,.result-title .create-post-page-new.light .form-group textarea:focus,.result-title .create-post-page-new.light .form-group select:focus{border-color:var(--accent-color);background:#fafbfc}.result-title .create-post-page-new.light .image-upload-container{background:#fafbfc;border-color:#e5e7eb}.result-title .create-post-page-new.light .image-upload-container:hover{background:#f3f4f6}.result-title .create-post-page-new.light .post-type-btn{background:#fff;border-color:#e5e7eb;color:#666}.result-title .create-post-page-new.light .post-type-btn:hover{background:#f9fafb;border-color:var(--accent-color)}.result-title .create-post-page-new.dark .event-create-form .form-section{background:var(--bg-tertiary);border-color:var(--border-color)}.result-title .create-post-page-new.dark .event-create-form .event-role-card{background:var(--bg-secondary);border-color:var(--border-color)}.result-title .create-post-page-new.dark .event-create-form .role-header{background:var(--bg-primary)}.result-title .create-post-page-new.dark .event-create-form .role-name-input,.result-title .create-post-page-new.dark .event-create-form .number-input input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.result-title .create-post-page-new.dark .event-create-form .role-details{border-color:var(--border-color)}.result-title .create-post-page-new.dark .event-create-form .image-upload-area{background:var(--bg-tertiary);border-color:var(--border-color)}.result-title .create-post-page-new.dark .event-create-form .add-role-btn{border-color:var(--border-color);color:var(--accent-color)}.result-title .create-post-page-new.dark .event-create-form .add-role-btn:hover{border-color:var(--accent-color);background:#22c55e1a}.result-title .create-post-page-new.light .event-create-form .form-section{background:#fff;border-color:#e5e7eb}.result-title .create-post-page-new.light .event-create-form .event-role-card{background:#fafbfc;border-color:#e5e7eb}.result-title .create-post-page-new.light .event-create-form .role-header{background:#f3f4f6}.result-title .create-post-page-new.light .event-create-form .role-name-input,.result-title .create-post-page-new.light .event-create-form .number-input input{background:#fff;border-color:#e5e7eb;color:#000}.result-title .create-post-page-new.light .event-create-form .role-details{border-color:#e5e7eb}.result-title .create-post-page-new.light .event-create-form .image-upload-area{background:#fafbfc;border-color:#e5e7eb}.result-title .create-post-page-new.light .event-create-form .add-role-btn{border-color:#e5e7eb;color:var(--accent-color)}.result-title .create-post-page-new.light .event-create-form .add-role-btn:hover{border-color:var(--accent-color);background:#22c55e0d}.result-title .loading-state{text-align:center;padding:60px 20px;background:var(--bg-secondary);border-radius:12px}.result-title .loading-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.result-title .loading-state p{color:var(--text-secondary);font-size:1rem;margin:0}.result-title .error-state{text-align:center;padding:60px 20px;background:var(--bg-secondary);border-radius:12px}.result-title .error-state h2{color:var(--like-color);margin-bottom:16px;font-size:1.5rem}.result-title .error-state p{color:var(--text-secondary);margin-bottom:24px;font-size:1rem}.result-title .post-type-display{display:flex;flex-direction:column;gap:8px}.result-title .post-type-badge{display:inline-block;background:var(--accent-color);color:#fff;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:500;width:fit-content}.result-title .post-type-note{color:var(--text-secondary);font-size:.75rem;font-style:italic}.result-title .container-display{display:flex;flex-direction:column;gap:8px}.result-title .container-badge{display:inline-block;background:var(--bg-tertiary);color:var(--text-primary);padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:500;width:fit-content;border:1px solid var(--border-color)}.result-title .container-note{color:var(--text-secondary);font-size:.75rem;font-style:italic}.result-title .create-post-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:32px;font-size:1rem}.result-title .event-create-form .form-section{margin-bottom:40px;padding:24px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.result-title .event-create-form .section-title{color:var(--accent-color);margin-bottom:16px;font-size:1.25rem;font-weight:600}.result-title .event-create-form .section-description{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.result-title .event-create-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.result-title .event-create-form .event-roles-container{margin-top:16px}.result-title .event-create-form .event-role-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;overflow:hidden}.result-title .event-create-form .role-header{padding:16px;background:var(--bg-tertiary);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.result-title .event-create-form .role-basic-info{flex:1}.result-title .event-create-form .role-name-input{width:100%;margin-bottom:12px;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary)}.result-title .event-create-form .role-numbers{display:flex;gap:12px;flex-wrap:wrap}.result-title .event-create-form .number-input{display:flex;flex-direction:column;min-width:80px}.result-title .event-create-form .number-input label{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}.result-title .event-create-form .number-input input{padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}.result-title .event-create-form .role-actions{display:flex;gap:8px;flex-shrink:0}.result-title .event-create-form .role-details{padding:16px;border-top:1px solid var(--border-color)}.result-title .event-create-form .requirements-section{margin-bottom:20px}.result-title .event-create-form .requirements-section>label{display:flex;align-items:center;gap:8px;font-weight:500;margin-bottom:12px;color:var(--text-primary)}.result-title .event-create-form .checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-left:20px}.result-title .event-create-form .checkbox-item{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-primary)}.result-title .event-create-form .age-inputs,.result-title .event-create-form .skill-inputs{display:flex;gap:16px;margin-left:20px;flex-wrap:wrap}.result-title .event-create-form .add-role-btn{width:100%;padding:12px;margin-top:16px;border:2px dashed var(--border-color);background:transparent;color:var(--accent-color);border-radius:8px;font-weight:500}.result-title .event-create-form .add-role-btn:hover{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.05)}.result-title .event-create-form .image-upload-container{margin-top:8px}.result-title .event-create-form .image-upload-area{border:2px dashed var(--border-color);border-radius:8px;padding:40px 20px;text-align:center;background:var(--bg-secondary)}.result-title .event-create-form .image-upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary)}.result-title .event-create-form .upload-icon{font-size:2rem}.result-title .event-create-form .image-preview-container{position:relative;display:inline-block}.result-title .event-create-form .image-preview{max-width:300px;max-height:200px;border-radius:8px;object-fit:cover}.result-title .event-create-form .image-actions{margin-top:8px;text-align:center}.result-title .success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:16px;border-radius:8px;margin-bottom:24px;font-weight:500}.result-title .event-create-form .requirements-grid{display:flex;flex-direction:column;gap:20px;margin-top:16px}.result-title .event-create-form .additional-attributes{border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);margin-top:1rem}.result-title .event-create-form .additional-attributes details{margin:0}.result-title .event-create-form .additional-attributes summary{list-style:none;padding:.75rem 1rem;cursor:pointer;background:var(--bg-secondary);border-radius:6px;display:flex;justify-content:space-between;align-items:center;font-weight:500;color:var(--text-secondary);-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.result-title .event-create-form .additional-attributes summary:hover{background:var(--bg-tertiary)}.result-title .event-create-form .additional-attributes summary::-webkit-details-marker{display:none}.result-title .event-create-form .toggle-icon{transition:transform .2s ease;font-size:.75rem}.result-title .event-create-form .additional-attributes details[open] .toggle-icon{transform:rotate(180deg)}.result-title .event-create-form .attributes-content{padding:1rem;border-top:1px solid var(--border-color);display:grid;gap:1rem}.result-title .event-create-form .attribute-subsection{border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary)}.result-title .event-create-form .attribute-subsection details{margin:0}.result-title .event-create-form .subsection-toggle{list-style:none;padding:.6rem .75rem;cursor:pointer;background:var(--bg-secondary);border-radius:6px;display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:.875rem;color:var(--text-primary);-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.result-title .event-create-form .subsection-toggle:hover{background:var(--bg-tertiary)}.result-title .event-create-form .subsection-toggle::-webkit-details-marker{display:none}.result-title .event-create-form .attribute-subsection details[open] .toggle-icon{transform:rotate(180deg)}.result-title .event-create-form .subsection-content{padding:.75rem;border-top:1px solid var(--border-color);background:var(--bg-primary)}.result-title .event-create-form .requirement-enable-checkbox{margin-bottom:1rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px}.result-title .event-create-form .requirement-enable-checkbox .checkbox-item{font-weight:500;color:var(--text-primary)}.result-title .event-create-form .requirement-enable-checkbox .checkbox-item input[type=checkbox]{margin-right:.75rem;transform:scale(1.1)}.result-title .event-create-form .checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-bottom:.25rem}.result-title .event-create-form .checkbox-item{display:flex;align-items:center;font-size:.875rem;cursor:pointer;color:var(--text-primary);padding:4px;border-radius:4px;transition:background-color .2s ease}.result-title .event-create-form .checkbox-item:hover{background:var(--bg-tertiary)}.result-title .event-create-form .checkbox-item input[type=checkbox]{margin-right:.5rem;width:auto}.result-title .event-create-form .age-inputs,.result-title .event-create-form .skill-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.result-title .event-create-form .input-group{display:flex;flex-direction:column}.result-title .event-create-form .input-group label{font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.result-title .event-create-form .input-group input,.result-title .event-create-form .input-group select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.result-title .event-create-form .input-group input:focus,.result-title .event-create-form .input-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #22c55e1a}.result-title .event-create-form .adaptive-details{margin-top:1rem}.result-title .event-create-form .adaptive-details label{font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;display:block;font-size:.875rem}.result-title .event-create-form .field-hint{color:var(--text-muted);font-size:.75rem;margin-top:.25rem;font-style:italic}.result-title .create-post-page-new.light .event-create-form .additional-attributes{background:#fff;border-color:#e5e7eb}.result-title .create-post-page-new.light .event-create-form .additional-attributes summary{background:#f8fafc;color:#666}.result-title .create-post-page-new.light .event-create-form .additional-attributes summary:hover{background:#f1f5f9}.result-title .create-post-page-new.light .event-create-form .attribute-subsection{background:#fafbfc;border-color:#e2e8f0}.result-title .create-post-page-new.light .event-create-form .subsection-toggle{background:#fafbfc;color:#4b5563}.result-title .create-post-page-new.light .event-create-form .subsection-toggle:hover{background:#f1f5f9}.result-title .create-post-page-new.light .event-create-form .subsection-content{background:#fff;border-color:#e2e8f0}.result-title .create-post-page-new.light .event-create-form .requirement-enable-checkbox{background:#f8fafc;border-color:#e2e8f0}.result-title .create-post-page-new.light .event-create-form .checkbox-item{color:#374151}.result-title .create-post-page-new.light .event-create-form .input-group input,.result-title .create-post-page-new.light .event-create-form .input-group select{background:#fff;border-color:#d1d5db;color:#111827}.result-title .create-post-page-new.light .event-create-form .field-hint{color:#6b7280}.result-title .create-post-page-new.dark .event-create-form .additional-attributes{background:var(--bg-primary);border-color:var(--border-color)}.result-title .create-post-page-new.dark .event-create-form .attribute-subsection{background:var(--bg-secondary);border-color:var(--border-color)}.result-title .create-post-page-new.dark .event-create-form .subsection-content{background:var(--bg-primary)}.result-title .create-post-page-new.dark .event-create-form .requirement-enable-checkbox{background:var(--bg-secondary);border-color:var(--border-color)}@media (max-width: 768px){.result-title .event-create-form .age-inputs,.result-title .event-create-form .skill-inputs{grid-template-columns:1fr}.result-title .event-create-form .checkbox-grid{grid-template-columns:1fr 1fr}}.result-title .cp-page{max-width:760px;margin:0 auto;padding:0 0 120px}.result-title .cp-header{padding:28px 0 20px}.result-title .cp-header__title{margin:0 0 4px;font-size:30px;font-weight:600;color:var(--text-primary)}.result-title .cp-header__subtitle{margin:0;font-size:.875rem;color:var(--text-muted)}.result-title .cp-error{margin-bottom:16px;padding:12px 16px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:10px;color:#f87171;font-size:.875rem}.result-title .cp-form{display:flex;flex-direction:column;gap:16px}.result-title .cp-section{background:var(--bg-secondary, #1e2128);border:1px solid var(--border-color, rgba(50,55,67,.5));border-radius:14px;padding:20px 22px}.result-title .cp-section__label{font-size:16px;font-weight:500;letter-spacing:normal;text-transform:none;color:var(--text-primary);opacity:.75;margin-bottom:14px}.result-title .cp-section__header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.result-title .cp-section__header-row .cp-section__label{margin-bottom:0}.result-title .cp-field{margin-bottom:16px}.result-title .cp-field:last-child{margin-bottom:0}.result-title .cp-field__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.result-title .cp-field__label{font-size:14px;font-weight:500;color:var(--text-primary)}.result-title .cp-field__hint{display:block;margin-top:6px;font-size:.75rem;color:var(--text-muted);opacity:.65}.result-title .cp-char-count{font-size:.75rem;color:var(--text-muted)}.result-title .cp-input,.result-title .cp-select{width:100%;padding:10px 14px;background:var(--bg-tertiary, #0d0f12);border:1px solid var(--border-color, rgba(50,55,67,.5));border-radius:8px;font-size:.9375rem;color:var(--text-primary);box-sizing:border-box;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.result-title .cp-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.result-title .cp-textarea{width:100%;padding:10px 14px;background:var(--bg-tertiary, #0d0f12);border:1px solid var(--border-color, rgba(50,55,67,.5));border-radius:8px;font-size:.9375rem;color:var(--text-primary);resize:vertical;min-height:120px;line-height:1.55;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;font-family:inherit}.result-title .cp-input::placeholder,.result-title .cp-textarea::placeholder{color:var(--text-muted)}.result-title .cp-input:focus,.result-title .cp-select:focus,.result-title .cp-textarea:focus{outline:none;border-color:var(--accent-primary, #22c55e);box-shadow:0 0 0 3px #22c55e1f}.result-title .cp-format-bar{display:flex;gap:4px;padding:5px;background:var(--bg-primary, #0d0f12);border-radius:12px;overflow-x:auto;scrollbar-width:none}.result-title .cp-format-bar::-webkit-scrollbar{display:none}.result-title .cp-format-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.result-title .cp-format-btn:hover{background:var(--bg-secondary, #1e2128);color:var(--text-primary)}.result-title .cp-format-btn--active{background:var(--accent-primary, #22c55e);color:#000;font-weight:700}.result-title .cp-format-btn--active:hover{background:var(--accent-primary, #22c55e);color:#000}.result-title .cp-media-count{font-size:.8rem;font-weight:600;color:var(--accent-primary, #22c55e);background:#22c55e1a;padding:2px 10px;border-radius:20px}.result-title .cp-file-input{display:none}.result-title .cp-dropzone{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:36px 24px;border:2px dashed var(--border-color, rgba(50,55,67,.5));border-radius:12px;background:transparent;color:var(--text-muted);cursor:pointer;transition:border-color .15s,background .15s;box-sizing:border-box}.result-title .cp-dropzone:hover{border-color:var(--accent-primary, #22c55e);background:#22c55e0a}.result-title .cp-dropzone__icon{width:40px;height:40px;stroke:var(--text-muted)}.result-title .cp-dropzone__title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.result-title .cp-dropzone__hint{font-size:.8125rem;color:var(--text-muted)}.result-title .cp-media-grid{display:flex;flex-wrap:wrap;gap:10px}.result-title .cp-media-thumb{position:relative;width:112px;height:80px;border-radius:8px;overflow:hidden;background:var(--bg-primary, #0d0f12);flex-shrink:0}.result-title .cp-media-thumb img{width:100%;height:100%;object-fit:cover;display:block}.result-title .cp-media-thumb__remove{position:absolute;top:4px;right:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s}.result-title .cp-media-thumb:hover .cp-media-thumb__remove{opacity:1}.result-title .cp-media-add{width:112px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed var(--border-color, rgba(50,55,67,.5));border-radius:8px;background:transparent;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:border-color .15s,color .15s}.result-title .cp-media-add:hover{border-color:var(--accent-primary, #22c55e);color:var(--accent-primary, #22c55e)}.result-title .cp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.result-title .cp-locked-field{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-tertiary, #0d0f12);border:1px solid var(--border-color, rgba(50,55,67,.5));border-radius:8px;font-size:.9375rem;color:var(--text-muted)}.result-title .cp-badge{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.result-title .cp-badge--optional{background:#9ca3af26;color:var(--text-muted)}.result-title .cp-badge--required{background:#ef444426;color:#f87171}.result-title .cp-tags-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-tertiary, #0d0f12);border:1px solid var(--border-color, rgba(50,55,67,.5));border-radius:8px;min-height:42px;cursor:text;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.result-title .cp-tags-input:focus-within{border-color:var(--accent-primary, #22c55e);box-shadow:0 0 0 3px #22c55e1f}.result-title .cp-tags-input__field{flex:1;min-width:160px;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;outline:none;padding:2px 0}.result-title .cp-tags-input__field::placeholder{color:var(--text-muted)}.result-title .cp-tag-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:20px;color:var(--accent-primary, #22c55e);font-size:.8125rem;font-weight:500;white-space:nowrap}.result-title .cp-tag-chip__remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:transparent;color:var(--accent-primary, #22c55e);cursor:pointer;opacity:.7;transition:opacity .1s}.result-title .cp-tag-chip__remove:hover{opacity:1}.result-title .cp-preview{padding:0}.result-title .cp-preview-card{display:flex;gap:16px;padding:16px;background:var(--bg-secondary, #1e2128);border:1px solid var(--border-color, rgba(50,55,67,.5));border-radius:14px;align-items:flex-start}.result-title .cp-preview-thumb{flex-shrink:0;width:112px;height:80px;border-radius:8px;overflow:hidden;background:var(--bg-primary, #0d0f12)}.result-title .cp-preview-thumb img{width:100%;height:100%;object-fit:cover;display:block}.result-title .cp-preview-thumb__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:.4}.result-title .cp-preview-body{flex:1;min-width:0}.result-title .cp-preview-meta{display:flex;align-items:center;gap:6px;margin-bottom:6px}.result-title .cp-preview-room{font-size:.8rem;font-weight:600;color:var(--text-primary)}.result-title .cp-preview-dot{color:var(--text-muted);font-size:.75rem}.result-title .cp-preview-visibility{font-size:.75rem;color:var(--text-muted)}.result-title .cp-preview-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px}.result-title .cp-preview-tags{display:flex;flex-wrap:wrap;gap:6px}.result-title .cp-preview-flair{font-size:.7rem;font-weight:700;padding:2px 8px;background:#22c55e26;color:var(--accent-primary, #22c55e);border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.result-title .cp-preview-tag{font-size:.8rem;color:var(--text-muted)}.result-title .cp-footer{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--bg-secondary, #1e2128);border-top:1px solid var(--border-color, rgba(50,55,67,.5));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-title .cp-footer__cancel{border:none;background:transparent;color:var(--text-muted);font-size:.9375rem;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:8px;transition:color .15s,background .15s}.result-title .cp-footer__cancel:hover{color:var(--text-primary);background:var(--bg-tertiary, rgba(50,55,67,.4))}.result-title .cp-footer__actions{display:flex;align-items:center;gap:10px}.result-title .cp-footer__draft{padding:9px 20px;background:transparent;border:1px solid var(--border-color, rgba(50,55,67,.5));border-radius:8px;color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s}.result-title .cp-footer__draft:hover{border-color:var(--text-muted);background:var(--bg-tertiary, rgba(50,55,67,.3))}.result-title .cp-footer__submit{display:flex;align-items:center;gap:8px;padding:9px 22px;background:var(--accent-primary, #22c55e);border:none;border-radius:8px;color:#000;font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.result-title .cp-footer__submit:hover{background:#16a34a;transform:translateY(-1px)}.result-title .cp-footer__submit:active{transform:translateY(0)}.result-title .cp-footer__submit:disabled,.result-title .cp-footer__draft:disabled,.result-title .cp-footer__cancel:disabled{opacity:.5;cursor:not-allowed;transform:none}.result-title .cp-duration-group{display:flex;gap:8px;flex-wrap:wrap}.result-title .cp-duration-btn{padding:7px 18px;border:1px solid var(--border-color, rgba(50,55,67,.5));border-radius:8px;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.result-title .cp-duration-btn:hover{border-color:var(--accent-primary, #22c55e);color:var(--text-primary)}.result-title .cp-duration-btn--active{border-color:var(--accent-primary, #22c55e);color:var(--accent-primary, #22c55e);background:#22c55e14;font-weight:600}@media (max-width: 768px){.result-title .cp-two-col{grid-template-columns:1fr}.result-title .cp-footer{padding:12px 16px}.result-title .cp-footer__draft,.result-title .cp-format-btn span{display:none}.result-title .cp-format-btn{padding:8px 10px}}.result-title .edit-event-page-new{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.result-title .edit-event-page-new .page-layout{display:flex;min-height:calc(100vh - var(--topbar-height, 60px));margin-top:var(--topbar-height, 60px)}.result-title .edit-event-main{flex:1;margin-left:var(--leftnav-width, 220px);background:var(--bg-primary);min-height:calc(100vh - var(--topbar-height, 60px));display:flex;flex-direction:column}.result-title .event-edit-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:24px 32px 0}.result-title .event-edit-header-content{max-width:1200px;margin:0 auto}.result-title .event-edit-tags{display:flex;gap:8px;margin-bottom:12px}.result-title .event-tag{display:inline-block;background:var(--bg-tertiary);color:var(--text-primary);font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;letter-spacing:.02em}.result-title .event-tag.published{background:#22c55e26;color:#22c55e}.result-title .event-edit-title{font-size:24px;font-weight:700;margin:0 0 12px;color:var(--text-primary);line-height:1.2}.result-title .event-edit-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.result-title .event-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.result-title .event-meta-item svg{width:14px;height:14px;flex-shrink:0;opacity:.7}.result-title .event-edit-tabs{display:flex;gap:0;margin-top:4px}.result-title .event-tab{background:none;border:none;color:var(--text-muted);font-size:13px;font-weight:500;padding:10px 16px;cursor:pointer;position:relative;transition:color .2s}.result-title .event-tab:hover{color:var(--text-primary)}.result-title .event-tab.active{color:var(--text-primary);font-weight:600}.result-title .event-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#22c55e;border-radius:2px 2px 0 0}.result-title .edit-event-alerts{max-width:1200px;margin:16px auto 0;padding:0 32px}.result-title .alert{padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:8px}.result-title .alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.result-title .alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.result-title .event-edit-body{flex:1;padding:24px 32px 80px}.result-title .event-edit-columns{display:grid;grid-template-columns:1fr 300px;gap:24px;max-width:1200px;margin:0 auto;align-items:start}.result-title .form-section-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;overflow:hidden}.result-title .section-header{padding:20px 24px 0}.result-title .section-header h2{font-size:15px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.result-title .section-header p{font-size:12px;color:var(--text-muted);margin:0 0 16px}.result-title .section-body{padding:0 24px 20px}.result-title .ee-field{margin-bottom:16px}.result-title .ee-field label{display:block;font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.result-title .ee-field label .required{color:#ef4444;margin-left:2px}.result-title .ee-field input[type=text],.result-title .ee-field input[type=date],.result-title .ee-field input[type=time],.result-title .ee-field select,.result-title .ee-field textarea{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .2s;box-sizing:border-box}.result-title .ee-field input:focus,.result-title .ee-field select:focus,.result-title .ee-field textarea:focus{border-color:#22c55e}.result-title .ee-field textarea{resize:vertical;min-height:80px}.result-title .ee-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239ca3af'%3E%3Cpath d='M4.293 6.293a1 1 0 0 1 1.414 0L8 8.586l2.293-2.293a1 1 0 1 1 1.414 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:32px}.result-title .ee-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-title .ee-field-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.result-title .image-upload-zone{border:1px dashed var(--border-color);border-radius:8px;padding:32px 16px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--bg-primary)}.result-title .image-upload-zone:hover{border-color:#22c55e;background:#22c55e0a}.result-title .image-upload-zone .upload-arrow{font-size:24px;color:#22c55e;margin-bottom:8px}.result-title .image-upload-zone .upload-text{font-size:13px;color:var(--text-primary)}.result-title .image-upload-zone .upload-text a{color:#22c55e;text-decoration:none}.result-title .image-upload-zone .upload-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.result-title .image-preview-wrap{position:relative;border-radius:8px;overflow:hidden}.result-title .image-preview-wrap img{width:100%;max-height:200px;object-fit:cover;border-radius:8px}.result-title .image-remove-btn{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer}.result-title .roles-table-wrap{overflow-x:auto}.result-title .roles-table{width:100%;border-collapse:collapse}.result-title .roles-table-header{display:grid;grid-template-columns:1fr 80px 80px 120px 80px 40px;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border-color);font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase}.result-title .roles-table-row{display:grid;grid-template-columns:1fr 80px 80px 120px 80px 40px;gap:8px;padding:8px 12px;align-items:center;border-bottom:1px solid var(--border-color);transition:background .15s}.result-title .roles-table-row:last-child{border-bottom:none}.result-title .roles-table-row:hover{background:var(--bg-primary)}.result-title .roles-table-row input[type=text],.result-title .roles-table-row input[type=number]{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:5px 8px;font-size:12px;color:var(--text-primary);outline:none;box-sizing:border-box;transition:border-color .2s}.result-title .roles-table-row input:focus{border-color:#22c55e}.result-title .roles-table-row .role-optional-toggle{display:flex;justify-content:center}.result-title .role-delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.result-title .role-delete-btn:hover{color:#ef4444;background:#ef44441a}.result-title .role-delete-btn svg{width:14px;height:14px}.result-title .roles-totals-row{display:grid;grid-template-columns:1fr 80px 80px 120px 80px 40px;gap:8px;padding:8px 12px;border-top:1px solid var(--border-color);font-size:12px;font-weight:600;color:var(--text-secondary)}.result-title .btn-add-role{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .2s,background .2s}.result-title .btn-add-role:hover{border-color:#22c55e;background:#22c55e0d;color:#22c55e}.result-title .settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color)}.result-title .settings-toggle-row:last-child{border-bottom:none}.result-title .toggle-label-text{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.result-title .toggle-desc-text{font-size:11px;color:var(--text-muted)}.result-title .toggle-switch{position:relative;width:40px;height:22px;flex-shrink:0}.result-title .toggle-switch input{opacity:0;width:0;height:0}.result-title .toggle-slider{position:absolute;inset:0;background:var(--border-color);border-radius:999px;cursor:pointer;transition:background .2s}.result-title .toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.result-title .toggle-switch input:checked+.toggle-slider{background:#22c55e}.result-title .toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.result-title .payment-methods{margin:12px 0}.result-title .payment-method-option{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:var(--text-primary);cursor:pointer}.result-title .payment-method-option input[type=radio]{accent-color:#22c55e}.result-title .payment-badge{font-size:10px;font-weight:700;background:#22c55e26;color:#22c55e;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.result-title .event-edit-sidebar-col{display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--topbar-height, 60px) + 24px)}.result-title .sidebar-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px}.result-title .sidebar-card h3{font-size:13px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.result-title .sidebar-action-btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;margin-bottom:8px;transition:background .2s,border-color .2s;text-align:left}.result-title .sidebar-action-btn:last-child{margin-bottom:0}.result-title .sidebar-action-btn:hover{background:var(--bg-tertiary)}.result-title .sidebar-action-btn svg{width:14px;height:14px;opacity:.7;flex-shrink:0}.result-title .sidebar-action-btn.danger{color:#ef4444;border-color:#ef444433}.result-title .sidebar-action-btn.danger svg{color:#ef4444}.result-title .sidebar-action-btn.danger:hover{background:#ef444414;border-color:#ef444466}.result-title .sidebar-field{margin-bottom:12px}.result-title .sidebar-field:last-child{margin-bottom:0}.result-title .sidebar-label{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.result-title .sidebar-field select{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:7px 28px 7px 10px;font-size:12px;color:var(--text-primary);outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239ca3af'%3E%3Cpath d='M4.293 6.293a1 1 0 0 1 1.414 0L8 8.586l2.293-2.293a1 1 0 1 1 1.414 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;cursor:pointer}.result-title .status-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-primary)}.result-title .status-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0}.result-title .roster-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;border-bottom:1px solid var(--border-color)}.result-title .roster-stat:last-child{border-bottom:none}.result-title .roster-stat-label{color:var(--text-muted)}.result-title .roster-stat-value{font-weight:600;color:var(--text-primary)}.result-title .roster-stat-value.green{color:#22c55e}.result-title .security-check-section{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .3s ease,margin .3s ease;margin-top:0}.result-title .security-check-section--visible{max-height:200px;opacity:1;margin-top:12px}.result-title .security-check-inner{background:var(--bg-secondary, #1e2128);border:1px solid var(--border-color, #323743);border-radius:8px;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.result-title .security-check-title{font-size:12px;font-weight:600;color:var(--text-muted, #bdc1ca);text-transform:uppercase;letter-spacing:.5px;margin:0}.result-title .security-check-msg{font-size:13px;color:var(--text-secondary, #bdc1ca);margin:0}.result-title .security-check-verified{font-size:12px;color:#35bd10;margin:0}.result-title .security-check-error{font-size:12px;color:#ef4444;margin:0}.result-title .edit-event-footer{position:fixed;bottom:0;left:var(--leftnav-width, 220px);right:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:12px 32px;display:flex;justify-content:flex-end;gap:12px;z-index:50}.result-title .btn-discard{padding:8px 18px;background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.result-title .btn-discard:hover{background:var(--bg-tertiary)}.result-title .btn-save{padding:8px 20px;background:#22c55e;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.result-title .btn-save:hover{background:#16a34a}.result-title .btn-save:disabled{opacity:.5;cursor:not-allowed}.result-title .edit-event-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;color:var(--text-muted);gap:16px}.result-title .edit-event-state h2{font-size:18px;color:var(--text-primary);margin:0}@media (max-width: 1100px){.result-title .event-edit-columns{grid-template-columns:1fr}.result-title .event-edit-sidebar-col{position:static}}@media (max-width: 768px){.result-title .edit-event-main{margin-left:0}.result-title .edit-event-footer{left:0}.result-title .event-edit-header{padding:16px 16px 0}.result-title .event-edit-body{padding:16px 16px 80px}.result-title .roles-table-header,.result-title .roles-table-row,.result-title .roles-totals-row{grid-template-columns:1fr 60px 60px 90px 60px 36px}.result-title .ee-field-row,.result-title .ee-field-row-3{grid-template-columns:1fr}}.result-title .event-participants-page{max-width:1200px;margin:0 auto;padding:24px}.result-title .page-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-start}.result-title .header-content{flex:1}.result-title .breadcrumb{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.result-title .breadcrumb-link{color:var(--primary-color);background:none;border:none;cursor:pointer;font-size:14px;text-decoration:none}.result-title .breadcrumb-link:hover{text-decoration:underline}.result-title .breadcrumb-separator{margin:0 8px;color:var(--text-secondary)}.result-title .breadcrumb-current{color:var(--text-secondary)}.result-title .page-header h1{font-size:28px;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.result-title .page-header p{font-size:16px;color:var(--text-secondary);margin:0}.result-title .event-line{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.4}.result-title .event-line.green{color:#22c55e}.result-title .event-line.orange{color:#f97316}.result-title .line-icon{font-size:18px;flex-shrink:0}.result-title .event-line span{color:var(--text-primary)}.result-title .navigation-tabs{display:flex;background:var(--background-color);border-radius:12px;padding:6px;margin-bottom:24px;border:1px solid var(--border-color)}.result-title .nav-tab{flex:1;padding:12px 16px;border:none;background:none;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.result-title .nav-tab:hover{background:var(--card-background);color:var(--text-primary)}.result-title .nav-tab.active{background:var(--primary-color);color:#fff}.result-title .event-info-header{display:flex;gap:16px;margin:8px 0;font-size:14px}.result-title .event-title{font-weight:500;color:var(--text-primary)}.result-title .event-date{color:var(--text-secondary)}.result-title .participation-summary{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.result-title .summary-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:16px;min-width:120px;text-align:center;flex:1}.result-title .summary-card.confirmed{border-color:#22c55e}.result-title .summary-card.pending{border-color:#f59e0b}.result-title .summary-card.rejected{border-color:#ef4444}.result-title .role-status-overview{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px}.result-title .role-overview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease}.result-title .role-overview-header:hover{background:var(--background-color)}.result-title .role-overview-header h2{font-size:18px;font-weight:600;margin:0;color:var(--text-primary)}.result-title .toggle-overview{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;font-size:20px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.result-title .toggle-overview:hover{color:var(--text-primary)}.result-title .role-overview-content{padding:16px 20px;animation:slideDown .2s ease-out}.result-title .role-overview-table{display:flex;flex-direction:column;gap:8px}.result-title .role-overview-header-row{display:grid;grid-template-columns:1fr 120px 150px 80px;gap:16px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.result-title .role-overview-row{display:grid;grid-template-columns:1fr 120px 150px 80px;gap:16px;padding:8px 0;align-items:center;font-size:14px}.result-title .role-name{font-weight:500;color:var(--text-primary)}.result-title .role-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;text-align:center}.result-title .role-status.ready{background:#dcfce7;color:#166534}.result-title .role-status.needs-more{background:#fef3c7;color:#92400e}.result-title .confirmed-available,.result-title .needed{color:var(--text-primary);text-align:center}.result-title .role-stats-section{margin-bottom:32px}.result-title .role-stats-section h2{font-size:20px;font-weight:600;margin:0 0 16px;color:var(--text-primary)}.result-title .role-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.result-title .role-stat-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.result-title .role-stat-card:hover{box-shadow:0 4px 12px #0000001a}.result-title .role-stat-card.total-card{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color)10,var(--card-background))}.result-title .role-stat-header{display:flex;align-items:center;margin-bottom:16px}.result-title .role-icon{width:40px;height:40px;border-radius:8px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;margin-right:12px;color:#fff;font-size:18px}.result-title .role-info h3{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.result-title .status-indicator{font-size:12px;padding:2px 8px;border-radius:12px;font-weight:500;text-transform:uppercase}.result-title .status-indicator.ready{background:#dcfce7;color:#166534}.result-title .status-indicator.needs-more{background:#fef3c7;color:#92400e}.result-title .status-indicator.full{background:#dbeafe;color:#1d4ed8}.result-title .role-stat-numbers{margin-bottom:16px}.result-title .primary-stat{display:flex;align-items:baseline;margin-bottom:8px}.result-title .primary-stat .stat-value{font-size:24px;font-weight:700;color:var(--text-primary);margin-right:4px}.result-title .primary-stat .stat-label{font-size:14px;color:var(--text-secondary)}.result-title .secondary-stats{display:flex;gap:16px;font-size:12px;color:var(--text-secondary)}.result-title .role-progress{margin-top:12px}.result-title .progress-bar{height:6px;background:var(--background-color);border-radius:3px;position:relative;overflow:hidden}.result-title .progress-fill{height:100%;background:var(--primary-color);border-radius:3px;transition:width .3s ease}.result-title .progress-required{position:absolute;top:0;width:2px;height:100%;background:#ef4444;transition:left .3s ease}.result-title .participants-filters-section{display:flex;align-items:center;gap:16px;padding:20px;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px}.result-title .search-box{position:relative;flex:1;max-width:300px}.result-title .filter-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-background);color:var(--text-primary);font-size:14px;min-width:140px;cursor:pointer;transition:border-color .2s ease}.result-title .filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.result-title .filter-select:hover{border-color:var(--text-secondary)}.result-title .participants-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;overflow:visible}.result-title .participants-table{width:100%;overflow:visible}.result-title .participants-table .table-header,.result-title .participants-table .table-row{display:grid;grid-template-columns:minmax(240px,1fr) 120px 140px 160px 48px;column-gap:16px;align-items:center;padding:12px 16px}.result-title .participants-table .table-header{background:var(--background-color);border-bottom:1px solid var(--border-color)}.result-title .participants-table .table-header>div{justify-self:start;text-align:left;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:11px;color:var(--text-secondary)}.result-title .table-body{background:var(--card-background);overflow:visible}.result-title .participants-table .table-row{border-bottom:1px solid var(--border-color);transition:background-color .2s ease;min-height:56px;position:relative;overflow:visible}.result-title .participants-table .table-row:hover{background:var(--background-color)}.result-title .participants-table .table-row:last-child{border-bottom:none}.result-title .participants-table .col-actions{justify-self:end}.result-title .participants-table .col-status,.result-title .participants-table .col-payment{overflow:visible;position:relative}.result-title .participants-table .col-participant{display:grid;grid-template-columns:44px 1fr;column-gap:10px;align-items:center;min-width:0}.result-title .participants-table .table-header .col-participant{padding-left:0}.result-title .user-avatar{width:44px;height:44px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.result-title .participant-info{display:flex;flex-direction:column;min-width:0;gap:2px;justify-self:start;align-items:flex-start}.result-title .participant-name{font-weight:500;color:var(--text-primary);font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;width:100%}.result-title .status-pill{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize;white-space:nowrap}.result-title .status-confirmed,.result-title .status-approved{background:#dcfce7;color:#166534}.result-title .status-pending{background:#fef3c7;color:#92400e}.result-title .status-waitlist{background:#f3f4f6;color:#6b7280}.result-title .status-rejected{background:#fee2e2;color:#991b1b}.result-title .status-dropdown{padding:6px 26px 6px 12px;border-radius:6px;font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;appearance:none;text-transform:capitalize;background-repeat:no-repeat;background-position:right 8px center;background-size:10px}.result-title .status-dropdown[value=confirmed],.result-title .status-dropdown[value=approved]{background-color:#dcfce7;color:#166534;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23166534' d='M5 8L1 3h8z'/%3E%3C/svg%3E")}.result-title .status-dropdown[value=pending]{background-color:#fef3c7;color:#92400e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%2392400e' d='M5 8L1 3h8z'/%3E%3C/svg%3E")}.result-title .status-dropdown[value=waitlist]{background-color:#f3f4f6;color:#6b7280;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 8L1 3h8z'/%3E%3C/svg%3E")}.result-title .status-dropdown[value=rejected]{background-color:#fee2e2;color:#991b1b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23991b1b' d='M5 8L1 3h8z'/%3E%3C/svg%3E")}.result-title .status-dropdown:hover{opacity:.9}.result-title .status-dropdown:focus{outline:2px solid var(--primary-color);outline-offset:2px}.result-title .role-dropdown{background:var(--primary-color);color:#fff;padding:6px 26px 6px 10px;border-radius:6px;font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.result-title .role-dropdown:hover{opacity:.9}.result-title .role-dropdown:focus{outline:2px solid var(--primary-color);outline-offset:2px}.result-title .payment-icon-label{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:6px;white-space:nowrap}.result-title .payment-icon-label .icon{font-size:14px;line-height:1}.result-title .payment-paid{background:#dcfce7;color:#166534}.result-title .payment-owes{background:#fef3c7;color:#92400e}.result-title .payment-exempt{background:#f3f4f6;color:#6b7280}.result-title .payment-dropdown{padding:6px 26px 6px 12px;border-radius:6px;font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;appearance:none;text-transform:capitalize;background-repeat:no-repeat;background-position:right 8px center;background-size:10px}.result-title .payment-dropdown[value=paid]{background-color:#dcfce7;color:#166534;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23166534' d='M5 8L1 3h8z'/%3E%3C/svg%3E")}.result-title .payment-dropdown[value=owes]{background-color:#fef3c7;color:#92400e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%2392400e' d='M5 8L1 3h8z'/%3E%3C/svg%3E")}.result-title .payment-dropdown[value=exempt]{background-color:#f3f4f6;color:#6b7280;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 8L1 3h8z'/%3E%3C/svg%3E")}.result-title .payment-dropdown:hover{opacity:.9}.result-title .payment-dropdown:focus{outline:2px solid var(--primary-color);outline-offset:2px}.result-title .status-pill-container{position:relative;display:flex;align-items:center;overflow:visible}.result-title .status-pill{padding:6px 14px;border-radius:16px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-transform:capitalize;white-space:nowrap;min-width:90px;text-align:center}.result-title .status-pill.read-only{cursor:not-allowed;opacity:.8}.result-title .status-pill.status-pending{background-color:#fef3c7;color:#92400e;box-shadow:0 1px 2px #92400e1a}.result-title .status-pill.status-pending:hover:not(:disabled){background-color:#fde68a;transform:translateY(-1px);box-shadow:0 2px 4px #92400e26}.result-title .status-pill.status-approved,.result-title .status-pill.status-confirmed{background-color:#dcfce7;color:#166534;box-shadow:0 1px 2px #1665341a}.result-title .status-pill.status-approved:hover:not(:disabled),.result-title .status-pill.status-confirmed:hover:not(:disabled){background-color:#bbf7d0;transform:translateY(-1px);box-shadow:0 2px 4px #16653426}.result-title .status-pill.status-denied,.result-title .status-pill.status-rejected{background-color:#f3f4f6;color:#6b7280;box-shadow:0 1px 2px #6b72801a}.result-title .status-action-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:140px;overflow:hidden}.result-title .status-action{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.result-title .status-action svg{font-size:16px}.result-title .status-action.approve{color:#166534}.result-title .status-action.approve:hover{background-color:#dcfce7}.result-title .status-action.pending{color:#92400e}.result-title .status-action.pending:hover{background-color:#fef3c7}.result-title .status-action.deny{color:#dc2626}.result-title .status-action.deny:hover{background-color:#fee2e2}.result-title .payment-pill-container{position:relative;display:flex;align-items:center;overflow:visible}.result-title .payment-pill{padding:6px 14px;border-radius:16px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-transform:capitalize;white-space:nowrap;min-width:80px;text-align:center}.result-title .payment-pill.read-only{cursor:not-allowed;opacity:.8}.result-title .payment-pill.payment-paid{background-color:#dcfce7;color:#166534;box-shadow:0 1px 2px #1665341a}.result-title .payment-pill.payment-paid:hover:not(:disabled){background-color:#bbf7d0;transform:translateY(-1px);box-shadow:0 2px 4px #16653426}.result-title .payment-pill.payment-owes{background-color:#fef3c7;color:#92400e;box-shadow:0 1px 2px #92400e1a}.result-title .payment-pill.payment-owes:hover:not(:disabled){background-color:#fde68a;transform:translateY(-1px);box-shadow:0 2px 4px #92400e26}.result-title .payment-pill.payment-exempt{background-color:#f3f4f6;color:#6b7280;box-shadow:0 1px 2px #6b72801a}.result-title .payment-pill.payment-exempt:hover:not(:disabled){background-color:#e5e7eb;transform:translateY(-1px);box-shadow:0 2px 4px #6b728026}.result-title .payment-action-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:150px;overflow:hidden}.result-title .payment-action{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.result-title .payment-action svg{font-size:16px}.result-title .payment-action.paid{color:#166534}.result-title .payment-action.paid:hover{background-color:#dcfce7}.result-title .payment-action.unpaid{color:#92400e}.result-title .payment-action.unpaid:hover{background-color:#fef3c7}.result-title .payment-action.exempt{color:#6b7280}.result-title .payment-action.exempt:hover{background-color:#f3f4f6}.result-title .col-actions{display:flex;align-items:center;justify-content:center;justify-self:center}.result-title .kebab-menu-container{position:relative}.result-title .menu-button{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-secondary);transition:all .2s ease;line-height:1;width:32px;height:32px}.result-title .menu-button:hover{background:#00000014;color:var(--text-primary)}.result-title .menu-button:active{transform:scale(.95)}.result-title .kebab-menu{position:absolute;right:0;bottom:100%;margin-bottom:4px;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000040;min-width:200px;z-index:1000;padding:4px 0;opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-title .menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;background:transparent;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;transition:background-color .2s ease;text-align:left;opacity:1}.result-title .menu-item:hover:not(:disabled){background:var(--background-color);opacity:1}.result-title .menu-item:disabled{opacity:1;cursor:not-allowed;color:var(--text-secondary)}.result-title .menu-item .menu-icon{font-size:18px;color:var(--text-secondary);flex-shrink:0;opacity:1}.result-title .menu-item:hover:not(:disabled) .menu-icon{color:var(--text-primary)}.result-title .menu-item--danger,.result-title .menu-item--danger .menu-icon{color:#ef4444}.result-title .menu-item--danger:hover:not(:disabled){background:#ef44441a;color:#ef4444}.result-title .menu-item--danger:hover:not(:disabled) .menu-icon{color:#ef4444}.result-title .col-date,.result-title .status-badge,.result-title .payment-badge,.result-title .role-badge,.result-title .participant-email,.result-title .btn-payment-reminder,.result-title .action-buttons,.result-title .btn-action,.result-title .no-actions{display:none}.result-title .payment-badge.paid{background:#dcfce7;color:#166534}.result-title .payment-badge.unpaid{background:#fee2e2;color:#991b1b}.result-title .btn-payment-reminder{padding:4px;border:none;background:var(--primary-color);color:#fff;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s ease}.result-title .btn-payment-reminder:hover{background:var(--primary-hover)}.result-title .col-actions{display:flex;align-items:center;justify-content:flex-start}.result-title .action-buttons{display:flex;gap:6px}.result-title .btn-action{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.result-title .btn-action svg{width:18px;height:18px}.result-title .btn-action.approve svg{color:#166534}.result-title .btn-action.reject svg{color:#991b1b}.result-title .btn-action.block svg{color:#374151}.result-title .btn-action:hover{background:#0000001a}.result-title .btn-action.approve:hover svg{color:#15803d}.result-title .btn-action.reject:hover svg{color:#dc2626}.result-title .btn-action.block:hover svg{color:#4b5563}.result-title .btn-action:disabled{opacity:.5;cursor:not-allowed}.result-title .no-actions{font-size:12px;color:var(--text-secondary);padding:4px 8px;background:#0000000d;border-radius:4px}.result-title .action-info{display:flex;flex-direction:column}.result-title .actions-taken{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.result-title .joined-date{font-size:11px;color:var(--text-secondary)}.result-title .empty-state{padding:40px;text-align:center;color:var(--text-secondary)}.result-title .empty-state svg{font-size:48px;margin-bottom:16px;opacity:.3}.result-title .empty-state p{margin:0;font-size:16px}@media (max-width: 1024px){.result-title .event-participants-page{padding:16px}.result-title .page-header{flex-direction:column;gap:16px}.result-title .event-management-nav{align-self:stretch}}@media (max-width: 768px){.result-title .role-stats-grid{grid-template-columns:1fr}.result-title .participants-filters-section{flex-direction:column;align-items:stretch;gap:12px}.result-title .filter-controls{flex-wrap:wrap}.result-title .event-management-nav{flex-wrap:wrap;gap:6px}.result-title .nav-button{flex:1;min-width:120px;justify-content:center}.result-title .table-header,.result-title .table-row{grid-template-columns:1fr;gap:8px}.result-title .table-header>div,.result-title .table-row>div{padding:4px 0}.result-title .table-header>div:before{content:attr(data-label) ": ";font-weight:600;color:var(--text-secondary)}}.result-title .error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:8px;margin-bottom:16px;font-size:14px}.result-title .error-banner .error-icon{font-size:20px;flex-shrink:0}.result-title .info-banner.view-only{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#dbeafe;color:#1e40af;border:1px solid #93c5fd;border-radius:8px;margin:16px 0;font-size:14px}.result-title [data-theme=dark] .info-banner.view-only{background:#3b82f61a;color:#93c5fd;border-color:#3b82f64d}.result-title .info-banner.view-only svg{font-size:20px;flex-shrink:0}.result-title .modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.result-title .modal-content{background:var(--bg-primary);border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow:auto}.result-title .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.result-title .modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.result-title .modal-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary);font-size:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.result-title .modal-close:hover{background:var(--background-color);color:var(--text-primary)}.result-title .modal-body{padding:24px;color:var(--text-primary);line-height:1.6}.result-title .modal-body strong{color:var(--primary-color);font-weight:600}.result-title .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color)}.result-title .btn-primary,.result-title .btn-secondary{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.result-title .btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.result-title .btn-primary:disabled{opacity:.6;cursor:not-allowed}.result-title .btn-secondary{background:var(--background-color);color:var(--text-primary);border:1px solid var(--border-color)}.result-title .btn-secondary:hover{background:var(--border-color)}.result-title .btn-danger{background:#dc2626;color:#fff;padding:10px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.result-title .btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.result-title .btn-danger:disabled{opacity:.5;cursor:not-allowed}.result-title .deny-reason-input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:14px;resize:vertical;background:var(--bg-primary);color:var(--text-primary);margin-top:12px}.result-title .deny-reason-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.result-title .deny-reason-input::placeholder{color:var(--text-secondary);opacity:.6}.result-title .status-toast{position:fixed;bottom:32px;right:32px;background:var(--bg-primary);color:var(--text-primary);padding:16px 24px;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 8px 24px #00000026;font-size:14px;font-weight:500;z-index:10000;animation:slideInUp .3s ease-out}.result-title .role-dropdown:disabled{opacity:.6;cursor:not-allowed}.result-title .ep-tab-with-badge{position:relative}.result-title .ep-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;border-radius:9px;vertical-align:middle}.result-title .edit-event-alerts{padding:0 24px;margin:12px 0 0}.result-title .alert{padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500}.result-title .alert-error{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.result-title .alert-success{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.result-title .ep-body{padding:24px}.result-title .ep-columns{display:flex;gap:24px;align-items:flex-start}.result-title .ep-main-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px}.result-title .ep-sidebar-col{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.result-title .ep-stats-grid{display:flex;gap:12px;flex-wrap:wrap}.result-title .ep-stat-card{flex:1;min-width:110px;background:var(--card-background, #1e2433);border:1px solid var(--border-color, #2a3042);border-radius:12px;padding:14px 16px}.result-title .ep-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #8892a4);margin:0 0 6px}.result-title .ep-stat-row{display:flex;align-items:baseline;gap:6px}.result-title .ep-stat-num{font-size:26px;font-weight:700;color:var(--text-primary, #e2e8f0);line-height:1}.result-title .ep-stat-sub{font-size:12px;color:var(--text-secondary, #8892a4)}.result-title .ep-search-bar{display:flex;align-items:center;gap:10px}.result-title .ep-search-wrap{flex:1;position:relative}.result-title .ep-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary, #8892a4);pointer-events:none;font-size:18px}.result-title .ep-search-input{width:100%;padding:9px 12px 9px 38px;background:var(--card-background, #1e2433);border:1px solid var(--border-color, #2a3042);border-radius:8px;color:var(--text-primary, #e2e8f0);font-size:14px;outline:none;box-sizing:border-box}.result-title .ep-search-input:focus{border-color:var(--primary-color, #6c63ff)}.result-title .ep-action-btns{display:flex;gap:8px}.result-title .ep-btn-primary,.result-title .ep-btn-secondary{display:flex;align-items:center;gap:6px;padding:9px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;white-space:nowrap}.result-title .ep-btn-primary{background:var(--primary-color, #6c63ff);color:#fff}.result-title .ep-btn-primary:hover{filter:brightness(1.1)}.result-title .ep-btn-secondary{background:var(--card-background, #1e2433);border:1px solid var(--border-color, #2a3042);color:var(--text-primary, #e2e8f0)}.result-title .ep-btn-secondary:hover{background:#ffffff0d}.result-title .ep-section-card{background:var(--card-background, #1e2433);border:1px solid var(--border-color, #2a3042);border-radius:12px;overflow:visible}.result-title .ep-section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-color, #2a3042);border-radius:12px 12px 0 0;overflow:hidden}.result-title .ep-section-title-row{display:flex;align-items:center;gap:8px;color:var(--text-primary, #e2e8f0);font-size:14px;font-weight:600}.result-title .ep-role-name{font-size:15px;font-weight:700;color:var(--text-primary, #e2e8f0)}.result-title .ep-count-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;background:#6c63ff2e;color:var(--primary-color, #6c63ff);border-radius:20px;font-size:12px;font-weight:700}.result-title .ep-select-all{font-size:12px;color:var(--text-secondary, #8892a4);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px}.result-title .ep-select-all:hover{background:#ffffff0f}.result-title .ep-empty-role{padding:24px;text-align:center;color:var(--text-secondary, #8892a4);font-size:13px}.result-title .ep-waitlist-rows{display:flex;flex-direction:column}.result-title .ep-waitlist-row{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-color, #2a3042)}.result-title .ep-waitlist-row:last-child{border-bottom:none}.result-title .ep-row-left{display:flex;align-items:center;gap:10px;min-width:160px}.result-title .ep-row-mid{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap}.result-title .ep-row-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.result-title .ep-drag{color:var(--text-secondary, #8892a4);font-size:13px;cursor:grab;letter-spacing:-2px;-webkit-user-select:none;user-select:none}.result-title .ep-pname{font-size:14px;font-weight:600;color:var(--text-primary, #e2e8f0)}.result-title .ep-role-chip{display:inline-block;padding:2px 8px;background:#6c63ff1f;color:var(--primary-color, #8b85ff);border-radius:20px;font-size:11px;font-weight:600}.result-title .ep-meta-text{font-size:12px;color:var(--text-secondary, #8892a4)}.result-title .ep-pay-chip{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600}.result-title .ep-paid{background:#22c55e1f;color:#4ade80}.result-title .ep-unpaid{background:#ef44441f;color:#f87171}.result-title .ep-btn-reject,.result-title .ep-btn-approve{padding:6px 14px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;border:none}.result-title .ep-btn-reject{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.result-title .ep-btn-reject:hover{background:#ef444438}.result-title .ep-btn-approve{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.result-title .ep-btn-approve:hover{background:#22c55e38}.result-title .ep-role-table{display:flex;flex-direction:column}.result-title .ep-role-thead{display:grid;grid-template-columns:24px 1fr 100px 140px 130px 130px 32px;gap:8px;padding:8px 18px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #8892a4);border-bottom:1px solid var(--border-color, #2a3042)}.result-title .ep-role-row{display:grid;grid-template-columns:24px 1fr 100px 140px 130px 130px 32px;gap:8px;align-items:center;padding:10px 18px;border-bottom:1px solid var(--border-color, #2a3042);transition:background .15s}.result-title .ep-role-row:last-child{border-bottom:none}.result-title .ep-role-row:hover{background:#ffffff08}.result-title .ep-avatar-name{display:flex;align-items:center;gap:10px;min-width:0}.result-title .ep-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary, #8892a4);margin:0 0 14px}.result-title .ep-reg-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-primary, #e2e8f0);margin-bottom:10px}.result-title .ep-open-badge{display:inline-block;padding:2px 10px;background:#22c55e1f;color:#4ade80;border-radius:20px;font-size:11px;font-weight:700}.result-title .ep-progress-bar{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;margin-bottom:6px}.result-title .ep-progress-fill{height:100%;background:var(--primary-color, #6c63ff);border-radius:4px;transition:width .4s ease}.result-title .ep-progress-label{font-size:12px;color:var(--text-secondary, #8892a4);text-align:right}.result-title .ep-location-name{font-size:14px;font-weight:600;color:var(--text-primary, #e2e8f0);margin-bottom:4px}.result-title .ep-location-sub{font-size:12px;color:var(--text-secondary, #8892a4)}.result-title .ep-role-summary{margin-bottom:12px}.result-title .ep-role-summary:last-child{margin-bottom:0}.result-title .ep-role-summary-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-primary, #e2e8f0);margin-bottom:5px}.result-title .ep-mini-bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.result-title .ep-mini-fill{height:100%;background:var(--primary-color, #6c63ff);border-radius:3px;transition:width .4s ease}@media (max-width: 900px){.result-title .ep-columns{flex-direction:column}.result-title .ep-sidebar-col{width:100%}.result-title .ep-role-thead,.result-title .ep-role-row{grid-template-columns:24px 1fr 80px auto auto 32px}.result-title .ep-stats-grid{gap:8px}.result-title .ep-stat-num{font-size:20px}}.result-title .rq-body{padding:24px}.result-title .rq-columns{display:flex;gap:24px;align-items:flex-start}.result-title .rq-main-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px}.result-title .rq-green{color:#35bd10}.result-title .rq-alert-card{display:flex;align-items:flex-start;gap:14px;background:var(--card-background, #1e2433);border:1px solid var(--border-color, #2a3042);border-radius:12px;padding:16px 20px}.result-title .rq-alert-icon{color:var(--text-secondary, #8892a4);font-size:20px;flex-shrink:0;margin-top:2px}.result-title .rq-alert-body{flex:1}.result-title .rq-alert-body h4{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text-primary, #e2e8f0)}.result-title .rq-alert-body p{margin:0;font-size:12px;color:var(--text-secondary, #8892a4)}.result-title .rq-alert-tags{display:flex;gap:16px;flex-shrink:0}.result-title .rq-alert-tag-group{display:flex;flex-direction:column;align-items:center;gap:4px}.result-title .rq-alert-role-chip{padding:2px 10px;background:#0000004d;border:1px solid var(--border-color, #2a3042);border-radius:20px;font-size:11px;font-weight:600;color:var(--text-primary, #e2e8f0)}.result-title .rq-alert-need{font-size:11px;font-weight:500;color:var(--text-primary, #e2e8f0)}.result-title .rq-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.result-title .rq-filter-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.result-title .rq-filter-btn{display:flex;align-items:center;gap:5px;padding:5px 14px;border-radius:20px;border:none;font-size:12px;font-weight:600;cursor:pointer;background:var(--card-background, #1e2433);color:var(--text-primary, #e2e8f0);transition:background .15s}.result-title .rq-filter-btn:hover:not(.rq-filter-active){background:#ffffff0f}.result-title .rq-filter-active{background:#35bd10;color:#fff}.result-title .rq-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:#ffffff26;border-radius:8px;font-size:10px;font-weight:700;color:inherit}.result-title .rq-filter-count-active{background:#ffffff4d}.result-title .rq-filter-divider{display:inline-block;width:1px;height:16px;background:var(--border-color, #2a3042);margin:0 2px}.result-title .rq-filter-more{display:flex;align-items:center;gap:5px;padding:5px 12px;background:#0000004d;border:1px dashed var(--border-color, #2a3042);border-radius:7px;font-size:12px;font-weight:500;color:var(--text-primary, #e2e8f0);cursor:pointer}.result-title .rq-avatar.user-avatar{width:38px;height:38px;font-size:13px;flex-shrink:0}.result-title .rq-request-list{display:flex;flex-direction:column}.result-title .rq-request-row{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border-color, #2a3042);transition:background .15s}.result-title .rq-request-row:last-child{border-bottom:none}.result-title .rq-request-row:hover{background:#ffffff05}.result-title .rq-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.result-title .rq-row-name-row{display:flex;align-items:center;gap:8px}.result-title .rq-row-meta{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary, #8892a4)}.result-title .rq-row-note{font-size:12px;color:var(--text-secondary, #8892a4);font-style:italic;margin:0}.result-title .rq-needed-badge{padding:2px 8px;border:1px solid var(--border-color, #2a3042);border-radius:20px;font-size:11px;font-weight:600;color:var(--text-primary, #e2e8f0)}.result-title .rq-needed-badge:empty{display:none}.result-title .rq-row-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.result-title .rq-pay-pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.result-title .rq-paid{background:#0000004d;border:1px solid var(--border-color, #2a3042);color:var(--text-primary, #e2e8f0)}.result-title .rq-unpaid{border:1px solid var(--border-color, #2a3042);color:var(--text-secondary, #8892a4)}.result-title .rq-actions{display:flex;align-items:center;gap:4px}.result-title .rq-btn-approve,.result-title .rq-btn-deny{display:flex;align-items:center;gap:5px;padding:6px 12px;border:none;border-radius:7px;cursor:pointer;font-size:12px;font-weight:500;transition:background .15s}.result-title .rq-btn-approve{background:#35bd101a;color:#35bd10}.result-title .rq-btn-approve:hover:not(:disabled){background:#35bd1033}.result-title .rq-btn-deny{background:#ef44441a;color:#ef4444}.result-title .rq-btn-deny:hover:not(:disabled){background:#ef444433}.result-title .rq-btn-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:7px;background:transparent;color:var(--text-secondary, #8892a4);cursor:pointer}.result-title .rq-btn-icon:hover:not(:disabled){background:#ffffff0d}.result-title .rq-btn-approve:disabled,.result-title .rq-btn-deny:disabled,.result-title .rq-btn-icon:disabled,.result-title .rq-btn-move:disabled{opacity:.45;cursor:not-allowed}.result-title .rq-waitlist-list{display:flex;flex-direction:column}.result-title .rq-waitlist-row{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--border-color, #2a3042);transition:background .15s}.result-title .rq-waitlist-row:last-child{border-bottom:none}.result-title .rq-waitlist-row:hover{background:#ffffff05}.result-title .rq-waitlist-time{margin-left:auto;white-space:nowrap}.result-title .rq-waitlist-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.result-title .rq-btn-move{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#0006;border:1px solid var(--border-color, #2a3042);border-radius:7px;font-size:12px;font-weight:500;color:var(--text-primary, #e2e8f0);cursor:pointer;transition:background .15s}.result-title .rq-btn-move:hover:not(:disabled){background:#ffffff0f}.result-title .rq-invite-list{display:flex;flex-direction:column}.result-title .rq-invite-row{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--border-color, #2a3042);transition:background .15s}.result-title .rq-invite-row:last-child{border-bottom:none}.result-title .rq-invite-row:hover{background:#ffffff05}.result-title .rq-invite-right{display:flex;align-items:center;gap:16px;margin-left:auto;flex-shrink:0}.result-title .rq-invite-action{font-size:12px;font-weight:500;color:var(--text-secondary, #8892a4);background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:5px}.result-title .rq-invite-action:hover{color:var(--text-primary, #e2e8f0);background:#ffffff0d}.result-title .rq-map-thumb{height:100px;background:var(--border-color, #2a3042);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden;position:relative}.result-title .rq-map-pin{display:flex;flex-direction:column;align-items:center;gap:4px;background:#000000bf;border:1px solid var(--border-color, #2a3042);border-radius:10px;padding:10px 14px;z-index:1}.result-title .rq-map-pin svg{width:18px;height:18px;color:#35bd10}.result-title .rq-map-pin span{font-size:11px;font-weight:500;color:var(--text-primary, #e2e8f0)}.result-title .rq-location-row{display:flex;justify-content:space-between;align-items:center}.result-title .rq-directions-link{font-size:12px;color:#35bd10;text-decoration:none}.result-title .rq-directions-link:hover{text-decoration:underline}.result-title .rq-roster-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.result-title .rq-roster-row{display:flex;flex-direction:column;gap:5px}.result-title .rq-roster-label{display:flex;justify-content:space-between;font-size:13px;color:var(--text-primary, #e2e8f0);margin-bottom:4px}.result-title .rq-roster-sub-row{display:flex;align-items:center;gap:6px;margin-top:3px}.result-title .rq-roster-sub-label{font-size:11px;color:var(--text-secondary, #8892a4);width:58px;flex-shrink:0}.result-title .rq-roster-sub-count{font-size:11px;color:var(--text-secondary, #8892a4);width:16px;text-align:right;flex-shrink:0}@media (max-width: 900px){.result-title .rq-columns{flex-direction:column}.result-title .rq-filter-bar{flex-direction:column;align-items:flex-start}.result-title .rq-request-row,.result-title .rq-waitlist-row,.result-title .rq-invite-row{flex-wrap:wrap}.result-title .rq-row-right,.result-title .rq-waitlist-actions,.result-title .rq-invite-right{margin-left:0;margin-top:8px}}.result-title .ci-body{padding:24px 28px}.result-title .ci-columns{display:flex;gap:24px;align-items:flex-start}.result-title .ci-main-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}.result-title .ci-simple-state{display:flex;flex-direction:column;align-items:center;padding:80px 24px;gap:16px;color:var(--text-secondary, #a0aec0)}.result-title .ci-green{color:#3ddc84!important}.result-title .ci-search-bar{display:flex;align-items:center;gap:10px;background:var(--card-bg, #1a2236);border:1px solid var(--border-color, rgba(255,255,255,.08));border-radius:12px;padding:10px 14px}.result-title .ci-search-input-wrap{display:flex;align-items:center;gap:8px;flex:1}.result-title .ci-search-icon{color:var(--text-secondary, #6b7a99);flex-shrink:0}.result-title .ci-search-input{flex:1;background:transparent;border:none;outline:none;font-size:.875rem;color:var(--text-primary, #e2e8f0)}.result-title .ci-search-input::placeholder{color:var(--text-secondary, #4a5568)}.result-title .ci-reset-btn{display:flex;align-items:center;gap:6px;background:var(--input-bg, #0f1623);border:1px solid var(--border-color, rgba(255,255,255,.12));border-radius:8px;padding:7px 14px;font-size:.8rem;color:var(--text-primary, #d1d5db);cursor:pointer;white-space:nowrap;transition:background .15s}.result-title .ci-reset-btn:hover{background:#ffffff0f}.result-title .ci-checkin-all-btn{display:flex;align-items:center;gap:6px;background:#35bd10;border:none;border-radius:8px;padding:7px 16px;font-size:.8rem;font-weight:600;color:#fff;cursor:pointer;white-space:nowrap;transition:background .15s,opacity .15s}.result-title .ci-checkin-all-btn:hover{background:#2ea80e}.result-title .ci-checkin-all-btn:disabled{opacity:.4;cursor:default}.result-title .ci-role-section{display:flex;flex-direction:column;gap:0;border-radius:12px;overflow:hidden;border:1px solid var(--border-color, rgba(255,255,255,.07))}.result-title .ci-role-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--card-bg-secondary, rgba(255,255,255,.03));border-bottom:1px solid var(--border-color, rgba(255,255,255,.06))}.result-title .ci-role-name{font-size:.85rem;font-weight:600;color:var(--text-primary, #e2e8f0);text-transform:uppercase;letter-spacing:.04em}.result-title .ci-role-count{display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:20px;padding:1px 9px;font-size:.75rem;font-weight:600;color:var(--text-secondary, #9ba3af)}.result-title .ci-player-row{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--card-bg, #1a2236);border-bottom:1px solid var(--border-color, rgba(255,255,255,.04));transition:background .12s}.result-title .ci-player-row:last-child{border-bottom:none}.result-title .ci-player-row:hover{background:var(--card-bg-hover, rgba(255,255,255,.03))}.result-title .ci-avatar-wrap{position:relative;flex-shrink:0}.result-title .ci-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0}.result-title .ci-status-dot{position:absolute;bottom:1px;right:1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--card-bg, #1a2236)}.result-title .ci-dot-in{background:#35bd10}.result-title .ci-dot-out{background:#4a5568}.result-title .ci-player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.result-title .ci-player-name{font-size:.9rem;font-weight:600;color:var(--text-primary, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-title .ci-player-meta{font-size:.78rem;color:var(--text-secondary, #718096)}.result-title .ci-payment-chip{display:inline;font-size:.75rem}.result-title .ci-payment-unpaid{color:#fc8181;border:1px solid rgba(252,129,129,.4);border-radius:4px;padding:0 4px}.result-title .ci-row-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.result-title .ci-arrival-label{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-secondary, #718096);white-space:nowrap}.result-title .ci-arrival-label.ci-label-in{color:#35bd10}.result-title .ci-btn-check-in{background:#35bd10;border:none;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:600;color:#fff;cursor:pointer;white-space:nowrap;transition:background .15s}.result-title .ci-btn-check-in:hover{background:#2ea80e}.result-title .ci-btn-check-in:disabled{opacity:.4}.result-title .ci-btn-checked-in{background:#0a2003;border:1px solid rgba(53,189,16,.25);border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:600;color:#35bd10;cursor:pointer;white-space:nowrap;transition:background .15s}.result-title .ci-btn-checked-in:hover{background:#35bd101a}.result-title .ci-btn-checked-in:disabled{opacity:.6}.result-title .ci-empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary, #4a5568);font-size:.9rem}.result-title .ci-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:4px;border-top:1px solid var(--border-color, rgba(255,255,255,.06));margin-top:4px}@media (max-width: 900px){.result-title .ci-bottom-grid{grid-template-columns:1fr}}.result-title .ci-panel{background:var(--card-bg, #1a2236);border:1px solid var(--border-color, rgba(255,255,255,.07));border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.result-title .ci-panel-header{padding:14px 16px 10px}.result-title .ci-panel-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.result-title .ci-panel-title{font-size:.9rem;font-weight:700;color:var(--text-primary, #e2e8f0)}.result-title .ci-panel-badge{display:inline-flex;align-items:center;background:#ffffff14;border-radius:20px;padding:1px 9px;font-size:.72rem;font-weight:600;color:var(--text-secondary, #9ba3af)}.result-title .ci-badge-orange{background:#ed893626;color:#ed8936}.result-title .ci-panel-sub{font-size:.75rem;color:var(--text-secondary, #718096);margin:0}.result-title .ci-panel-rows{display:flex;flex-direction:column;flex:1}.result-title .ci-action-row,.result-title .ci-waitlist-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--border-color, rgba(255,255,255,.05))}.result-title .ci-sm-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}.result-title .ci-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.result-title .ci-row-name{font-size:.82rem;font-weight:600;color:var(--text-primary, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-title .ci-row-role{font-size:.72rem;color:var(--text-secondary, #718096)}.result-title .ci-action-btns{display:flex;align-items:center;gap:6px;flex-shrink:0}.result-title .ci-msg-icon-btn{background:transparent;border:1px solid var(--border-color, rgba(255,255,255,.12));border-radius:6px;padding:5px;color:var(--text-secondary, #9ba3af);cursor:pointer;display:flex;align-items:center;transition:background .12s}.result-title .ci-msg-icon-btn:hover{background:#ffffff0f}.result-title .ci-mark-absent-btn{background:transparent;border:1px solid rgba(252,129,129,.5);border-radius:7px;padding:5px 11px;font-size:.75rem;font-weight:600;color:#fc8181;cursor:pointer;white-space:nowrap;transition:background .12s}.result-title .ci-mark-absent-btn:hover{background:#fc818114}.result-title .ci-mark-absent-btn:disabled{opacity:.4}.result-title .ci-move-roster-btn{background:transparent;border:1px solid rgba(237,137,54,.5);border-radius:7px;padding:5px 11px;font-size:.75rem;font-weight:600;color:#ed8936;cursor:pointer;white-space:nowrap;transition:background .12s;flex-shrink:0}.result-title .ci-move-roster-btn:hover{background:#ed893614}.result-title .ci-move-roster-btn:disabled{opacity:.4}.result-title .ci-panel-footer{padding:10px 16px;font-size:.78rem;font-weight:600;color:#35bd10;border-top:1px solid var(--border-color, rgba(255,255,255,.06));text-align:right}.result-title .ci-sidebar-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:10px}.result-title .ci-progress-card{padding:16px;display:flex;flex-direction:column;gap:10px}.result-title .ci-progress-overall{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary, #9ba3af)}.result-title .ci-progress-pct{font-weight:700;color:var(--text-primary, #e2e8f0);font-size:.82rem}.result-title .ci-progress-bar-track{width:100%;height:8px;background:#ffffff14;border-radius:100px;overflow:hidden}.result-title .ci-progress-bar-fill{height:100%;background:#35bd10;border-radius:100px;transition:width .4s ease}.result-title .ci-divider{height:1px;background:var(--border-color, rgba(255,255,255,.07));margin:2px 0}.result-title .ci-role-item{display:flex;align-items:center;gap:8px;padding:3px 0}.result-title .ci-role-dot{width:8px;height:8px;border-radius:50%;background:#fff3;flex-shrink:0}.result-title .ci-role-dot.ci-dot-green{background:#35bd10}.result-title .ci-role-progress-name{flex:1;font-size:.8rem;color:var(--text-secondary, #9ba3af)}.result-title .ci-role-progress-count{font-size:.8rem;font-weight:600;color:var(--text-primary, #d1d5db)}.result-title .ci-venue-card{padding:0;overflow:hidden}.result-title .ci-venue-img{width:100%;height:110px;background-size:cover;background-position:center;background-color:#ffffff0a}.result-title .ci-venue-info{padding:14px 16px;display:flex;flex-direction:column;gap:4px}.result-title .ci-venue-name{font-size:.9rem;font-weight:700;color:var(--text-primary, #e2e8f0);margin:0}.result-title .ci-venue-address,.result-title .ci-venue-sub{font-size:.78rem;color:var(--text-secondary, #718096);margin:0}.result-title .ci-directions-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;background:#35bd101a;border:1px solid rgba(53,189,16,.25);border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:600;color:#35bd10;text-decoration:none;transition:background .15s;width:fit-content}.result-title .ci-directions-btn:hover{background:#35bd102e}@media (max-width: 1100px){.result-title .ci-columns{flex-direction:column}.result-title .ep-sidebar-col{width:100%!important}}@media (max-width: 640px){.result-title .ci-body{padding:16px}.result-title .ci-row-right{flex-direction:column;align-items:flex-end;gap:6px}.result-title .ci-search-bar{flex-wrap:wrap}}.result-title .invite-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.result-title .invite-modal-container{background:var(--bg-primary)!important;border-radius:12px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--border-color)}.result-title .invite-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid var(--border-color)}.result-title .modal-title-section h2{font-size:20px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.result-title .modal-title-section p{font-size:14px;color:var(--text-secondary);margin:0}.result-title .close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:6px;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.result-title .close-button:hover{background:var(--background-color);color:var(--text-primary)}.result-title .invite-modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.result-title .modal-search-section{padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--background-color)}.result-title .search-row{display:flex;gap:16px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.result-title .search-box{position:relative;flex:1;min-width:200px}.result-title .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:18px;z-index:1}.result-title .search-box input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px 10px 40px;font-size:14px;color:var(--input-text);width:100%;transition:all .2s ease}.result-title .channel-selector{display:flex;align-items:center;gap:8px;white-space:nowrap}.result-title .channel-selector label{font-size:14px;font-weight:500;color:var(--text-primary)}.result-title .channel-selector select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:14px;color:var(--input-text);cursor:pointer;transition:all .2s ease;min-width:120px}.result-title .tag-filter-toggle{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.result-title .tag-filter-toggle:hover{background:var(--bg-primary);border-color:var(--primary-color)}.result-title .tag-filter-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:12px}.result-title .tag-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.result-title .tag-filter-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.result-title .clear-filters-btn{background:none;border:none;color:var(--primary-color);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.result-title .clear-filters-btn:hover{background:#6366f11a}.result-title .tag-filter-item{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.result-title .tag-filter-item:hover,.result-title .tag-filter-item.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.result-title .tag-filter-item svg{width:12px;height:12px}.result-title .channel-selector select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.result-title .selection-controls{display:flex;justify-content:space-between;align-items:center}.result-title .select-all-btn{background:none;border:1px solid var(--primary-color);color:var(--primary-color);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.result-title .select-all-btn:hover{background:var(--primary-color);color:#fff}.result-title .selection-count{font-size:12px;color:var(--text-secondary);font-weight:500}.result-title .contacts-list-section{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.result-title .loading-state{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary)}.result-title .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-secondary)}.result-title .empty-icon{font-size:48px;margin-bottom:16px;color:var(--text-secondary)}.result-title .empty-state p{font-size:14px;margin:0}.result-title .contacts-list{flex:1;overflow-y:auto;padding:8px 0}.result-title .contact-item{display:flex;align-items:center;gap:12px;padding:12px 24px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-color)}.result-title .contact-item:hover:not(.already-invited){background:var(--background-color)}.result-title .contact-item.selected{background:#6366f11a;border-left:3px solid var(--primary-color)}.result-title .contact-item.already-invited{opacity:.6;cursor:not-allowed;background:var(--background-color)}.result-title .contact-checkbox{flex-shrink:0}.result-title .contact-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.result-title .contact-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.result-title .contact-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--primary-color);display:flex;align-items:center;justify-content:center}.result-title .contact-avatar img{width:100%;height:100%;object-fit:cover}.result-title .avatar-initials{color:#fff;font-weight:600;font-size:16px}.result-title .contact-info{flex:1;min-width:0}.result-title .contact-main{display:flex;align-items:center;gap:8px;margin-bottom:2px}.result-title .contact-name{font-size:14px;font-weight:500;color:var(--text-primary)}.result-title .already-invited-badge{background:#f59e0b;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.result-title .contact-details{display:flex;gap:12px;margin-bottom:4px}.result-title .contact-email,.result-title .contact-phone{font-size:12px;color:var(--text-secondary)}.result-title .contact-tags{display:flex;gap:4px;flex-wrap:wrap}.result-title .tag{background:var(--background-color);color:var(--text-secondary);font-size:10px;padding:2px 6px;border-radius:4px;border:1px solid var(--border-color)}.result-title .contact-channel{flex-shrink:0;color:var(--text-secondary);font-size:18px}.result-title .message-section{padding:20px 24px;border-top:1px solid var(--border-color);background:var(--background-color)}.result-title .message-section label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.result-title .message-section textarea{width:100%;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;font-size:14px;color:var(--input-text);font-family:inherit;resize:vertical;min-height:80px;transition:all .2s ease}.result-title .message-section textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.result-title .message-section textarea::placeholder{color:var(--text-secondary)}.result-title .invite-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--card-background)}.result-title .footer-info{flex:1}.result-title .selection-summary{font-size:14px;color:var(--text-secondary);font-weight:500}.result-title .footer-actions{display:flex;gap:12px}.result-title .btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;text-decoration:none}@media (max-width: 768px){.result-title .invite-modal-overlay{padding:10px}.result-title .invite-modal-container{max-height:95vh;height:100%}.result-title .search-row{flex-direction:column;align-items:stretch}.result-title .channel-selector{justify-content:space-between}.result-title .selection-controls{flex-direction:column;align-items:stretch;gap:8px}.result-title .contact-item{padding:16px}.result-title .contact-details{flex-direction:column;gap:4px}.result-title .invite-modal-footer{flex-direction:column;gap:12px;align-items:stretch}.result-title .footer-actions{justify-content:space-between}.result-title .btn{flex:1;justify-content:center}}@media (max-width: 480px){.result-title .invite-modal-header,.result-title .modal-search-section{padding:16px}.result-title .contact-item{padding:12px 16px}.result-title .message-section,.result-title .invite-modal-footer{padding:16px}.result-title .footer-actions{flex-direction:column}}.result-title .event-invites-page{max-width:1200px;margin:0 auto;padding:24px}.result-title .header-main{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;padding:40px}.result-title .title-section{max-width:800px}.result-title .event-info-lines{display:flex;flex-direction:column;gap:8px}.result-title .event-line{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.result-title .event-line.green{color:#059669}.result-title .event-line.orange{color:#d97706}.result-title .line-icon{font-size:16px;flex-shrink:0}.result-title .navigation-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:16px}.result-title .nav-tab{padding:8px 16px;border:1px solid var(--border-color);background:var(--card-background);border-radius:8px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.result-title .nav-tab:hover{background:var(--background-color);color:var(--text-primary)}.result-title .nav-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.result-title .invite-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:32px}.result-title .summary-card{background:var(--card-background);border:2px solid var(--border-color);border-radius:8px;padding:16px;text-align:center;transition:all .2s ease}.result-title .summary-card.total{border-color:var(--primary-color)}.result-title .summary-card.sent{border-color:#3b82f6}.result-title .summary-card.opened{border-color:#8b5cf6}.result-title .summary-card.responded{border-color:#22c55e}.result-title .summary-card.converted{border-color:#059669}.result-title .summary-number{display:block;font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.result-title .summary-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.result-title .controls-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.result-title .controls-left{display:flex;gap:12px;align-items:center}.result-title .controls-right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.result-title .btn{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;text-decoration:none}.result-title .btn:disabled{opacity:.6;cursor:not-allowed}.result-title .btn.primary{background:var(--primary-color);color:#fff}.result-title .btn.primary:hover:not(:disabled){background:#5b21b6;transform:translateY(-1px)}.result-title .btn.secondary{background:var(--card-background);color:var(--text-primary);border:1px solid var(--border-color)}.result-title .btn.secondary:hover:not(:disabled){background:var(--background-color);border-color:var(--primary-color)}.result-title .invite-btn{font-weight:600}.result-title .remind-all-btn{color:#d97706;border-color:#d97706}.result-title .remind-all-btn:hover:not(:disabled){background:#fff7ed;color:#9a3412}.result-title .search-box{position:relative;display:flex;align-items:center}.result-title .search-icon{position:absolute;left:12px;color:var(--text-secondary);font-size:18px;z-index:1}.result-title .search-box input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px 8px 40px;font-size:14px;color:var(--input-text);width:240px;transition:all .2s ease}.result-title .search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.result-title .filter-group{display:flex;gap:8px}.result-title .filter-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--input-text);cursor:pointer;transition:all .2s ease}.result-title .filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.result-title .invites-table-container{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.result-title .table-header{padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--background-color)}.result-title .table-header h2{font-size:18px;font-weight:600;margin:0;color:var(--text-primary)}.result-title .search-info{font-weight:400;color:var(--text-secondary)}.result-title .empty-icon{font-size:48px;color:var(--text-secondary);margin-bottom:16px}.result-title .empty-state h3{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.result-title .empty-state p{font-size:14px;margin:0 0 20px}.result-title .invites-table{display:flex;flex-direction:column}.result-title .table-header-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr 1fr;gap:16px;padding:12px 20px;background:var(--background-color);border-bottom:1px solid var(--border-color);font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.result-title .table-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr 1fr;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-color);transition:background-color .2s ease;align-items:center}.result-title .table-row:hover{background:var(--background-color)}.result-title .table-row:last-child{border-bottom:none}.result-title .col-name{display:flex;align-items:center}.result-title .participant-info{display:flex;align-items:center;gap:12px}.result-title .participant-details{display:flex;flex-direction:column;gap:2px}.result-title .participant-name{font-size:14px;font-weight:500;color:var(--text-primary)}.result-title .participant-email{font-size:12px;color:var(--text-secondary)}.result-title .channel-badge{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--background-color);border-radius:6px;width:fit-content}.result-title .channel-icon{font-size:16px;color:var(--text-secondary)}.result-title .channel-text{font-size:12px;color:var(--text-secondary);font-weight:500}.result-title .status-badge{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;width:fit-content}.result-title .status-icon{font-size:14px}.result-title .date-info{display:flex;flex-direction:column;gap:2px}.result-title .date-text{font-size:13px;font-weight:500;color:var(--text-primary)}.result-title .time-text{font-size:11px;color:var(--text-secondary)}.result-title .action-buttons{display:flex;gap:4px;align-items:center}.result-title .action-btn{background:none;border:1px solid var(--border-color);border-radius:6px;padding:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-secondary)}.result-title .action-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.05)}.result-title .action-btn:disabled{opacity:.5;cursor:not-allowed}.result-title .action-btn.remind{color:#d97706;border-color:#d97706}.result-title .action-btn.remind:hover:not(:disabled){background:#fff7ed;color:#9a3412;border-color:#9a3412}.result-title .action-btn.cancel{color:#dc2626;border-color:#dc2626}.result-title .action-btn.cancel:hover:not(:disabled){background:#fef2f2;color:#991b1b;border-color:#991b1b}.result-title .action-btn.more:hover:not(:disabled){background:var(--background-color)}@media (max-width: 1024px){.result-title .event-invites-page{padding:16px}.result-title .header-main{padding:24px}.result-title .title-section h1{font-size:28px}.result-title .controls-section{flex-direction:column;align-items:stretch}.result-title .controls-left,.result-title .controls-right{justify-content:space-between}}@media (max-width: 768px){.result-title .invite-summary{grid-template-columns:repeat(2,1fr)}.result-title .table-header-row,.result-title .table-row{grid-template-columns:1fr;gap:8px}.result-title .table-header-row{display:none}.result-title .table-row{display:flex;flex-direction:column;align-items:stretch;padding:16px;border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px}.result-title .col-name,.result-title .col-channel,.result-title .col-status,.result-title .col-date,.result-title .col-actions{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.result-title .col-name:before{content:"Name:";font-weight:600}.result-title .col-channel:before{content:"Channel:";font-weight:600}.result-title .col-status:before{content:"Status:";font-weight:600}.result-title .col-date:before{content:"Date:";font-weight:600}.result-title .col-actions:before{content:"Actions:";font-weight:600}.result-title .search-box input{width:100%}.result-title .filter-group{flex-direction:column;width:100%}.result-title .filter-select{width:100%}}@media (max-width: 480px){.result-title .invite-summary{grid-template-columns:1fr}.result-title .controls-left,.result-title .controls-right{flex-direction:column;gap:8px}.result-title .btn{width:100%;justify-content:center}}.result-title .poll-component{padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);margin:12px 0}.result-title .poll-message{padding:8px 12px;border-radius:4px;margin-bottom:12px;font-size:.9rem}.result-title .poll-error{background:#ef44441a;color:var(--like-color);border:1px solid rgba(239,68,68,.3)}.result-title .poll-success{background:#22c55e1a;color:var(--accent-color);border:1px solid rgba(34,197,94,.3)}.result-title .poll-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.result-title .poll-option{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:12px;transition:all .2s ease}.result-title .poll-option:hover{border-color:var(--accent-color)}.result-title .poll-option.selected{border-color:var(--accent-color);background:#22c55e0d}.result-title .poll-option.user-voted{border-color:var(--accent-color);background:#22c55e1a}.result-title .poll-option-label{display:flex;align-items:center;gap:12px;cursor:pointer;width:100%}.result-title .poll-radio{width:18px;height:18px;accent-color:var(--accent-color);cursor:pointer}.result-title .poll-radio:disabled{cursor:not-allowed;opacity:.6}.result-title .poll-option-text{flex:1;font-size:1rem;color:var(--text-primary);line-height:1.4}.result-title .user-vote-indicator{color:var(--accent-color);font-weight:600;margin-left:8px}.result-title .poll-option-results{margin-top:12px;margin-left:30px}.result-title .poll-option-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem}.result-title .poll-votes{color:var(--text-secondary)}.result-title .poll-percentage{color:var(--text-primary);font-weight:600}.result-title .poll-bar-container{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.result-title .poll-option-bar{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--accent-hover));border-radius:4px;transition:width .6s ease-out;min-width:2px}.result-title .poll-actions{display:flex;justify-content:center;margin-bottom:12px}.result-title .poll-submit-button{padding:10px 24px;background:var(--accent-color);color:var(--button-text, white);border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.result-title .poll-submit-button:hover:not(:disabled){background:var(--accent-hover, #16a34a);transform:translateY(-1px)}.result-title .poll-submit-button:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6;transform:none}.result-title .poll-voted-message{display:flex;align-items:center;justify-content:center;padding:10px 24px;background:#22c55e1a;color:var(--accent-color);border:1px solid rgba(34,197,94,.3);border-radius:6px;font-weight:600;font-size:.95rem}.result-title .poll-total{text-align:center;font-size:.9rem;color:var(--text-secondary);padding-top:12px;border-top:1px solid var(--border-color)}.result-title [data-theme=dark] .poll-component{background:var(--bg-secondary)}.result-title [data-theme=dark] .poll-option{background:var(--bg-primary)}.result-title [data-theme=dark] .poll-option.selected,.result-title [data-theme=dark] .poll-option.user-voted{background:#22c55e26}.result-title [data-theme=light] .poll-component{background:var(--bg-secondary)}.result-title [data-theme=light] .poll-option{background:var(--bg-primary)}.result-title [data-theme=light] .poll-option.selected,.result-title [data-theme=light] .poll-option.user-voted{background:#22c55e14}@media (max-width: 768px){.result-title .poll-component{padding:12px}.result-title .poll-option{padding:10px}.result-title .poll-option-label{gap:10px}.result-title .poll-option-results{margin-left:28px}.result-title .poll-submit-button{padding:8px 20px;font-size:.9rem;min-width:100px}}.result-title .posts-list-page{max-width:1000px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8f9fa}.result-title .posts-list-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.result-title .loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.result-title .page-header{text-align:center;margin-bottom:30px;padding:25px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e1e5e9}.result-title .page-header h1{color:#212529;font-size:32px;font-weight:700;margin-bottom:10px}.result-title .page-header p{color:#6c757d;font-size:16px;margin-bottom:20px}.result-title .action-buttons{display:flex;justify-content:center;gap:15px}.result-title .btn{padding:12px 24px;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:16px;transition:all .2s;text-decoration:none;display:inline-block}.result-title .btn-primary:hover{background-color:#0056b3;transform:translateY(-1px)}.result-title .btn-secondary:hover{background-color:#545b62;transform:translateY(-1px)}.result-title .error-message{background-color:#f8d7da;color:#721c24;padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid #f5c6cb}.result-title .no-posts{text-align:center;padding:60px 20px}.result-title .no-posts-content{background:#fff;padding:40px;border-radius:8px;border:1px solid #dee2e6;box-shadow:0 2px 4px #0000001a;max-width:400px;margin:0 auto}.result-title .no-posts-content h3{color:#495057;margin-bottom:15px}.result-title .no-posts-content p{color:#6c757d;margin-bottom:20px}.result-title .posts-feed{display:flex;flex-direction:column;gap:10px}.result-title .post-card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a;display:flex}.result-title .post-preview p{color:#495057;font-size:14px;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.result-title .posts-list-page{padding:15px}.result-title .page-header{padding:20px 15px}.result-title .page-header h1{font-size:28px}.result-title .post-card{flex-direction:column}.result-title .post-vote-section{flex-direction:row;justify-content:center;padding:8px;border-right:none;border-bottom:1px solid #e1e5e9}.result-title .vote-arrow{margin:0 8px}.result-title .vote-score{margin:0 8px;align-self:center}.result-title .post-content{padding:12px 15px}.result-title .post-meta{font-size:11px;gap:6px}.result-title .post-title{font-size:15px}.result-title .post-preview p{font-size:13px}}@media (max-width: 480px){.result-title .posts-list-page{padding:10px}.result-title .page-header{padding:15px 10px}.result-title .page-header h1{font-size:24px}.result-title .post-content{padding:10px 12px}.result-title .post-title{font-size:14px}.result-title .vote-section{padding:6px}}@media (max-width: 768px){.result-title .image-grid{grid-template-columns:1fr!important}.result-title .image-container{aspect-ratio:4/3}.result-title .image-container.single{aspect-ratio:16/9;max-height:250px}}@media (max-width: 768px){.result-title .post-video,.result-title .post-poll{margin:10px 0}}.result-title .post-container-selector-new{margin-bottom:20px}.result-title .post-container-selector-new label{display:block;font-weight:600;color:var(--text-primary)!important;margin-bottom:8px;font-size:14px}.result-title .container-selector-wrapper-new{position:relative}.result-title .selected-container-new{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--search-border)!important;border-radius:8px;background:var(--search-bg)!important;cursor:pointer;transition:all .2s ease}.result-title .selected-container-new:hover{border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #22c55e1a}.result-title .container-info-new{display:flex;align-items:center;gap:12px}.result-title .container-icon-new{font-size:18px;width:24px;text-align:center;color:var(--text-primary)!important}.result-title .container-name-new{font-weight:500;color:var(--text-primary)!important}.result-title .dropdown-arrow-new{color:var(--text-secondary)!important;font-size:12px;transition:transform .2s ease}.result-title .selected-container-new:hover .dropdown-arrow-new{transform:translateY(-1px)}.result-title .container-dropdown-new{position:absolute;top:100%;left:0;right:0;background:var(--bg-tertiary)!important;border:1px solid var(--search-border)!important;border-radius:8px;box-shadow:0 8px 24px #000;z-index:1000;max-height:400px;overflow:hidden;margin-top:4px;opacity:1}.result-title .container-dropdown-new .search-container-new{padding:12px}.result-title .container-dropdown-new .search-container-new .container-search-new{background-color:var(--search-bg)!important;color:var(--text-primary)!important}.result-title .container-search-new{width:100%;padding:10px 12px;border:1px solid var(--search-border)!important;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease;background:var(--search-bg)!important;color:var(--text-primary)!important}.result-title .container-search-new:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 2px #22c55e1a}.result-title .container-search-new::placeholder{color:var(--text-muted)!important}.result-title .container-options-new{max-height:300px;overflow-y:auto}.result-title .container-option-new{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-color)!important;background:var(--search-bg)!important}.result-title .container-option-new:last-child{border-bottom:none}.result-title .container-option-new:hover{background-color:var(--bg-tertiary)!important}.result-title .container-option-new.selected{background-color:var(--search-bg)!important;border-left:3px solid var(--accent-color)!important}.result-title .container-details-new{display:flex;flex-direction:column;gap:2px;flex:1}.result-title .container-option-new .container-name-new{font-weight:500;color:var(--text-primary)!important;font-size:14px}.result-title .container-type-new{font-size:12px;color:var(--text-secondary)!important}.result-title .section-header-new{padding:12px 16px 8px;font-weight:600;font-size:12px;color:var(--text-secondary)!important;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary)!important;border-bottom:1px solid var(--border-color)!important;margin-bottom:0}.result-title .no-results-new,.result-title .loading-state-new,.result-title .error-state-new{padding:20px 16px;text-align:center;color:var(--text-secondary)!important;font-style:italic}.result-title .error-state-new{color:var(--like-color)!important}@media (max-width: 768px){.result-title .container-dropdown{position:fixed;inset:auto 10px 10px;max-height:50vh;border-radius:12px}.result-title .container-option{padding:16px}.result-title .container-icon{font-size:20px;width:28px}}.result-title .create-post-page{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8f9fa;min-height:100vh}.result-title .create-post-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e5e9;overflow:hidden}.result-title .page-header{text-align:center;padding:30px 20px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;margin-bottom:0}.result-title .page-header h1{font-size:32px;font-weight:700;margin-bottom:10px}.result-title .page-header p{font-size:16px;opacity:.9;margin-bottom:0}.result-title .auth-required{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;border:1px solid #dee2e6;box-shadow:0 2px 4px #0000001a}.result-title .auth-required h2{color:#495057;margin-bottom:15px}.result-title .auth-required p{color:#6c757d;margin-bottom:20px}.result-title .post-form{padding:30px}.result-title .form-group{margin-bottom:25px}.result-title .form-group label{display:block;font-weight:600;color:#495057;margin-bottom:8px;font-size:16px}.result-title .form-group input,.result-title .form-group textarea{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:6px;font-size:16px;font-family:inherit;transition:border-color .2s,box-shadow .2s;background:#fff;box-sizing:border-box}.result-title .form-group input:focus,.result-title .form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.result-title .form-group input::placeholder,.result-title .form-group textarea::placeholder{color:#6c757d;font-style:italic}.result-title .form-group textarea{resize:vertical;min-height:200px;line-height:1.5}.result-title .char-counter{text-align:right;font-size:12px;color:#6c757d;margin-top:5px}.result-title .form-help{font-size:14px;color:#6c757d;margin-top:5px;line-height:1.4}.result-title .error-message{background-color:#f8d7da;color:#721c24;padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid #f5c6cb;font-size:14px}.result-title .form-actions{display:flex;justify-content:flex-end;gap:15px;padding-top:20px;border-top:1px solid #e1e5e9;margin-top:30px}.result-title .btn{padding:12px 24px;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:16px;transition:all .2s;text-decoration:none;display:inline-block;min-width:120px}.result-title .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.result-title .btn-primary{background-color:#007bff;color:#fff}.result-title .btn-primary:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.result-title .btn-secondary{background-color:#6c757d;color:#fff}.result-title .btn-secondary:hover:not(:disabled){background-color:#545b62;transform:translateY(-1px)}.result-title .posting-guidelines{background:#f8f9fa;padding:25px 30px;border-top:1px solid #e1e5e9}.result-title .posting-guidelines h3{color:#495057;font-size:20px;margin-bottom:15px;font-weight:600}.result-title .posting-guidelines ul{list-style:none;padding:0;margin:0}.result-title .posting-guidelines li{color:#6c757d;position:relative;padding:8px 0 8px 20px}.result-title .posting-guidelines li:before{content:"•";color:#007bff;font-weight:700;position:absolute;left:0}@media (max-width: 768px){.result-title .create-post-page{padding:15px}.result-title .page-header{padding:25px 20px}.result-title .page-header h1{font-size:28px}.result-title .post-form{padding:25px 20px}.result-title .posting-guidelines{padding:20px}.result-title .form-actions{flex-direction:column}.result-title .btn{width:100%;justify-content:center}}@media (max-width: 480px){.result-title .create-post-page{padding:10px}.result-title .page-header{padding:20px 15px}.result-title .page-header h1{font-size:24px}.result-title .post-form{padding:20px 15px}.result-title .posting-guidelines{padding:15px}.result-title .form-group input,.result-title .form-group textarea{font-size:16px}}.result-title .post-type-selector{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.result-title .post-type-btn{padding:12px 20px;border:2px solid #e1e5e9;border-radius:8px;background:#fff;color:#495057;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.result-title .post-type-btn:hover{border-color:#007bff;background-color:#f8f9ff;color:#007bff}.result-title .post-type-btn.active{border-color:#007bff;background-color:#007bff;color:#fff}.result-title .post-type-btn:disabled{opacity:.5;cursor:not-allowed}.result-title .image-upload-container{margin-bottom:15px}.result-title .image-upload-label{display:block;padding:20px;border:2px dashed #ccc;border-radius:8px;text-align:center;cursor:pointer;background:#fafafa;color:#666;font-size:16px;font-weight:500;transition:all .2s ease}.result-title .image-upload-label:hover{border-color:#007bff;background-color:#f8f9ff;color:#007bff}.result-title .image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:15px}.result-title .image-preview{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid #e1e5e9;background:#f8f9fa}.result-title .image-preview img{width:100%;height:100%;object-fit:cover;display:block}.result-title .remove-image-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#ffffffe6;border:1px solid #ddd;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;transition:all .2s ease}.result-title .remove-image-btn:hover{background:#ff4757;color:#fff;border-color:#ff4757}@media (max-width: 600px){.result-title .post-type-selector{flex-direction:column}.result-title .post-type-btn{width:100%}.result-title .image-previews{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.result-title .image-previews{grid-template-columns:1fr}}.result-title .youtube-url-input{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;background:#f8f9fa;transition:all .2s ease;width:100%}.result-title .youtube-url-input:focus{border-color:#007bff;background:#fff;box-shadow:0 0 0 3px #007bff1a;outline:none}.result-title .input-hint{font-size:12px;color:#6c757d;margin-top:5px;font-style:italic}.result-title .youtube-preview{margin-top:10px;padding:12px;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;font-size:14px;color:#155724}.result-title .youtube-preview p{margin:4px 0}.result-title .youtube-error{margin-top:10px;padding:12px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;font-size:14px;color:#721c24}.result-title .poll-options-container{margin-top:10px}.result-title .poll-option-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.result-title .poll-option-input{flex:1;padding:12px 16px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s ease;background:#fff}.result-title .poll-option-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.result-title .poll-option-input::placeholder{color:#6c757d}.result-title .remove-option-btn{padding:8px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:36px;display:flex;align-items:center;justify-content:center}.result-title .remove-option-btn:hover{background:#c82333;transform:translateY(-1px)}.result-title .add-option-btn{padding:10px 16px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;margin-top:8px}.result-title .add-option-btn:hover{background:#218838;transform:translateY(-1px)}.result-title .add-option-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.result-title .youtube-url-input{margin-bottom:8px}.result-title .youtube-preview{padding:12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px;margin-top:8px}.result-title .youtube-preview p{margin:0;font-size:.9rem;color:var(--accent-color)}.result-title .youtube-error{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;margin-top:8px;color:var(--like-color);font-size:.9rem}.result-title .poll-options-container{display:flex;flex-direction:column;gap:12px}.result-title .poll-option-row{display:flex;gap:12px;align-items:center}.result-title .poll-option-input{flex:1;margin-bottom:0}.result-title .remove-option-btn{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;border-radius:50%;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--like-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;font-size:24px;font-weight:700;aspect-ratio:1 / 1;padding:0;line-height:1}.result-title .add-option-btn{padding:12px 20px;background:var(--bg-tertiary);border:1px dashed var(--border-color);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;margin-top:8px}.result-title .add-option-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:#22c55e0d}.result-title .draggable-image-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:16px}.result-title .draggable-image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg-tertiary);cursor:grab;transition:all .2s ease;border:2px solid transparent}.result-title .draggable-image-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.result-title .draggable-image-item.dragging{opacity:.5;transform:rotate(5deg) scale(.95);cursor:grabbing;z-index:1000}.result-title .draggable-image-item.drag-over{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.1);transform:scale(1.05)}.result-title .image-container{position:relative;width:100%;height:100%}.result-title .image-container img{width:100%;height:100%;object-fit:cover;display:block}.result-title .image-controls{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.result-title .draggable-image-item:hover .image-controls{opacity:1}.result-title .remove-image-btn-enhanced{width:24px;height:24px;border-radius:50%;background:#000c;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:all .2s ease;padding:0!important;margin:0!important;line-height:1}.result-title .remove-image-btn-enhanced:hover{background:#dc2626e6;transform:scale(1.1)}.result-title .drag-handle{width:24px;height:24px;border-radius:50%;background:#000c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:grab;transition:all .2s ease}.result-title .drag-handle:hover{background:#000000e6;transform:scale(1.1)}.result-title .drag-handle:active{cursor:grabbing}.result-title .image-number{position:absolute;bottom:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#000c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}@media (max-width: 768px){.result-title .draggable-image-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.result-title .image-controls{opacity:1}.result-title .draggable-image-item,.result-title .drag-handle{cursor:default}}@media (hover: none) and (pointer: coarse){.result-title .image-controls{opacity:1}.result-title .draggable-image-item:hover{transform:none;box-shadow:none}.result-title .draggable-image-item.drag-over{transform:scale(1.02)}}.result-title .image-upload-container{border:1px dashed var(--border-color);border-radius:8px;padding:24px;text-align:center;background:var(--bg-tertiary);transition:all .2s ease;cursor:pointer}.result-title .image-upload-container:hover{border-color:var(--accent-color);background:var(--bg-primary)}.result-title .image-input{display:none}.result-title .image-upload-label{display:inline-block;padding:10px 20px;background:var(--accent-color);color:#fff;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;margin:0;font-size:.9rem}.result-title .image-upload-label:hover{background:var(--accent-hover)}.result-title .rooms-discovery{max-width:1200px;margin:0 auto;padding:64px 28px 24px 64px}.result-title .rooms-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px;flex-wrap:wrap}.result-title .rooms-hero h1{font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary, #f3f4f6);margin:0 0 6px}.result-title .rooms-hero p{font-size:.9375rem;color:var(--text-secondary, #bdc1ca);margin:0;max-width:520px;line-height:1.5}.result-title .btn-create-room{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent-primary, #22c55e);color:#fff;border:none;border-radius:14px;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .18s,transform .15s;white-space:nowrap}.result-title .btn-create-room:hover{background:#16a34a;transform:translateY(-1px);color:#fff;text-decoration:none}.result-title .rooms-search-section{margin-bottom:36px;display:flex;flex-direction:column;gap:14px}.result-title .rooms-search-wrap{position:relative;max-width:640px}.result-title .rooms-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted, #9ca3af);pointer-events:none}.result-title .rooms-search-input{width:100%;height:44px;padding:0 18px 0 46px;background:var(--bg-secondary, #1e2128);border:1px solid var(--border-color, rgba(50,55,67,.6));border-radius:12px;font-size:.9rem;color:var(--text-primary, #f3f4f6);box-sizing:border-box;transition:border-color .18s}.result-title .rooms-search-input::placeholder{color:var(--text-muted, #9ca3af)}.result-title .rooms-search-input:focus{outline:none;border-color:var(--accent-primary, #22c55e);box-shadow:0 0 0 3px #22c55e1f}.result-title .rooms-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.result-title .filter-tab{padding:7px 18px;background:var(--bg-secondary, #1e2128);border:1px solid var(--border-color, rgba(50,55,67,.5));border-radius:999px;font-size:.8125rem;font-weight:500;color:var(--text-primary, #f3f4f6);cursor:pointer;transition:background .15s,border-color .15s}.result-title .filter-tab:hover{background:var(--bg-tertiary, #323743)}.result-title .filter-tab.active{background:var(--accent-primary, #22c55e);border-color:transparent;color:#fff;font-weight:600}.result-title .trending-section{margin-bottom:36px}.result-title .section-heading{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--text-primary, #f3f4f6)}.result-title .section-heading svg{color:var(--text-primary, #f3f4f6);flex-shrink:0}.result-title .section-heading h2{font-size:1.125rem;font-weight:700;margin:0}.result-title .trending-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 900px){.result-title .trending-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.result-title .trending-grid{grid-template-columns:1fr}}.result-title .trending-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary, #1e2128);border:1px solid var(--border-color, rgba(50,55,67,.5));border-radius:14px;text-decoration:none;color:var(--text-primary, #f3f4f6);transition:border-color .18s,transform .15s}.result-title .trending-card:hover{border-color:#22c55e73;transform:translateY(-1px);text-decoration:none;color:var(--text-primary, #f3f4f6)}.result-title .trending-avatar{width:44px;height:44px;border-radius:50%;background:var(--bg-tertiary, #323743);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--text-primary, #f3f4f6)}.result-title .trending-avatar img{width:100%;height:100%;object-fit:cover}.result-title .trending-name{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-title .trending-members{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted, #9ca3af);margin-top:3px}.result-title .rooms-main-section{border-top:1px solid var(--border-color, rgba(50,55,67,.4));padding-top:28px}.result-title .rooms-main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.result-title .rooms-main-header h2{font-size:1.125rem;font-weight:700;color:var(--text-primary, #f3f4f6);margin:0}.result-title .rooms-count{font-size:.8125rem;color:var(--text-muted, #9ca3af)}.result-title .rooms-loading,.result-title .rooms-error{padding:48px;text-align:center;color:var(--text-muted, #9ca3af);font-size:.9375rem}.result-title .rooms-error{color:#f87171}.result-title .rooms-empty{padding:64px 24px;text-align:center;color:var(--text-muted, #9ca3af);display:flex;flex-direction:column;align-items:center;gap:12px}.result-title .rooms-empty svg{opacity:.35}.result-title .rooms-empty h3{font-size:1.125rem;color:var(--text-secondary, #bdc1ca);margin:0}.result-title .rooms-empty p{margin:0;font-size:.9rem}.result-title .rooms-grid{display:flex;flex-direction:column;gap:10px}.result-title .room-card{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:18px 20px;background:var(--bg-secondary, #1e2128);border:1px solid var(--border-color, rgba(50,55,67,.6));border-radius:16px;cursor:pointer;transition:border-color .18s,background .15s}.result-title .room-card:hover{border-color:#22c55e59}.result-title .room-card-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-tertiary, #323743);align-self:flex-start;margin-top:2px}.result-title .room-avatar-img{width:100%;height:100%;object-fit:cover}.result-title .room-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:1.25rem;font-weight:700;color:var(--text-primary, #f3f4f6);background:linear-gradient(135deg,#323743,#262a33)}.result-title .room-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.result-title .room-card-right{display:flex;align-items:center;flex-shrink:0;align-self:center}.result-title .room-card-header{display:flex;flex-direction:column;gap:3px}.result-title .room-card-title-row{display:flex;align-items:center;gap:8px}.result-title .room-card-name{flex:1;min-width:0;font-size:.9375rem;font-weight:700;color:var(--text-primary, #f3f4f6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-title .room-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:.75rem;color:var(--text-muted, #9ca3af)}.result-title .meta-activity,.result-title .meta-location{display:inline-flex;align-items:center;gap:3px}.result-title .meta-activity svg,.result-title .meta-location svg{flex-shrink:0}.result-title .meta-sep{color:var(--border-color, rgba(50,55,67,.9));font-size:.65rem}.result-title .room-visibility-badge{display:inline-flex;align-items:center;gap:5px;margin-top:2px}.result-title .badge-pill{display:inline-block;padding:2px 7px;border-radius:4px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.result-title .badge-public{background:#22c55e1f;color:#4ade80}.result-title .badge-private{background:#f871711f;color:#f87171}.result-title .badge-open{background:#60a5fa1f;color:#93c5fd}.result-title .badge-request{background:#fbbf241f;color:#fbbf24}.result-title .badge-dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted, #9ca3af);flex-shrink:0}.result-title .room-card-desc{font-size:.8125rem;color:var(--text-secondary, #bdc1ca);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-title .room-activity-tag{display:inline-block;align-self:flex-start;padding:2px 10px;background:#22c55e1a;color:var(--accent-primary, #22c55e);border:1px solid rgba(34,197,94,.2);border-radius:6px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.result-title .room-card-tags{display:flex;flex-wrap:wrap;gap:5px}.result-title .room-tag{padding:2px 8px;background:var(--bg-tertiary, #323743);color:var(--text-secondary, #bdc1ca);font-size:.6875rem;font-weight:500;border-radius:5px}.result-title .room-card-footer{display:flex;align-items:center;gap:12px;margin-top:2px}.result-title .room-card-stats{display:flex;align-items:center;gap:12px}.result-title .room-stat{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:500;color:var(--text-secondary, #bdc1ca)}.result-title .room-stat svg{color:var(--text-muted, #9ca3af)}.result-title .room-last-active{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-muted, #9ca3af)}.result-title .active-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-primary, #22c55e);flex-shrink:0}.result-title .room-card-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.result-title .member-preview{display:flex;align-items:center}.result-title .member-preview-avatar{width:26px;height:26px;border-radius:50%;border:2px solid var(--bg-secondary, #1e2128);background:var(--bg-tertiary, #323743);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:var(--text-primary, #f3f4f6);margin-left:-8px;position:relative}.result-title .member-preview-avatar:first-child{margin-left:0}.result-title .member-preview-avatar img{width:100%;height:100%;object-fit:cover}.result-title .member-preview-more{margin-left:6px;font-size:.75rem;color:var(--text-muted, #9ca3af);font-weight:500;white-space:nowrap}.result-title .btn-join-room,.result-title .btn-view-room,.result-title .btn-requested{display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;border-radius:8px;font-size:.8125rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:opacity .15s,background .15s;border:none;white-space:nowrap}.result-title .btn-join-room{background:var(--accent-primary, #22c55e);color:#fff}.result-title .btn-join-room:hover{opacity:.88;text-decoration:none;color:#fff}.result-title .btn-view-room{background:transparent;color:var(--accent-primary, #22c55e);border:1px solid rgba(34,197,94,.35)}.result-title .btn-view-room:hover{background:#22c55e1a;text-decoration:none;color:var(--accent-primary, #22c55e)}.result-title .btn-requested{background:transparent;color:var(--text-muted, #9ca3af);border:1px solid var(--border-color, rgba(50,55,67,.5));cursor:default;opacity:.75}@media (max-width: 560px){.result-title .room-card{gap:12px;padding:14px 16px}.result-title .room-card-footer{flex-direction:column;align-items:flex-start;gap:10px}.result-title .room-card-actions{align-self:flex-end}}.result-title .toast{position:fixed;top:1rem;right:1rem;z-index:1050;min-width:300px;max-width:500px;border-radius:8px;box-shadow:0 10px 25px -5px #00000040;animation:slideIn .3s ease-out}.result-title .toast-content{display:flex;align-items:center;padding:1rem;gap:.75rem}.result-title .toast-icon{font-size:1.125rem;font-weight:700;flex-shrink:0}.result-title .toast-message{flex:1;font-size:.875rem;font-weight:500}.result-title .toast-close{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .15s ease-in-out;flex-shrink:0}.result-title .toast-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.result-title .toast-success .toast-close:hover{background:#10b9811a}.result-title .toast-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.result-title .toast-error .toast-close:hover{background:#ef44441a}.result-title .toast-warning{background:#fffbeb;border:1px solid #fed7aa;color:#92400e}.result-title .toast-warning .toast-close:hover{background:#f59e0b1a}.result-title .toast-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.result-title .toast-info .toast-close:hover{background:#3b82f61a}@media (max-width: 768px){.result-title .toast{top:.5rem;right:.5rem;left:.5rem;min-width:0}}.result-title .room-post-create{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.result-title .post-create-prompt{display:flex;align-items:center;padding:16px;gap:12px;cursor:pointer;transition:background-color .2s}.result-title .post-create-prompt:hover{background-color:#f8f9fa}.result-title .user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.result-title .post-prompt-input{flex:1;padding:12px 16px;border:1px solid #e1e5e9;border-radius:24px;background:#f0f2f5;color:#65676b;cursor:pointer;outline:none;font-size:16px}.result-title .post-create-form{padding:16px}.result-title .form-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.result-title .posting-as{flex:1;font-weight:500;color:#333}.result-title .close-btn{background:none;border:none;font-size:18px;color:#65676b;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s}.result-title .close-btn:hover{background-color:#f0f2f5}.result-title .post-type-selector{display:flex;gap:8px;margin-bottom:16px;padding:8px;background:#f8f9fa;border-radius:8px}.result-title .post-type-selector button{flex:1;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:#65676b;cursor:pointer;font-size:14px;transition:all .2s}.result-title .post-type-selector button:hover{background:#e4e6ea}.result-title .post-type-selector button.active{background:#1877f2;color:#fff}.result-title .form-group{margin-bottom:16px}.result-title .title-input{width:100%;padding:12px 16px;border:1px solid #e1e5e9;border-radius:8px;font-size:16px;font-weight:500;outline:none;transition:border-color .2s}.result-title .title-input:focus{border-color:#1877f2}.result-title .content-textarea{width:100%;padding:12px 16px;border:1px solid #e1e5e9;border-radius:8px;font-size:14px;outline:none;resize:vertical;min-height:80px;font-family:inherit;transition:border-color .2s}.result-title .content-textarea:focus{border-color:#1877f2}.result-title .image-input{width:100%;padding:8px;border:1px dashed #e1e5e9;border-radius:8px;background:#f8f9fa;cursor:pointer}.result-title .image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:12px}.result-title .image-previews img{width:100%;height:100px;object-fit:cover;border-radius:8px;border:1px solid #e1e5e9}.result-title .youtube-input{width:100%;padding:12px 16px;border:1px solid #e1e5e9;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.result-title .youtube-input:focus{border-color:#1877f2}.result-title .poll-option-input{display:flex;align-items:center;gap:8px;margin-bottom:8px}.result-title .poll-option-input input{flex:1;padding:8px 12px;border:1px solid #e1e5e9;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.result-title .poll-option-input input:focus{border-color:#1877f2}.result-title .remove-option-btn{background:#ef44441a;color:var(--like-color);border:1px solid rgba(239,68,68,.3);border-radius:50%;width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;cursor:pointer;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;aspect-ratio:1 / 1;padding:0;line-height:1;transition:all .2s ease}.result-title .remove-option-btn:hover{background:#ef444433;border-color:#ef444480}.result-title .add-option-btn{background:#42b883;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px;margin-top:8px}.result-title .form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e1e5e9}.result-title .cancel-btn{padding:8px 16px;border:1px solid #e1e5e9;border-radius:6px;background:#fff;color:#65676b;cursor:pointer;font-size:14px;transition:background-color .2s}.result-title .cancel-btn:hover{background:#f0f2f5}.result-title .submit-btn{padding:8px 24px;border:none;border-radius:6px;background:#1877f2;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.result-title .submit-btn:hover{background:#166fe5}.result-title .submit-btn:disabled{background:#e4e6ea;color:#bcc0c4;cursor:not-allowed}@media (max-width: 768px){.result-title .post-type-selector{flex-wrap:wrap}.result-title .post-type-selector button{flex:1 1 45%;margin-bottom:4px}.result-title .image-previews{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.result-title .form-actions{flex-direction:column-reverse}.result-title .cancel-btn,.result-title .submit-btn{width:100%;padding:12px}}.result-title .post-card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a;display:flex;margin-bottom:10px}.result-title .post-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;border-color:#007bff}.result-title .post-card.pinned{border-color:#ffc107;box-shadow:0 2px 8px #ffc1074d}.result-title .post-vote-section{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:#f8f9fa;border-right:1px solid #e1e5e9;min-width:50px}.result-title .vote-arrow{font-size:18px;font-weight:700;color:#878a8c;-webkit-user-select:none;user-select:none;transition:color .2s}.result-title .vote-arrow.up:hover{color:#ff4500}.result-title .vote-arrow.down:hover{color:#7193ff}.result-title .vote-score{font-size:14px;font-weight:700;margin:4px 0;min-width:20px;text-align:center}.result-title .vote-score.positive{color:#ff4500}.result-title .vote-score.negative{color:#7193ff}.result-title .vote-score.neutral{color:#878a8c}.result-title .post-content{flex:1;padding:12px 16px}.result-title .post-header{margin-bottom:8px;display:flex;justify-content:space-between;align-items:flex-start}.result-title .post-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#6c757d;flex-wrap:wrap}.result-title .clickable-author{cursor:pointer;color:#06c;transition:color .2s ease}.result-title .clickable-author:hover{color:#049;text-decoration:underline}.result-title .post-actions{display:flex;gap:4px;align-items:center}.result-title .post-action-btn{background:none;border:none;padding:4px 6px;cursor:pointer;border-radius:4px;font-size:14px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.result-title .post-action-btn:hover{background-color:#f8f9fa}.result-title .post-action-btn.edit-btn:hover{background-color:#e7f3ff}.result-title .post-action-btn.delete-btn:hover{background-color:#fee}.result-title .post-type-badge{color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.result-title .post-author{color:#495057}.result-title .post-author strong{color:#007bff;font-weight:600}.result-title .post-date{color:#6c757d}.result-title .pinned-badge{background:#ffc107;color:#212529;padding:1px 4px;border-radius:3px;font-size:10px;font-weight:600}.result-title .post-title{font-size:16px;font-weight:600;color:#212529;margin-bottom:8px;line-height:1.3;word-wrap:break-word}.result-title .post-preview{margin-bottom:8px}.result-title .post-preview p{color:#495057;font-size:14px;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.result-title .post-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.result-title .tag-badge{background:#e9ecef;color:#495057;padding:2px 6px;border-radius:12px;font-size:11px;font-weight:500}.result-title .tag-more{color:#6c757d;font-size:11px;font-weight:500;font-style:italic}.result-title .post-stats{display:flex;gap:15px;font-size:12px;color:#6c757d}.result-title .stat-item span{display:flex;align-items:center;gap:4px}.result-title .post-images{margin:15px 0}.result-title .image-grid{display:grid;gap:8px;border-radius:8px;overflow:hidden}.result-title .image-grid:has(.image-container.single){grid-template-columns:1fr}.result-title .image-grid:not(:has(.image-container.single)){grid-template-columns:repeat(2,1fr)}.result-title .image-grid:has(.image-container:nth-child(3):last-child){grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.result-title .image-grid:has(.image-container:nth-child(3):last-child) .image-container:first-child{grid-row:1 / 3}.result-title .image-container{position:relative;background:#f8f9fa;border-radius:4px;overflow:hidden;aspect-ratio:16/9}.result-title .image-container.single{aspect-ratio:16/10;max-height:400px}.result-title .post-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.result-title .post-image:hover{transform:scale(1.02)}.result-title .image-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700}.result-title .post-video{margin:15px 0}.result-title .post-video-embed{border-radius:8px;overflow:hidden;max-width:100%}.result-title .post-poll{margin:15px 0}.result-title .post-poll .poll-component{margin:0;border:none;background:transparent;padding:0}@media (max-width: 768px){.result-title .post-card{flex-direction:column}.result-title .post-vote-section{flex-direction:row;justify-content:center;padding:8px;border-right:none;border-bottom:1px solid #e1e5e9}.result-title .vote-arrow{margin:0 8px}.result-title .vote-score{margin:0 8px;align-self:center}.result-title .post-content{padding:12px 15px}.result-title .post-meta{font-size:11px;gap:6px}.result-title .post-title{font-size:15px}.result-title .post-preview p{font-size:13px}.result-title .image-grid{grid-template-columns:1fr!important}.result-title .image-container{aspect-ratio:4/3}.result-title .image-container.single{aspect-ratio:16/9;max-height:250px}.result-title .post-video,.result-title .post-poll{margin:10px 0}}@media (max-width: 480px){.result-title .post-content{padding:10px 12px}.result-title .post-title{font-size:14px}.result-title .post-vote-section{padding:6px}}.result-title .room-posts{max-width:800px;margin:0 auto}.result-title .posts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 4px}.result-title .posts-header h3{margin:0;color:#333;font-size:24px;font-weight:600}.result-title .post-count{background:#f0f2f5;color:#65676b;padding:4px 12px;border-radius:16px;font-size:14px;font-weight:500}.result-title .posts-loading{display:flex;flex-direction:column;align-items:center;padding:48px 20px;color:#65676b}.result-title .loading-spinner{width:32px;height:32px;border:3px solid #f0f2f5;border-top:3px solid #1877f2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.result-title .posts-error{text-align:center;padding:48px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.result-title .posts-error p{color:#f02849;margin-bottom:16px}.result-title .retry-btn{background:#1877f2;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px;transition:background-color .2s}.result-title .retry-btn:hover{background:#166fe5}.result-title .no-posts{text-align:center;padding:64px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.result-title .no-posts-icon{font-size:48px;margin-bottom:16px;opacity:.6}.result-title .no-posts h4{margin:0 0 8px;color:#333;font-size:20px;font-weight:600}.result-title .no-posts p{margin:0;color:#65676b;font-size:16px}.result-title .posts-list{display:flex;flex-direction:column;gap:16px}@media (max-width: 768px){.result-title .room-posts{padding:0 16px}.result-title .posts-header{margin-bottom:16px}.result-title .posts-header h3{font-size:20px}.result-title .posts-list{gap:12px}}.result-title .room-detail{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.result-title .loading,.result-title .error{text-align:center;padding:40px;font-size:18px}.result-title .error{color:#e53e3e}.result-title .room-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-bottom:20px}.result-title .room-banner{position:relative;display:flex;align-items:flex-end;min-height:200px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px}.result-title .room-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.result-title .room-info{position:relative;z-index:2;background:#000000b3;padding:20px;border-radius:12px;flex:1}.result-title .room-name{font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.result-title .room-description{font-size:1.1rem;margin:0 0 15px;opacity:.95;line-height:1.5}.result-title .room-meta{display:flex;gap:20px;margin-bottom:15px;flex-wrap:wrap}.result-title .room-meta span{background:#fff3;padding:4px 12px;border-radius:20px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-title .room-tags{display:flex;gap:8px;flex-wrap:wrap}.result-title .tag{background:#ffffff4d;padding:4px 10px;border-radius:15px;font-size:.8rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-title .room-actions{padding:20px;text-align:right;background:#f8f9fa}.result-title .join-button,.result-title .leave-button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.result-title .join-button{background:#4299e1;color:#fff}.result-title .join-button:hover:not(:disabled){background:#3182ce;transform:translateY(-1px)}.result-title .leave-button{background:#e53e3e;color:#fff}.result-title .leave-button:hover:not(:disabled){background:#c53030;transform:translateY(-1px)}.result-title .join-button:disabled,.result-title .leave-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.result-title .auth-required{color:#718096;font-style:italic;margin:0;padding:10px 15px;background:#f7fafc;border-radius:8px;border-left:4px solid #4299e1}.result-title .owner-actions{display:flex;gap:10px;margin-top:15px;padding:15px 0;border-top:1px solid #e2e8f0}.result-title .edit-button{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:5px}.result-title .edit-button:hover{background:linear-gradient(135deg,#3182ce,#2c5282);transform:translateY(-1px)}.result-title .delete-button{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:5px}.result-title .delete-button:hover{background:linear-gradient(135deg,#c53030,#9c2626);transform:translateY(-1px)}.result-title .room-rules{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;margin-bottom:20px}.result-title .room-rules h3{margin:0 0 10px;color:#333;font-size:1.3rem}.result-title .room-rules p{margin:0;line-height:1.6;color:#555}.result-title .room-content{display:grid;grid-template-columns:1fr 350px;gap:20px}@media (max-width: 768px){.result-title .room-content{grid-template-columns:1fr}.result-title .room-name{font-size:2rem}.result-title .room-banner{flex-direction:column;align-items:stretch;text-align:center}.result-title .room-meta{justify-content:center}}.result-title .room-feed{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.result-title .room-feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.result-title .room-feed-header h3{margin:0;color:#333;font-size:1.3rem}.result-title .create-post-btn{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.result-title .create-post-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.result-title .create-post-btn:active{transform:translateY(0)}.result-title .placeholder{color:#718096;font-style:italic;text-align:center;padding:40px;background:#f7fafc;border-radius:8px;border:2px dashed #e2e8f0}.result-title .room-sidebar{display:flex;flex-direction:column;gap:20px}.result-title .members-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.result-title .members-section h3{margin:0 0 15px;color:#333;font-size:1.3rem}.result-title .members-list{display:flex;flex-direction:column;gap:10px}.result-title .member-item{padding:10px;background:#f7fafc;border-radius:8px;border-left:3px solid #4299e1}.result-title .member-info{display:flex;flex-direction:column;gap:4px}.result-title .member-username{font-weight:600;color:#333;font-size:1rem}.result-title .member-role{font-weight:500;color:#4299e1;text-transform:capitalize;font-size:.9rem}.result-title .member-joined{font-size:.8rem;color:#718096}.result-title .members-more{padding:10px;text-align:center;color:#718096;font-style:italic;background:#f7fafc;border-radius:8px}.result-title .rc-page{max-width:760px;margin:0 auto;padding:32px 20px 120px}.result-title .rc-header{margin-bottom:32px}.result-title .rc-header h1{font-size:26px;font-weight:700;color:var(--text-primary, #f3f4f6);margin:0 0 6px;padding-top:30px}.result-title .rc-header p{font-size:14px;color:var(--text-muted, #9ca3af);margin:0}.result-title .rc-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:10px;color:#f87171;padding:12px 16px;font-size:14px;margin-bottom:20px}.result-title .rc-form{display:flex;flex-direction:column;gap:16px}.result-title .rc-section{background:#1e2128;border:1px solid rgba(50,55,67,.7);border-radius:16px;overflow:hidden}.result-title .rc-section--accent{border-top:none}.result-title .rc-section-accent-bar{height:4px;background:linear-gradient(to right,rgba(34,197,94,.5),transparent)}.result-title .rc-section-body{padding:28px}.result-title .rc-section-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.result-title .rc-section-icon{display:flex;align-items:center;color:var(--accent-primary, #22c55e);flex-shrink:0}.result-title .rc-section-title{font-size:17px;font-weight:600;color:var(--text-primary, #f3f4f6);margin:0}.result-title .rc-section-subtitle{font-size:13px;color:var(--text-muted, #9ca3af);margin:0 0 22px;padding-left:30px}.result-title .rc-fields{display:flex;flex-direction:column;gap:22px;margin-top:18px}.result-title .rc-field{display:flex;flex-direction:column;gap:6px}.result-title .rc-field-labelrow{display:flex;align-items:center;justify-content:space-between}.result-title .rc-field-labelrow label,.result-title .rc-label{font-size:13px;font-weight:600;color:#bdc1ca;letter-spacing:.02em;margin:0}.result-title .rc-label-icon{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#bdc1ca}.result-title .rc-label-icon svg{color:var(--accent-primary, #22c55e)}.result-title .rc-optional{font-size:11px;font-weight:400;color:var(--text-muted, #9ca3af);background:#32374380;padding:2px 7px;border-radius:20px}.result-title .rc-char-count{font-size:11px;color:var(--text-muted, #9ca3af)}.result-title .rc-helper{font-size:12px;color:var(--text-muted, #9ca3af);margin:0}.result-title .rc-input,.result-title .rc-textarea{background:#171a1f;border:1px solid rgba(50,55,67,.8);border-radius:10px;color:var(--text-primary, #f3f4f6);font-size:14px;padding:11px 14px;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box;font-family:inherit}.result-title .rc-input:focus,.result-title .rc-textarea:focus{border-color:var(--accent-primary, #22c55e);box-shadow:0 0 0 3px #22c55e14}.result-title .rc-input::placeholder,.result-title .rc-textarea::placeholder{color:var(--text-muted, #9ca3af);opacity:.7}.result-title .rc-textarea{resize:vertical;min-height:100px}.result-title .rc-input--sm{max-width:240px}.result-title .rc-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-title .rc-sub-field{display:flex;flex-direction:column;gap:5px}.result-title .rc-sub-field label{font-size:12px;font-weight:500;color:var(--text-muted, #9ca3af)}.result-title .rc-image-row{display:flex;gap:20px;align-items:flex-start}.result-title .rc-dropzone{flex:1;min-height:120px;border:2px dashed rgba(50,55,67,.8);border-radius:12px;background:#171a1f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:border-color .2s;position:relative;padding:20px;box-sizing:border-box}.result-title .rc-dropzone:hover{border-color:var(--accent-primary, #22c55e)}.result-title .rc-dropzone--filled{padding:0;overflow:hidden}.result-title .rc-dropzone-icon{color:var(--text-muted, #9ca3af)}.result-title .rc-dropzone-primary{font-size:13px;font-weight:500;color:var(--accent-primary, #22c55e)}.result-title .rc-dropzone-hint{font-size:12px;color:var(--text-muted, #9ca3af)}.result-title .rc-dropzone-img{width:100%;height:100%;object-fit:cover;border-radius:10px}.result-title .rc-file-input{display:none}.result-title .rc-remove-img{position:absolute;top:8px;right:8px;background:#0009;border:none;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .15s}.result-title .rc-remove-img:hover{background:#ef4444cc}.result-title .rc-preview-thumb-wrap{display:flex;flex-direction:column;gap:6px;align-items:center}.result-title .rc-preview-label{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--text-muted, #9ca3af)}.result-title .rc-preview-thumb{width:100px;height:100px;border-radius:12px;overflow:hidden;background:#171a1f;border:1px solid rgba(50,55,67,.8)}.result-title .rc-preview-thumb img{width:100%;height:100%;object-fit:cover}.result-title .rc-preview-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#323743e6}.result-title .rc-slug-row{display:flex;align-items:center;background:#171a1f;border:1px solid rgba(50,55,67,.8);border-radius:10px;overflow:hidden}.result-title .rc-slug-prefix{padding:11px 12px 11px 14px;font-size:13px;color:var(--text-muted, #9ca3af);white-space:nowrap;border-right:1px solid rgba(50,55,67,.8);flex-shrink:0}.result-title .rc-slug-input{flex:1;background:transparent;border:none;outline:none;padding:11px 14px;font-size:14px;color:var(--text-primary, #f3f4f6);font-family:inherit;min-width:0}.result-title .rc-slug-input::placeholder{color:var(--text-muted, #9ca3af);opacity:.7}.result-title .rc-slug-status{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:12px;color:var(--accent-primary, #22c55e)}.result-title .rc-disc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.result-title .rc-disc-card{background:#171a1f;border:1.5px solid rgba(50,55,67,.7);border-radius:12px;padding:16px 14px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;gap:6px;color:var(--text-primary, #f3f4f6)}.result-title .rc-disc-card:hover{border-color:#22c55e66}.result-title .rc-disc-card--active{border-color:var(--accent-primary, #22c55e);background:#22c55e0f}.result-title .rc-disc-icon{color:var(--text-muted, #9ca3af);display:flex;align-items:center}.result-title .rc-disc-card--active .rc-disc-icon{color:var(--accent-primary, #22c55e)}.result-title .rc-disc-label{font-size:13px;font-weight:600;color:var(--text-primary, #f3f4f6)}.result-title .rc-disc-desc{font-size:11px;color:var(--text-muted, #9ca3af);line-height:1.5;margin:0}.result-title .rc-policy-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.result-title .rc-policy-btn{padding:9px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;background:#171a1f;border:1.5px solid rgba(50,55,67,.7);color:var(--text-muted, #9ca3af)}.result-title .rc-policy-btn:hover{border-color:#22c55e66;color:var(--text-primary, #f3f4f6)}.result-title .rc-policy-btn--active{background:#22c55e1a;border-color:var(--accent-primary, #22c55e);color:var(--accent-primary, #22c55e)}.result-title .rc-tag-input-wrap{display:flex;align-items:center;gap:10px;background:#171a1f;border:1px solid rgba(50,55,67,.8);border-radius:10px;padding:10px 14px;cursor:text;margin-top:14px;transition:border-color .15s}.result-title .rc-tag-input-wrap:focus-within{border-color:var(--accent-primary, #22c55e);box-shadow:0 0 0 3px #22c55e14}.result-title .rc-tag-search-icon{color:var(--text-muted, #9ca3af);flex-shrink:0}.result-title .rc-tag-input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--text-primary, #f3f4f6);font-family:inherit;min-width:0}.result-title .rc-tag-input::placeholder{color:var(--text-muted, #9ca3af);opacity:.7}.result-title .rc-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.result-title .rc-tag{display:inline-flex;align-items:center;gap:5px;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:var(--accent-primary, #22c55e);font-size:12px;font-weight:500;padding:4px 10px 4px 12px;border-radius:20px}.result-title .rc-tag-remove{background:none;border:none;cursor:pointer;color:inherit;padding:0;display:flex;align-items:center;opacity:.7;transition:opacity .15s}.result-title .rc-tag-remove:hover{opacity:1}.result-title .rc-preview-section{background:#1e2128;border:1px solid rgba(50,55,67,.7);border-radius:16px;padding:28px}.result-title .rc-preview-heading{display:flex;align-items:center;gap:8px;color:var(--text-primary, #f3f4f6);margin-bottom:4px}.result-title .rc-preview-heading svg{color:var(--accent-primary, #22c55e)}.result-title .rc-preview-heading h2{font-size:17px;font-weight:600;margin:0}.result-title .rc-preview-sub{font-size:13px;color:var(--text-muted, #9ca3af);margin:0 0 20px}.result-title .rc-preview-card{display:flex;gap:16px;background:#171a1f;border:1px solid rgba(50,55,67,.8);border-radius:14px;padding:18px;align-items:flex-start}.result-title .rc-preview-avatar{width:66px;height:66px;border-radius:14px;background:#22c55e2e;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:2px solid rgba(34,197,94,.25)}.result-title .rc-preview-avatar img{width:100%;height:100%;object-fit:cover}.result-title .rc-preview-avatar span{font-size:24px;font-weight:700;color:var(--accent-primary, #22c55e)}.result-title .rc-preview-info{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.result-title .rc-preview-name{font-size:16px;font-weight:700;color:var(--text-primary, #f3f4f6);margin:0}.result-title .rc-preview-location{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted, #9ca3af)}.result-title .rc-preview-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, #9ca3af)}.result-title .rc-preview-dot{opacity:.5}.result-title .rc-preview-desc{font-size:13px;color:#bdc1ca;line-height:1.55;margin:4px 0 0}.result-title .rc-preview-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.result-title .rc-preview-tag{font-size:11px;padding:3px 9px;border-radius:20px;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:var(--accent-primary, #22c55e)}.result-title .rc-footer{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#0d0f12f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(50,55,67,.6);padding:14px 28px;display:flex;align-items:center;justify-content:space-between}.result-title .rc-footer-cancel{background:none;border:none;color:var(--text-muted, #9ca3af);font-size:14px;font-weight:500;cursor:pointer;padding:8px 14px;border-radius:8px;transition:color .15s}.result-title .rc-footer-cancel:hover{color:var(--text-primary, #f3f4f6)}.result-title .rc-footer-right{display:flex;align-items:center;gap:10px}.result-title .rc-footer-draft{background:transparent;border:1.5px solid rgba(50,55,67,.9);border-radius:9px;color:var(--text-primary, #f3f4f6);font-size:14px;font-weight:500;padding:9px 18px;cursor:pointer;transition:border-color .15s,color .15s}.result-title .rc-footer-draft:hover:not(:disabled){border-color:#22c55e66;color:var(--accent-primary, #22c55e)}.result-title .rc-footer-draft:disabled{opacity:.4;cursor:not-allowed}.result-title .rc-footer-submit{display:flex;align-items:center;gap:7px;background:var(--accent-primary, #22c55e);border:none;border-radius:9px;color:#000;font-size:14px;font-weight:700;padding:9px 20px;cursor:pointer;transition:opacity .15s,box-shadow .15s;box-shadow:0 0 20px #22c55e40}.result-title .rc-footer-submit:hover:not(:disabled){opacity:.88;box-shadow:0 0 28px #22c55e66}.result-title .rc-footer-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@media (max-width: 600px){.result-title .rc-disc-grid,.result-title .rc-two-col{grid-template-columns:1fr}.result-title .rc-image-row,.result-title .rc-policy-row{flex-direction:column}.result-title .rc-footer{padding:12px 16px}}.result-title .room-create-page{max-width:800px;margin:0 auto;padding:20px;background:var(--background-color);min-height:calc(100vh - 120px)}.result-title .create-header,.result-title .create-room-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color);position:relative}.result-title .back-button{position:absolute;top:0;left:0;display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.result-title .back-button:hover{background:var(--hover-color);border-color:var(--primary-color);color:var(--primary-color)}.result-title .create-header h1{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:700}.result-title .create-header p{color:var(--text-secondary);font-size:16px;margin:0}.result-title .error-message{background:#ff6b6b;color:#fff;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500}.result-title .create-form{max-width:600px;margin:0 auto}.result-title .form-group label{display:block;margin-bottom:5px;color:var(--text-primary);font-weight:600;font-size:14px}.result-title .form-group input,.result-title .form-group textarea,.result-title .form-group select{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;background:var(--card-background);color:var(--text-primary);transition:border-color .2s}.result-title .form-group input:focus,.result-title .form-group textarea:focus,.result-title .form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1da1f21a}.result-title .form-group small{display:block;margin-top:5px;color:var(--text-secondary);font-size:12px}.result-title .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.result-title .form-group label input[type=checkbox]{width:auto;margin-right:8px}.result-title .form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.result-title .btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s;min-width:120px}.result-title .btn-primary{background:var(--primary-color);color:#fff}.result-title .btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1da1f24d}.result-title .btn-primary:disabled{background:var(--border-color);cursor:not-allowed;transform:none;box-shadow:none}.result-title .btn-secondary{background:var(--text-secondary);color:#fff}.result-title .btn-secondary:hover{background:var(--text-primary);transform:translateY(-1px)}@media (max-width: 768px){.result-title .room-create-page{padding:15px}.result-title .form-row{grid-template-columns:1fr;gap:15px}.result-title .form-actions{flex-direction:column}.result-title .create-header h1{font-size:24px}}.result-title .image-preview{position:relative;margin-top:10px;max-width:300px}.result-title .image-preview img{width:100%;height:200px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color)}.result-title .remove-image{position:absolute;top:8px;right:8px;background:#ffffffe6;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:16px;font-weight:700;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.result-title .remove-image:hover{background:#ff6b6b;color:#fff;transform:scale(1.1)}.result-title .location-label{display:flex;align-items:center;gap:6px;margin-bottom:4px!important}.result-title .location-label svg{color:var(--primary-color, #22c55e);flex-shrink:0}.result-title .label-optional{font-size:11px;font-weight:400;color:var(--text-secondary);text-transform:lowercase;margin-left:2px}.result-title .location-helper{display:block;margin-bottom:10px;color:var(--text-secondary);font-size:12px}.result-title .location-row{margin-bottom:0}.result-title .form-subgroup{display:flex;flex-direction:column;gap:4px}.result-title .form-subgroup label{display:flex;align-items:center;gap:4px;margin-bottom:0;color:var(--text-primary);font-weight:500;font-size:13px}.result-title .form-subgroup input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;background:var(--card-background);color:var(--text-primary);box-sizing:border-box;transition:border-color .2s}.result-title .form-subgroup input:focus{outline:none;border-color:var(--primary-color, #22c55e);box-shadow:0 0 0 3px #22c55e1a}.result-title .live-preview-section{margin-bottom:24px;padding:20px;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px}.result-title .live-preview-heading{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.result-title .live-preview-heading svg{color:var(--text-secondary)}.result-title .live-preview-sub{font-size:12px;color:var(--text-secondary);margin:0 0 16px}.result-title .preview-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--background-color);border:1px solid var(--border-color);border-radius:12px}.result-title .preview-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#323743,#262a33);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.result-title .preview-avatar img{width:100%;height:100%;object-fit:cover}.result-title .preview-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.result-title .preview-name{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.result-title .preview-location{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary)}.result-title .preview-location svg{flex-shrink:0;color:var(--primary-color, #22c55e)}.result-title .preview-meta{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-secondary)}.result-title .preview-meta svg{flex-shrink:0}.result-title .preview-dot{font-size:.6rem;color:var(--text-secondary)}.result-title .preview-description{font-size:.8125rem;color:var(--text-secondary);margin:2px 0 0;line-height:1.45}.result-title .form-group input[type=file]{padding:8px;border:2px dashed var(--border-color);border-radius:8px;background:var(--card-background);cursor:pointer;transition:all .2s ease}.result-title .form-group input[type=file]:hover{border-color:var(--primary-color);background:var(--background-color)}.result-title .settings-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border-color)}.result-title .tab-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.result-title .tab-button:hover{color:var(--text-primary);background:var(--hover-color)}.result-title .tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.result-title .form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.result-title .form-section:last-of-type{border-bottom:none}.result-title .form-section h3{color:var(--text-primary);font-size:18px;margin-bottom:16px;font-weight:600}.result-title .subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.result-title .members-management{padding:20px 0}.result-title .members-list-settings{display:flex;flex-direction:column;gap:12px}.result-title .member-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.result-title .member-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.result-title .member-info{flex:1}.result-title .member-details{display:flex;align-items:center;gap:12px;margin-bottom:4px}.result-title .member-details strong{color:var(--text-primary);font-size:16px}.result-title .member-role-badge{display:inline-block;padding:4px 12px;background:var(--primary-color);color:#fff;border-radius:12px;font-size:12px;font-weight:600}.result-title .member-info small{color:var(--text-secondary);font-size:13px}.result-title .member-actions{display:flex;align-items:center;gap:12px}.result-title .role-select{padding:6px 12px;background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.result-title .role-select:hover{border-color:var(--primary-color)}.result-title .btn-danger-small{padding:6px 12px;background:#ff6b6b;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.result-title .btn-danger-small:hover{background:#ff5252;transform:translateY(-1px)}.result-title .empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.result-title .empty-state svg{color:var(--text-secondary);opacity:.5;margin-bottom:16px}.result-title .empty-state h3{color:var(--text-primary);font-size:20px;margin-bottom:8px}.result-title .empty-state p{color:var(--text-secondary);font-size:14px}.result-title .room-moderation-page{max-width:900px;margin:0 auto;padding:20px}.result-title .moderation-header{margin-bottom:30px}.result-title .moderation-header h1{margin:10px 0;font-size:28px;font-weight:600}.result-title .moderation-header p{color:var(--text-secondary);margin:5px 0}.result-title .back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;transition:all .2s}.result-title .back-button:hover{background:var(--surface-hover);border-color:var(--border-hover)}.result-title .moderation-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid var(--border)}.result-title .moderation-tabs .tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:500;transition:all .2s;position:relative}.result-title .moderation-tabs .tab:hover{color:var(--text-primary);background:var(--surface-hover)}.result-title .moderation-tabs .tab.active{color:var(--primary);border-bottom-color:var(--primary)}.result-title .moderation-tabs .tab .badge{background:var(--primary);color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.result-title .moderation-content{margin-top:20px}.result-title .request-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;transition:all .2s}.result-title .request-card:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #0000001a}.result-title .request-info{flex:1}.result-title .user-info,.result-title .event-info{display:flex;flex-direction:column;gap:4px}.result-title .user-info strong,.result-title .event-info strong{font-size:16px;color:var(--text-primary)}.result-title .request-date,.result-title .submitter,.result-title .submit-date{font-size:13px;color:var(--text-secondary)}.result-title .request-message,.result-title .event-description{margin-top:8px;padding:8px;background:var(--background);border-radius:6px;font-size:14px;color:var(--text-secondary)}.result-title .request-actions{display:flex;gap:8px;margin-left:20px}.result-title .request-actions .btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.result-title .btn-approve{background:var(--success);color:#fff}.result-title .btn-approve:hover{background:var(--success-dark);transform:translateY(-1px)}.result-title .btn-reject{background:var(--danger);color:#fff}.result-title .btn-reject:hover{background:var(--danger-dark);transform:translateY(-1px)}.result-title .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.result-title .empty-state svg{opacity:.3;margin-bottom:16px}.result-title .empty-state p{font-size:16px}.result-title .error-message{background:var(--danger-light);color:var(--danger);padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.result-title .modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.result-title .modal-content{background:var(--surface);border-radius:12px;padding:24px;max-width:500px;width:100%;box-shadow:0 4px 24px #0003}.result-title .modal-content h3{margin:0 0 12px;font-size:20px;color:var(--text-primary)}.result-title .modal-content p{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.result-title .modal-content textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:14px;font-family:inherit;resize:vertical;margin-bottom:20px}.result-title .modal-content textarea:focus{outline:none;border-color:var(--primary)}.result-title .modal-actions{display:flex;gap:12px;justify-content:flex-end}.result-title .modal-actions .btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.result-title .modal-actions .btn-primary{background:var(--danger);color:#fff}.result-title .modal-actions .btn-primary:hover{background:var(--danger-dark)}.result-title .modal-actions .btn-secondary{background:var(--surface-hover);color:var(--text-primary);border:1px solid var(--border)}.result-title .modal-actions .btn-secondary:hover{background:var(--border)}.result-title :root[data-theme=dark] .request-card{background:var(--surface-dark)}.result-title :root[data-theme=dark] .modal-overlay{background:#000c}@media (max-width: 768px){.result-title .request-card{flex-direction:column;align-items:flex-start}.result-title .request-actions{margin-left:0;margin-top:12px;width:100%}.result-title .request-actions .btn{flex:1}}.result-title .up-content-area{display:flex;gap:32px;padding:32px 24px 48px;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box;align-items:flex-start}.result-title .up-main-col{flex:1;min-width:0}.result-title .up-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 24px;text-align:center;color:#bec2ca}.result-title .up-error{color:#ff6b6b}.result-title .up-back-btn{padding:8px 20px;border-radius:8px;background:#1e2128;border:1px solid #343842;color:#f9fafb;cursor:pointer;font-size:14px}.result-title .up-back-btn:hover{background:#2a2e38}.result-title .up-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1e2128;border:1px solid #343842;color:#f9fafb;padding:10px 20px;border-radius:8px;font-size:14px;z-index:1000;box-shadow:0 4px 12px #0006;animation:toastIn .2s ease}.result-title .up-profile-header{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}@media (min-width: 640px){.result-title .up-profile-header{flex-direction:row;gap:32px;align-items:flex-start}}.result-title .up-avatar-wrap{flex-shrink:0}.result-title .up-avatar-lg{width:128px!important;height:128px!important;border-radius:50%;border:4px solid #16181d;box-shadow:0 0 0 2px #343842,0 8px 24px #00000080;object-fit:cover;display:block}.result-title .up-avatar--initials{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;letter-spacing:.02em;flex-shrink:0;-webkit-user-select:none;user-select:none}.result-title .up-header-info{flex:1;min-width:0}.result-title .up-name-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.result-title .up-display-name{font-size:clamp(22px,4vw,30px);font-weight:700;letter-spacing:-.02em;color:#f9fafb;margin:0 0 4px;line-height:1.2}.result-title .up-sub-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;color:#bec2ca}.result-title .up-username{color:#f9fafb;font-weight:500}.result-title .up-dot{color:#4b5568}.result-title .up-location{display:flex;align-items:center;gap:3px}.result-title .up-loc-icon{color:#35bd10;font-size:15px}.result-title .up-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.result-title .up-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;outline:none;transition:opacity .15s,transform .1s;white-space:nowrap}.result-title .up-btn:active{transform:scale(.97)}.result-title .up-btn--primary{background:#52ec27;color:#144606}.result-title .up-btn--primary:hover:not(:disabled){opacity:.88}.result-title .up-btn--primary:disabled{opacity:.5;cursor:not-allowed}.result-title .up-btn--secondary{background:#1e2128;color:#f9fafb;border:1px solid #343842}.result-title .up-btn--secondary:hover{background:#252930}.result-title .up-btn--dimmed{background:#2a3520;color:#8aba72}.result-title .up-icon-btn{width:36px;height:36px;border-radius:8px;background:#1e2128;border:1px solid #343842;color:#bec2ca;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .15s}.result-title .up-icon-btn:hover{background:#252930;color:#f9fafb}.result-title .up-kebab-wrap{position:relative}.result-title .up-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:#1e2128;border:1px solid #343842;border-radius:10px;padding:6px 0;min-width:160px;z-index:100;box-shadow:0 8px 24px #00000080}.result-title .up-dropdown button{display:block;width:100%;padding:9px 16px;text-align:left;background:none;border:none;color:#f9fafb;font-size:13px;cursor:pointer;transition:background .12s}.result-title .up-dropdown button:hover{background:#252930}.result-title .up-dropdown-danger{color:#ff6b6b!important}.result-title .up-tags-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.result-title .up-activity-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#1e2128;border:1px solid #343842;border-radius:999px;font-size:12px;font-weight:600;color:var(--tag-color, #bec2ca);cursor:default}.result-title .up-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}@media (min-width: 640px){.result-title .up-stats-grid{grid-template-columns:repeat(4,1fr)}}.result-title .up-stat-card{background:#1e2128;border:1px solid #343842;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px}.result-title .up-stat-icon{font-size:18px;color:#52ec27;margin-bottom:4px}.result-title .up-stat-label{font-size:10px;font-weight:700;color:#bec2ca;text-transform:uppercase;letter-spacing:.08em}.result-title .up-stat-value{font-size:22px;font-weight:700;color:#f9fafb;line-height:1.1}.result-title .up-stat-unit{font-size:12px;color:#bec2ca}.result-title .up-badges-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 0;border-top:1px solid rgba(52,56,66,.5);border-bottom:1px solid rgba(52,56,66,.5);margin-bottom:24px}.result-title .up-badges-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.result-title .up-badges-icon{color:#52ec27;font-size:18px}.result-title .up-badges-label{font-size:11px;font-weight:700;color:#bec2ca;text-transform:uppercase;letter-spacing:.08em}.result-title .up-badges-list{display:flex;gap:6px;flex-wrap:wrap}.result-title .up-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#1e2128;border:1px solid #343842;border-radius:999px;font-size:12px;font-weight:600;color:#f9fafb}.result-title .up-view-all-btn{font-size:12px;font-weight:600;color:#52ec27;background:none;border:none;cursor:pointer;padding:0;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.result-title .up-view-all-btn:hover{opacity:.8}.result-title .up-tabs-bar{display:flex;gap:0;border-bottom:1px solid #343842;margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.result-title .up-tabs-bar::-webkit-scrollbar{display:none}.result-title .up-tab{padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#bec2ca;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s;margin-bottom:-1px}.result-title .up-tab:hover{color:#f9fafb}.result-title .up-tab--active{color:#f9fafb;font-weight:600;border-bottom-color:#52ec27}.result-title .up-feed{display:flex;flex-direction:column;gap:12px}.result-title .up-feed-empty{background:#1e2128;border:1px solid #343842;border-radius:16px;padding:40px 24px;text-align:center;color:#bec2ca;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:14px}.result-title .up-feed-card{background:#1e2128;border:1px solid #343842;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}.result-title .up-feed-card-header{display:flex;align-items:center;justify-content:space-between}.result-title .up-feed-card-meta{display:flex;flex-direction:column;gap:2px}.result-title .up-feed-action{font-size:13px;font-weight:500;color:#bec2ca}.result-title .up-feed-time{font-size:12px;color:#6b7280}.result-title .up-feed-content{font-size:14px;color:#e5e7eb;line-height:1.5;margin:0}.result-title .up-feed-meta-row{font-size:13px;color:#bec2ca;display:flex;align-items:center;gap:6px}.result-title .up-feed-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #26292e}.result-title .up-feed-comments{font-size:13px;color:#6b7280}.result-title .up-feed-action-btn{padding:7px 14px;border-radius:8px;border:1px solid #343842;background:#252930;color:#f9fafb;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.result-title .up-feed-action-btn:hover{background:#2a2e38}.result-title .up-feed-action-btn--joined{background:#1a2e14;border-color:#35bd10;color:#52ec27}.result-title .up-kebab-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:18px;padding:4px;border-radius:6px;display:flex;align-items:center}.result-title .up-kebab-btn:hover{color:#bec2ca;background:#252930}.result-title .up-about-section{display:flex;flex-direction:column;gap:24px}.result-title .up-about-block{background:#1e2128;border:1px solid #343842;border-radius:16px;padding:20px}.result-title .up-about-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#bec2ca;margin:0 0 12px}.result-title .up-about-text{font-size:14px;color:#d1d5db;line-height:1.6;margin:0;white-space:pre-wrap}.result-title .up-about-rows{display:flex;flex-direction:column;gap:10px}.result-title .up-about-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#d1d5db}.result-title .up-about-icon{color:#52ec27;font-size:16px;flex-shrink:0}.result-title .up-social-links{display:flex;flex-wrap:wrap;gap:8px}.result-title .up-social-link{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:#16181d;border:1px solid #343842;border-radius:8px;color:#52ec27;font-size:13px;font-weight:600;text-decoration:none;text-transform:capitalize;transition:background .15s}.result-title .up-social-link:hover{background:#1e2128}.result-title .up-social-platform{text-transform:capitalize}.result-title .up-right-sidebar{display:none;width:280px;flex-shrink:0;position:sticky;top:80px;flex-direction:column;gap:16px;align-self:flex-start}@media (min-width: 1200px){.result-title .up-right-sidebar{display:flex}}.result-title .up-sidebar-card{background:#1e2128;border:1px solid #343842;border-radius:16px;padding:18px}.result-title .up-sidebar-card--compact{padding:14px 18px}.result-title .up-sidebar-card-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.result-title .up-sidebar-header-icon{color:#52ec27;font-size:16px}.result-title .up-sidebar-card-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#bec2ca;margin:0}.result-title .up-sidebar-card-title--pad{margin-bottom:12px}.result-title .up-sidebar-tags{display:flex;flex-wrap:wrap;gap:6px}.result-title .up-sidebar-based-on{font-size:11px;color:#6b7280;margin:8px 0 0}.result-title .up-connections-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.result-title .up-connections-label{font-size:13px;font-weight:500;color:#f9fafb}.result-title .up-connections-empty{font-size:13px;color:#6b7280;padding:8px 0 4px}.result-title .up-sidebar-detail-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#bec2ca;padding:4px 0}.result-title .up-sidebar-icon{color:#52ec27;font-size:15px;flex-shrink:0}.result-title .up-feed-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.result-title .up-feed-card-top-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.result-title .up-feed-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.result-title .up-feed-badge--post{background:#52ec271f;color:#52ec27;border:1px solid rgba(82,236,39,.3)}.result-title .up-feed-badge--event{background:#6393ff1f;color:#7da4ff;border:1px solid rgba(99,147,255,.3)}.result-title .up-feed-badge--past{background:#bec2ca1a;color:#6b7280;border:1px solid #343842}.result-title .up-feed-title{font-size:15px;font-weight:600;color:#f9fafb;margin:0 0 6px;line-height:1.35}.result-title .up-feed-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.result-title .up-feed-tag{font-size:11px;color:#6b7280;background:#16181d;border:1px solid #2a2e38;border-radius:4px;padding:2px 6px;font-weight:500}.result-title .up-event-card-body{display:flex;gap:14px;align-items:flex-start;margin-bottom:10px}.result-title .up-event-date-block{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#16181d;border:1px solid #343842;border-radius:10px;padding:8px 12px;min-width:48px;text-align:center}.result-title .up-event-date-month{font-size:10px;font-weight:700;color:#52ec27;letter-spacing:.06em;line-height:1}.result-title .up-event-date-day{font-size:22px;font-weight:700;color:#f9fafb;line-height:1.1}.result-title .up-event-card-info{flex:1;min-width:0}.result-title .up-feed-event-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.result-title .up-event-meta-item{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#9ca3af}.result-title .up-feed-card--past{opacity:.75}.result-title .up-feed-card--past .up-event-date-month{color:#6b7280}.result-title .up-feed-card--past .up-event-date-day{color:#9ca3af}.result-title .up-feed-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 24px;color:#bec2ca;font-size:14px}.result-title .up-feed-error{background:#ff6b6b14;border:1px solid rgba(255,107,107,.3);border-radius:12px;padding:16px 20px;text-align:center;color:#ff6b6b;font-size:14px}.result-title .up-empty-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.result-title .up-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#52ec27;color:#144606;font-size:10px;font-weight:700;margin-left:5px;vertical-align:middle}.result-title .up-refresh-btn{margin-left:auto;background:none;border:none;color:#6b7280;cursor:pointer;font-size:18px;display:flex;align-items:center;padding:6px;border-radius:6px;transition:color .15s}.result-title .up-refresh-btn:hover:not(:disabled){color:#bec2ca}.result-title .up-refresh-btn:disabled{opacity:.4;cursor:not-allowed}.result-title .up-spin{animation:spin .8s linear infinite}.result-title .up-about-link{color:#52ec27;text-decoration:none;font-size:14px;overflow-wrap:break-word;word-break:break-all}.result-title .up-about-link:hover{text-decoration:underline}.result-title .up-sidebar-summary{display:flex;flex-direction:column;gap:8px}.result-title .up-sidebar-summary-row{display:flex;align-items:center;justify-content:space-between;font-size:13px}.result-title .up-sidebar-summary-label{color:#9ca3af}.result-title .up-sidebar-summary-value{color:#f9fafb;font-weight:600;font-size:14px}.result-title .activities-selector{width:100%}.result-title .selector-header{margin-bottom:14px}.result-title .selector-header h4{margin:0 0 10px;color:var(--text-primary, #f3f4f6);font-size:15px;font-weight:600}.result-title .search-and-filter-row{display:flex;gap:10px;align-items:center;margin-bottom:16px}.result-title .search-container{position:relative;flex:1;display:flex;align-items:center}.result-title .search-icon{position:absolute;left:10px;color:var(--text-muted, #9ca3af);pointer-events:none;display:flex;align-items:center}.result-title .activity-search{width:100%;padding:9px 12px 9px 34px;background:#000!important;border:1px solid #323743;border-radius:8px;font-size:14px;color:var(--text-primary, #f3f4f6)!important;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}.result-title .activity-search:focus{outline:none;border-color:#22c55e80;box-shadow:0 0 0 3px #22c55e1a}.result-title .activity-search::placeholder{color:#4b5260!important}.result-title .filter-container{display:flex;align-items:center;gap:10px}.result-title .category-filter{padding:9px 32px 9px 12px;background:#000;border:1px solid #323743;border-radius:8px;font-size:14px;color:var(--text-muted, #9ca3af);cursor:pointer;transition:border-color .18s;min-width:140px;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.result-title .category-filter:focus{outline:none;border-color:#22c55e80;box-shadow:0 0 0 3px #22c55e1a}.result-title .category-filter:disabled{opacity:.5;cursor:not-allowed}.result-title .category-filter option{background:#1e2128;color:var(--text-primary, #f3f4f6)}.result-title .filter-loading{font-size:13px;color:var(--text-muted, #9ca3af);font-style:italic}.result-title .clear-filters-btn{padding:7px 12px;background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:13px;cursor:pointer;transition:background .15s;white-space:nowrap}.result-title .clear-filters-btn:hover{background:#ef444440}.result-title .selected-preview,.result-title .selected-activities{margin-bottom:14px;padding:12px 14px;background:#22c55e0f;border:1px solid rgba(34,197,94,.2);border-radius:8px}.result-title .selected-preview h4,.result-title .selected-activities h5{margin:0 0 10px;color:var(--text-primary, #f3f4f6);font-size:13px;font-weight:600}.result-title .selected-tags,.result-title .activity-pills{display:flex;flex-wrap:wrap;gap:6px}.result-title .selected-tag,.result-title .activity-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#35bd1026;color:#4ade80;border:1px solid rgba(53,189,16,.35);border-radius:999px;font-size:13px;font-weight:500;transition:background .15s}.result-title .selected-tag:hover,.result-title .activity-pill:hover{background:#35bd1038}.result-title .pill-icon{width:14px;height:14px;border-radius:2px}.result-title .pill-name{white-space:nowrap}.result-title .remove-tag,.result-title .remove-pill{background:none;border:none;color:#4ade80;font-size:14px;font-weight:700;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s;opacity:.7}.result-title .remove-tag:hover,.result-title .remove-pill:hover{opacity:1;background:#ffffff1a}.result-title .activities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.result-title .activity-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 8px;background:#0d0f12;border:1px solid #323743;border-radius:10px;cursor:pointer;transition:border-color .18s,background .18s,transform .12s;text-align:center;min-height:90px;-webkit-user-select:none;user-select:none}.result-title .activity-tile:hover{border-color:#22c55e66;background:#22c55e0d;transform:translateY(-1px)}.result-title .activity-tile.selected{border-color:#35bd10;background:#35bd101a}.result-title .tile-icon{margin-bottom:6px;position:relative}.result-title .tile-icon img{width:28px;height:28px;border-radius:4px;filter:brightness(0) invert(1);opacity:.7}.result-title .activity-tile.selected .tile-icon img{filter:brightness(0) saturate(100%) invert(45%) sepia(66%) saturate(1148%) hue-rotate(70deg) brightness(97%) contrast(98%);opacity:1}.result-title .icon-fallback{width:28px;height:28px;border-radius:4px;background:#323743;color:var(--text-muted, #9ca3af);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.result-title .activity-tile.selected .icon-fallback{background:#35bd1033;color:#4ade80}.result-title .tile-name{font-size:12px;font-weight:500;color:var(--text-muted, #9ca3af);line-height:1.3;word-break:break-word;transition:color .15s}.result-title .activity-tile.selected .tile-name{color:var(--text-primary, #f3f4f6)}.result-title .tile-category{font-size:11px;color:#4b5260;font-weight:400;margin-top:2px}.result-title .activity-tile.selected .tile-category{color:#4ade80b3}.result-title .selected-indicator{position:absolute;top:6px;right:6px;width:18px;height:18px;background:#35bd10;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.result-title .loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:var(--text-muted, #9ca3af);gap:12px}.result-title .loading-spinner{width:28px;height:28px;border:3px solid #323743;border-top-color:var(--accent-primary, #22c55e);border-radius:50%;animation:as-spin .9s linear infinite}.result-title .error-message{text-align:center;padding:24px;color:#f87171;font-size:14px}.result-title .retry-btn,.result-title .retry-button{background:#dc262626;color:#f87171;border:1px solid rgba(220,38,38,.3);padding:7px 14px;border-radius:6px;font-size:13px;cursor:pointer;margin-top:10px;transition:background .15s}.result-title .retry-btn:hover,.result-title .retry-button:hover{background:#dc262640}.result-title .no-activities{text-align:center;padding:32px 16px;color:var(--text-muted, #9ca3af);font-size:14px}.result-title .clear-search{background:#323743;color:var(--text-primary, #f3f4f6);border:none;padding:7px 14px;border-radius:6px;font-size:13px;cursor:pointer;margin-top:10px;transition:background .15s}.result-title .clear-search:hover{background:#3d4454}.result-title .count-info{text-align:center;color:var(--text-muted, #9ca3af);font-size:13px;padding:8px 0 0;background:transparent;border:none;margin-top:8px}.result-title .pagination-container{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 8px;padding:10px 0 0;background:transparent;border-radius:0;border:none;border-top:1px solid rgba(50,55,67,.4)}.result-title .pagination-button{background:#262a33;color:var(--text-primary, #f3f4f6);border:1px solid #323743;padding:7px 16px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;min-width:90px}.result-title .pagination-button:hover:not(:disabled){background:#2d333f;border-color:#4b5260}.result-title .pagination-button:disabled{opacity:.35;cursor:not-allowed}.result-title .pagination-info{font-size:13px;color:var(--text-muted, #9ca3af);font-weight:500;padding:6px 14px;background:#0d0f12;border:1px solid #323743;border-radius:6px;min-width:100px;text-align:center}.result-title .load-more-container{display:flex;justify-content:center;margin:16px 0 4px}.result-title .load-more-button{background:#262a33;color:var(--text-primary, #f3f4f6);border:1px solid #323743;padding:9px 20px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;display:inline-flex;align-items:center;gap:6px}.result-title .load-more-button:hover:not(:disabled){background:#2d333f;border-color:#22c55e66}.result-title .load-more-button:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 640px){.result-title .activities-grid{grid-template-columns:repeat(3,1fr)}.result-title .search-and-filter-row{flex-wrap:wrap}.result-title .category-filter{min-width:unset;width:100%}.result-title .pagination-container{flex-wrap:wrap;gap:8px}.result-title .pagination-button{min-width:70px;padding:6px 10px;font-size:12px}.result-title .pagination-info{min-width:80px;font-size:12px}}@media (max-width: 420px){.result-title .activities-grid{grid-template-columns:repeat(2,1fr)}}.result-title .ep-page{min-height:100vh;background:var(--bg-primary, #0d0f12);color:var(--text-primary, #f3f4f6)}.result-title .ep-page .page-layout{display:flex;min-height:calc(100vh - var(--topbar-height, 60px));margin-top:var(--topbar-height, 60px)}.result-title .ep-page .main-content{flex:1;margin-left:var(--leftnav-width, 220px);padding:24px 20px;overflow-y:auto;transition:margin-left .25s ease}.result-title .ep-container{max-width:760px;margin:0 auto;padding-bottom:60px}.result-title .ep-alert{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px}.result-title .ep-alert--error{background:#dc26261f;color:#f87171;border:1px solid rgba(220,38,38,.3)}.result-title .ep-alert--success{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.result-title .ep-form{display:flex;flex-direction:column;gap:16px}.result-title .ep-section{background:var(--bg-secondary, #1e2128);border:1px solid rgba(50,55,67,.5);border-radius:14px;padding:24px}.result-title .ep-section__header{margin-bottom:18px}.result-title .ep-section__header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.result-title .ep-section__title{font-size:17px;font-weight:600;color:var(--text-primary, #f3f4f6);margin:0 0 16px}.result-title .ep-section__header .ep-section__title,.result-title .ep-section__header-row .ep-section__title{margin-bottom:4px}.result-title .ep-section__subtitle{font-size:13px;color:var(--text-muted, #9ca3af);margin:0}.result-title .ep-field{display:flex;flex-direction:column;margin-bottom:16px}.result-title .ep-field--last{margin-bottom:0}.result-title .ep-label{font-size:14px;font-weight:500;color:var(--text-primary, #f3f4f6);margin-bottom:6px}.result-title .ep-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.result-title .ep-label-row .ep-label{margin-bottom:0}.result-title .ep-optional{font-size:12px;color:var(--text-muted, #9ca3af);font-weight:400}.result-title .ep-required{color:#f87171}.result-title .ep-input,.result-title .ep-select,.result-title .ep-textarea{width:100%;padding:9px 12px;background:#000;border:1px solid #323743;border-radius:8px;color:var(--text-primary, #f3f4f6);font-size:14px;line-height:1.5;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}.result-title .ep-input:focus,.result-title .ep-select:focus,.result-title .ep-textarea:focus{outline:none;border-color:#22c55e80;box-shadow:0 0 0 3px #22c55e1f}.result-title .ep-input::placeholder,.result-title .ep-textarea::placeholder{color:#4b5260}.result-title .ep-input--disabled{background:#262a33;color:#bdc1ca;cursor:not-allowed;pointer-events:none}.result-title .ep-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:36px;cursor:pointer}.result-title .ep-select option{background:#1e2128;color:var(--text-primary, #f3f4f6)}.result-title .ep-textarea{resize:vertical;min-height:100px;font-family:inherit}.result-title .ep-hint{font-size:13px;color:var(--text-muted, #9ca3af);margin:6px 0 0;line-height:1.4}.result-title .ep-bio-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.result-title .ep-bio-footer .ep-hint{margin-top:0}.result-title .ep-char-count{font-size:12px;color:var(--text-muted, #9ca3af);white-space:nowrap;flex-shrink:0}.result-title .ep-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.result-title .ep-avatar-row{display:flex;gap:28px;align-items:flex-start}.result-title .ep-avatar-wrap{width:108px;height:108px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#323743;border:3px solid #000}.result-title .ep-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.result-title .ep-avatar-info{flex:1;display:flex;flex-direction:column;gap:10px;padding-top:6px}.result-title .ep-avatar-title{font-size:16px;font-weight:600;color:var(--text-primary, #f3f4f6);margin:0}.result-title .ep-avatar-actions{display:flex;gap:10px;flex-wrap:wrap}.result-title .ep-file-input{display:none}.result-title .ep-avatar-hint{font-size:13px;color:var(--text-muted, #9ca3af);margin:0;line-height:1.4}.result-title .ep-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;line-height:1;transition:background .15s,box-shadow .15s,transform .1s;text-decoration:none;white-space:nowrap}.result-title .ep-btn--secondary{background:#262a33;color:var(--text-primary, #f3f4f6);border:1px solid #323743}.result-title .ep-btn--secondary:hover{background:#2d333f;border-color:#4b5260}.result-title .ep-btn--danger-ghost{background:transparent;color:#ef4444;border:1px solid transparent}.result-title .ep-btn--danger-ghost:hover{background:#ef44441a;border-color:#ef44444d}.result-title .ep-count-badge{display:inline-flex;align-items:center;background:#262a33;border:1px solid #323743;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500;color:var(--text-muted, #9ca3af);white-space:nowrap;flex-shrink:0}.result-title .ep-privacy-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0}.result-title .ep-privacy-row--border{border-bottom:1px solid rgba(50,55,67,.5)}.result-title .ep-privacy-row:first-of-type{padding-top:0}.result-title .ep-privacy-row:last-of-type{padding-bottom:0}.result-title .ep-privacy-info{display:flex;gap:14px;align-items:flex-start;flex:1}.result-title .ep-privacy-icon{flex-shrink:0;color:var(--text-muted, #9ca3af);margin-top:2px}.result-title .ep-privacy-label{font-size:15px;font-weight:500;color:var(--text-primary, #f3f4f6);margin:0 0 3px}.result-title .ep-select--compact{width:180px;min-width:140px}.result-title .ep-toggle{position:relative;width:44px;height:24px;border-radius:999px;border:none;background:#323743;cursor:pointer;flex-shrink:0;transition:background .2s;padding:0}.result-title .ep-toggle--on{background:#35bd10}.result-title .ep-toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease;display:block}.result-title .ep-toggle--on .ep-toggle__thumb{transform:translate(20px)}.result-title .ep-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted, #9ca3af);gap:14px}.result-title .ep-loading__spinner{width:36px;height:36px;border:3px solid rgba(50,55,67,.8);border-top-color:var(--accent-primary, #22c55e);border-radius:50%;animation:ep-spin .9s linear infinite}.result-title .ep-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#1e2128f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #323743;border-radius:14px;padding:14px 20px;margin-top:16px}.result-title .ep-footer__message{font-size:13px;color:var(--text-muted, #9ca3af);margin:0;flex:1;min-width:0}.result-title .ep-footer__actions{display:flex;gap:10px;flex-shrink:0}.result-title .ep-footer__cancel{padding:9px 20px;background:transparent;border:1px solid #4b5260;border-radius:8px;color:var(--text-primary, #f3f4f6);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.result-title .ep-footer__cancel:hover:not(:disabled){background:#4b526040;border-color:#6b7280}.result-title .ep-footer__cancel:disabled{opacity:.5;cursor:not-allowed}.result-title .ep-footer__save{padding:9px 20px;background:#35bd10;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.result-title .ep-footer__save:hover:not(:disabled){background:#2ea60e}.result-title .ep-footer__save:disabled{background:#2a5c1e;opacity:.6;cursor:not-allowed}@media (max-width: 768px){.result-title .ep-page .main-content{margin-left:0;padding:16px 12px}.result-title .ep-grid-2{grid-template-columns:1fr;gap:0}.result-title .ep-avatar-row{flex-direction:column;align-items:center;text-align:center}.result-title .ep-avatar-actions{justify-content:center}.result-title .ep-footer{flex-direction:column;align-items:stretch;gap:10px}.result-title .ep-footer__actions{justify-content:flex-end}.result-title .ep-section__header-row{flex-direction:column;align-items:flex-start}.result-title .ep-privacy-row{flex-wrap:wrap;gap:12px}.result-title .ep-select--compact{width:100%;min-width:unset}}.result-title .entity-page{max-width:1200px;margin:0 auto;padding:24px}.result-title .entity-header{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;padding:32px;margin-bottom:24px}.result-title .entity-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.result-title .entity-identity{display:flex;gap:20px;flex:1}.result-title .entity-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--border-color);flex-shrink:0}.result-title .entity-avatar.placeholder{display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff}.result-title .entity-info{flex:1;min-width:0}.result-title .entity-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.result-title .entity-name{font-size:32px;font-weight:700;margin:0 0 8px;color:var(--text-primary);line-height:1.2}.result-title .entity-handle{font-size:16px;color:var(--text-secondary);margin:0 0 8px}.result-title .entity-tagline{font-size:16px;color:var(--text-primary);margin:0 0 12px;line-height:1.5}.result-title .entity-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;color:var(--text-secondary)}.result-title .meta-item{display:flex;align-items:center;gap:4px}.result-title .meta-item:before{content:"•";margin-right:4px}.result-title .meta-item:first-child:before{display:none}.result-title .entity-actions{display:flex;gap:12px;flex-shrink:0}.result-title .primary-action-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.result-title .primary-action-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.result-title .action-menu-container{position:relative}.result-title .action-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.result-title .action-menu-btn:hover{background:var(--bg-hover)}.result-title .action-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden}.result-title .action-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;text-align:left}.result-title .action-menu-item:hover{background:var(--bg-hover)}.result-title .menu-divider{height:1px;background:var(--border-color);margin:4px 0}.result-title .entity-summary{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.result-title .summary-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:20px;min-width:140px;text-align:center;flex:1;transition:all .2s}.result-title .summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.result-title .summary-card.primary{border-color:var(--primary-color)}.result-title .summary-card.success{border-color:#22c55e}.result-title .summary-card.warning{border-color:#f59e0b}.result-title .summary-card.info{border-color:#3b82f6}.result-title .summary-number{display:block;font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:6px;line-height:1}.result-title .summary-label{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.result-title .module-tabs{display:flex;background:var(--background-color);border-radius:12px;padding:6px;margin-bottom:24px;border:1px solid var(--border-color);overflow-x:auto;gap:4px}.result-title .module-tab{flex:1;min-width:120px;padding:12px 16px;border:none;background:none;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.result-title .module-tab:hover{background:var(--card-background);color:var(--text-primary)}.result-title .module-tab.active{background:var(--primary-color);color:#fff}.result-title .module-content{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:24px;min-height:400px}.result-title .module-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary)}@media (max-width: 768px){.result-title .entity-page{padding:16px}.result-title .entity-header{padding:20px}.result-title .entity-header-content{flex-direction:column}.result-title .entity-identity{flex-direction:column;align-items:center;text-align:center}.result-title .entity-actions{width:100%;justify-content:center}.result-title .entity-name{font-size:24px}.result-title .entity-summary{flex-direction:column}.result-title .summary-card{min-width:100%}.result-title .module-tabs{flex-wrap:nowrap;overflow-x:auto}.result-title .module-tab{flex:0 0 auto}}.result-title .posts-list,.result-title .events-list,.result-title .members-list{display:flex;flex-direction:column;gap:16px}.result-title .posts-list .post-item,.result-title .events-list .event-item,.result-title .members-list .member-item{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .2s ease}.result-title .posts-list .post-item:hover,.result-title .events-list .event-item:hover,.result-title .members-list .member-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.result-title .post-item h4,.result-title .event-item h4,.result-title .member-item h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.result-title .post-item p,.result-title .event-item p,.result-title .member-item p{margin:0 0 8px;font-size:14px;color:var(--text-secondary);line-height:1.5}.result-title .post-item p:last-child,.result-title .event-item p:last-child,.result-title .member-item p:last-child{margin-bottom:0}.result-title .member-item .member-role{display:inline-block;padding:4px 8px;background:var(--primary-color);color:#fff;border-radius:6px;font-size:12px;font-weight:500;margin-top:4px}.result-title .event-item .event-date{font-weight:600;color:var(--primary-color)}.result-title .module-loading{text-align:center;padding:32px;color:var(--text-secondary)}.result-title .module-empty{text-align:center;padding:32px;color:var(--text-secondary);font-style:italic}.result-title .crew-requests-page{width:100%;background:var(--background)}.result-title .crew-requests-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.result-title .crew-requests-header{margin-bottom:2rem}.result-title .crew-requests-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.result-title .crew-requests-header .subtitle{color:var(--text-secondary);font-size:1rem}.result-title .tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.result-title .tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;position:relative;bottom:-2px}.result-title .tab:hover{color:var(--text-primary);background:var(--hover-bg)}.result-title .tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.result-title .tab .badge{background:var(--primary-color);color:#fff;border-radius:12px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;min-width:20px;text-align:center}.result-title .requests-content{animation:fadeIn .3s ease}.result-title .requests-list{display:flex;flex-direction:column;gap:1rem}.result-title .crew-request-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:all .2s ease;position:relative}.result-title .crew-request-card:hover{border-color:var(--primary-color-light);box-shadow:0 4px 12px #00000014}.result-title .request-date-badge{position:absolute;top:1rem;right:1rem;background:var(--background);color:var(--text-secondary);font-size:.75rem;padding:.25rem .5rem;border-radius:6px;transition:all .2s ease}.result-title .request-date-badge:hover{background:var(--card-bg);color:var(--text-primary)}.result-title .request-user-info{display:flex;gap:1rem;align-items:center;flex:1}.result-title .request-avatar,.result-title .request-avatar-placeholder{width:56px;height:56px;border-radius:50%;flex-shrink:0}.result-title .request-avatar{object-fit:cover}.result-title .request-avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--border-color)}.result-title .request-avatar-placeholder .avatar-initial{font-size:24px;font-weight:600}.result-title .request-details{flex:1;min-width:0}.result-title .request-details h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.result-title .request-details .username{color:var(--text-secondary);font-size:.875rem;margin:.125rem 0 0}.result-title .request-message{color:var(--text-primary);font-size:.875rem;margin:.5rem 0;font-style:italic}.result-title .request-date{color:var(--text-tertiary);font-size:.75rem;margin-top:.5rem}.result-title .request-actions{display:flex;gap:.75rem;flex-shrink:0}.result-title .request-actions button{padding:0 .75rem;height:36px;border:none;border-radius:6px;font-size:.875rem;line-height:22px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;white-space:nowrap;opacity:1}.result-title .request-actions button svg{width:20px;height:20px}.result-title .request-actions button:disabled{opacity:.4}.result-title .btn-accept{background:var(--success-color);color:#f3f4f6}.result-title .btn-accept:hover,.result-title .btn-accept:active{background:var(--success-color-dark);color:#f3f4f6}.result-title .btn-decline,.result-title .btn-cancel{background:var(--error-color);color:#f3f4f6}.result-title .btn-decline:hover,.result-title .btn-cancel:hover,.result-title .btn-decline:active,.result-title .btn-cancel:active{background:var(--error-color-dark);color:#f3f4f6}.result-title .empty-state,.result-title .loading-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.result-title .empty-state svg,.result-title .loading-state svg{color:var(--text-tertiary);margin-bottom:1rem}.result-title .loading-state .loading-icon{animation:spin 2s linear infinite}.result-title .empty-state h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.result-title .empty-state p{color:var(--text-secondary);font-size:.875rem}@media (max-width: 768px){.result-title .crew-requests-page{padding:1rem .5rem}.result-title .crew-request-card{flex-direction:column;align-items:stretch}.result-title .request-user-info{margin-bottom:1rem}.result-title .request-actions{width:100%}.result-title .request-actions button{flex:1;justify-content:center}.result-title .crew-requests-header h1{font-size:1.5rem}}.result-title .write-guard-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.result-title .write-guard-modal{background:#1f2937;border:1px solid #374151;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px #00000080}.result-title .write-guard-modal.large{max-width:700px}.result-title .write-guard-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;z-index:10}.result-title .write-guard-modal-close:hover{background:#4b556380;color:#f3f4f6}.result-title .write-guard-modal-content{padding:40px 32px 32px;text-align:center}.result-title .write-guard-icon{width:80px;height:80px;margin:0 auto 24px;background:#3b82f61a;border:2px solid rgba(59,130,246,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#60a5fa}.result-title .write-guard-modal-content h2{color:#f9fafb;margin:0 0 12px;font-size:24px;font-weight:600}.result-title .write-guard-modal-content p{color:#d1d5db;margin:0 0 32px;line-height:1.6;font-size:16px}.result-title .write-guard-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.result-title .primary-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:140px}.result-title .primary-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.result-title .primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.result-title .secondary-button{background:transparent;color:#9ca3af;border:2px solid #4b5563;padding:10px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.result-title .secondary-button:hover{border-color:#6b7280;color:#d1d5db;background:#4b556333}.result-title .email-info{background:#1f2937cc;border:1px solid #374151;border-radius:12px;padding:20px;margin:24px 0;text-align:left}.result-title .email-info p{margin:8px 0;color:#d1d5db}.result-title .email-info strong{color:#f3f4f6}.result-title .profile-form,.result-title .event-bundle-form,.result-title .username-form{text-align:left}.result-title .form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #374151}.result-title .form-section:last-of-type{border-bottom:none;margin-bottom:24px}.result-title .form-section h3{color:#f3f4f6;margin:0 0 20px;font-size:18px;font-weight:600}.result-title .form-group{margin-bottom:20px}.result-title .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-title .form-row.three-col{grid-template-columns:1fr 1fr 1fr}.result-title .form-group label{display:block;color:#f3f4f6;margin-bottom:6px;font-weight:500;font-size:14px}.result-title .form-group input,.result-title .form-group select{width:100%;background:#374151;border:2px solid #4b5563;border-radius:8px;padding:12px 16px;color:#f3f4f6;font-size:16px;transition:all .2s ease}.result-title .form-group input:focus,.result-title .form-group select:focus{outline:none;border-color:#60a5fa;background:#4b5563}.result-title .form-group input.error,.result-title .form-group select.error{border-color:#ef4444}.result-title .error-text{display:block;color:#ef4444;font-size:14px;margin-top:4px}.result-title .success-text{display:block;color:#22c55e;font-size:14px;margin-top:4px}.result-title .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;margin:16px 0;text-align:center}.result-title .checkbox-group{margin-bottom:16px}.result-title .checkbox-label{display:flex;align-items:flex-start;gap:12px;color:#d1d5db;cursor:pointer;line-height:1.5;font-size:14px}.result-title .checkbox-label input[type=checkbox]{display:none}.result-title .checkmark{width:20px;height:20px;background:#374151;border:2px solid #4b5563;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-top:2px}.result-title .checkbox-label input[type=checkbox]:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.result-title .checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.result-title .checkbox-label a{color:#60a5fa;text-decoration:none}.result-title .checkbox-label a:hover{text-decoration:underline}.result-title .username-input-container{position:relative;display:flex;align-items:center}.result-title .username-prefix{position:absolute;left:16px;color:#9ca3af;font-weight:500;z-index:1}.result-title .username-input-container input{padding-left:40px;padding-right:50px}.result-title .availability-indicator{position:absolute;right:16px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.result-title .availability-indicator.checking{color:#fbbf24;animation:spin 1s linear infinite}.result-title .availability-indicator.available{color:#22c55e}.result-title .availability-indicator.unavailable{color:#ef4444}.result-title .username-suggestions{background:#1f2937cc;border:1px solid #374151;border-radius:12px;padding:16px;margin:16px 0}.result-title .username-suggestions p{margin:0 0 12px;color:#d1d5db;font-size:14px}.result-title .suggestion-buttons{display:flex;gap:8px;flex-wrap:wrap}.result-title .suggestion-button{background:#4b5563;border:1px solid #6b7280;color:#e5e7eb;padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.result-title .suggestion-button:hover{background:#6b7280;border-color:#9ca3af}.result-title .username-rules{background:#1f2937cc;border:1px solid #374151;border-radius:12px;padding:16px;margin:20px 0}.result-title .username-rules h4{color:#f3f4f6;margin:0 0 12px;font-size:14px;font-weight:600}.result-title .username-rules ul{margin:0;padding-left:20px;color:#d1d5db}.result-title .username-rules li{margin-bottom:4px;font-size:14px}.result-title .help-text{margin-top:24px;padding-top:20px;border-top:1px solid #374151}.result-title .help-text p{color:#9ca3af;font-size:14px;margin:0;line-height:1.5}.result-title .help-text a{color:#60a5fa;text-decoration:none}.result-title .help-text a:hover{text-decoration:underline}@media (max-width: 768px){.result-title .write-guard-modal-overlay{padding:16px}.result-title .write-guard-modal-content{padding:32px 24px 24px}.result-title .write-guard-actions{flex-direction:column}.result-title .primary-button,.result-title .secondary-button{width:100%}.result-title .form-row{grid-template-columns:1fr;gap:12px}.result-title .form-row.three-col{grid-template-columns:1fr}.result-title .username-input-container input{padding-left:35px;padding-right:45px}.result-title .username-prefix{left:12px}.result-title .availability-indicator{right:12px}}@media (max-width: 480px){.result-title .write-guard-modal{max-height:95vh}.result-title .write-guard-modal-content{padding:24px 20px 20px}.result-title .write-guard-modal-content h2{font-size:20px}.result-title .suggestion-buttons{flex-direction:column}.result-title .suggestion-button{width:100%;text-align:center}}.result-title .event-signup-container{max-width:1200px;margin:2rem auto;padding:0 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.result-title .event-selection{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem}.result-title .events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem}.result-title .event-card-selection{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .15s ease-in-out}.result-title .event-card-selection:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.result-title .event-card-selection .event-header{margin-bottom:1rem}.result-title .event-card-selection .event-header h3{margin:0 0 .5rem;color:#000;font-size:1.25rem}.result-title .activity-name{background-color:#e0e7ff;color:#3730a3;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.result-title .event-card-selection .event-details p{margin:.5rem 0;color:#4b5563;font-size:.875rem}.result-title .event-description{font-style:italic;color:#6b7280!important}.result-title .select-event-btn{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .15s ease-in-out;margin-top:1rem;width:100%}.result-title .select-event-btn:hover{background:#2563eb}.result-title .signup-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.result-title .selected-event-header{margin-bottom:2rem}.result-title .back-btn{background:#6b7280;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;margin-bottom:1rem;transition:background-color .15s ease-in-out}.result-title .back-btn:hover{background:#4b5563}.result-title .selected-event-info h2{margin:0 0 .5rem;color:#000;font-size:1.5rem}.result-title .selected-event-info p{margin:0;color:#6b7280;font-size:.875rem}.result-title .signup-title{text-align:center;margin:0 0 2rem;color:#000;font-size:1.875rem;font-weight:700}.result-title .signup-form{display:flex;flex-direction:column;gap:1.5rem}.result-title .form-group label{margin-bottom:.5rem;font-weight:600;color:#666;font-size:.875rem}.result-title .form-group input,.result-title .form-group select{padding:.75rem;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.result-title .form-group input:focus,.result-title .form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.result-title .form-group input::placeholder{color:#9ca3af}.result-title .submit-btn{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .15s ease-in-out;margin-top:.5rem}.result-title .submit-btn:hover:not(:disabled){background:#2563eb}.result-title .submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.result-title .error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.result-title .confirmation-message{text-align:center;padding:2rem 1rem}.result-title .success-icon{font-size:3rem;color:#10b981;margin-bottom:1rem}.result-title .confirmation-message h3{color:#065f46;margin:0 0 1rem;font-size:1.5rem}.result-title .confirmation-message p{color:#6b7280;margin:0 0 2rem;font-size:1rem}.result-title .new-rsvp-btn{background:#10b981;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .15s ease-in-out}.result-title .new-rsvp-btn:hover{background:#059669}.result-title .rsvp-list-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem}.result-title .rsvp-list-container h3{margin:0 0 1rem;color:#000;font-size:1.25rem;font-weight:600}.result-title .rsvp-list{display:grid;gap:.5rem}.result-title .rsvp-item{display:flex;align-items:center;padding:.75rem;background:#f9fafb;border-radius:6px;border-left:4px solid #3b82f6}.result-title .rsvp-position{color:#6b7280;font-size:.875rem;margin-left:.5rem}@media (max-width: 768px){.result-title .event-signup-container{margin:1rem auto;padding:0 .5rem}.result-title .signup-card,.result-title .rsvp-list-container{padding:1.5rem}.result-title .signup-title{font-size:1.5rem}}.result-title .submit-btn:disabled{position:relative}.result-title .submit-btn:disabled:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}.result-title .activity-admin{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:calc(100vh - 200px)}.result-title .page-header{text-align:center;margin-bottom:2rem;padding:1.5rem 0;background:#fffffff2;border-radius:12px;box-shadow:0 4px 16px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-title .page-header h1{margin:0;color:#000;font-size:2.5rem;font-weight:700}.result-title .admin-controls{background:#fffffff2;padding:1.5rem;border-radius:12px;box-shadow:0 4px 16px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.result-title .search-and-filters{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%}.result-title .search-bar{width:100%;max-width:600px}.result-title .filters{display:flex;align-items:center;gap:1rem;justify-content:center;flex-wrap:wrap}.result-title .filter-group{display:flex;align-items:center;gap:.5rem}.result-title .filter-group label{font-size:.875rem;font-weight:500;color:#666;white-space:nowrap}.result-title .filter-select{padding:.5rem .75rem;border:2px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;color:#666;cursor:pointer;transition:all .15s ease-in-out;min-width:140px}.result-title .filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.result-title .filter-select:hover{border-color:#9ca3af}.result-title .clear-filters-btn{padding:.5rem 1rem;background:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out}.result-title .clear-filters-btn:hover{background:#4b5563;transform:translateY(-1px)}.result-title .sort-controls{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.result-title .sort-controls label{font-weight:500;color:#666;margin-right:.75rem}.result-title .sort-btn{padding:.5rem .75rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .15s ease-in-out;color:#666}.result-title .sort-btn:hover{background:#e5e7eb;border-color:#9ca3af}.result-title .sort-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.result-title .sort-btn.active:hover{background:#2563eb}.result-title .search-input{width:100%;padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.result-title .loading-spinner{display:flex;justify-content:center;align-items:center;height:400px;font-size:1.25rem;color:#fff;text-align:center;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:1200px;box-sizing:border-box}.result-title .activities-list{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.result-title .no-activities{text-align:center;padding:3rem 1rem;color:#6b7280;font-size:1.125rem;background:#ffffffe6;border-radius:12px;border:2px dashed #d1d5db}.result-title .activity-card{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem!important;display:flex!important;align-items:flex-start!important;transition:all .15s ease-in-out;border:1px solid rgba(255,255,255,.2);gap:1.5rem!important}.result-title .activity-card:hover{box-shadow:0 16px 48px #00000026;transform:translateY(-2px)}.result-title .activity-main-content{display:flex!important;align-items:flex-start!important;gap:1.5rem!important;flex:1!important;padding:0!important}.result-title .activity-icon{flex:0 0 auto!important;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px}.result-title .icon-thumbnail{max-width:60px;max-height:60px;object-fit:contain}.result-title .no-icon{color:#9ca3af;font-size:.875rem;text-align:center}.result-title .activity-details{flex:1 1 auto!important;min-width:0;text-align:left}.result-title .activity-name{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#000;text-align:left}.result-title .activity-description{margin:0 0 .5rem;color:#6b7280;line-height:1.5;text-align:left}.result-title .activity-category{margin:.5rem 0;font-size:.875rem;color:#6b7280;text-align:left}.result-title .activity-tags,.result-title .activity-roles{margin:.5rem 0;font-size:.875rem;color:#6b7280;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;text-align:left}.result-title .activity-status{margin:.5rem 0;font-size:.875rem;color:#6b7280;display:flex;align-items:center;gap:.5rem;text-align:left}.result-title .activity-actions{display:flex!important;flex-direction:column!important;gap:.75rem!important;padding:0!important;border:none!important;background:none!important;flex:0 0 auto!important;min-width:140px!important;max-width:140px!important}.result-title .edit-form{display:flex;flex-direction:column;gap:1rem}.result-title .edit-input{padding:.75rem;border:2px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.result-title .edit-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.result-title .name-input{font-weight:600;font-size:1rem}.result-title .description-input{resize:vertical;min-height:80px}.result-title .category-input,.result-title .tags-input,.result-title .roles-input{font-size:.875rem}.result-title .checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#666;cursor:pointer}.result-title .edit-checkbox{width:18px;height:18px;cursor:pointer}.result-title .activity-category{margin:.5rem 0;font-size:.875rem;color:#6b7280}.result-title .activity-tags,.result-title .activity-roles{margin:.5rem 0;font-size:.875rem;color:#6b7280;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.result-title .tag{background-color:#e5e7eb;color:#666;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.result-title .role{background-color:transparent!important;color:#666!important;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid #d1d5db}.result-title .activity-status{margin:.5rem 0;font-size:.875rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.result-title .status{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.result-title .status.active{background-color:#d1fae5;color:#065f46}.result-title .status.inactive{background-color:#fee2e2;color:#991b1b}.result-title .action-btn.delete-btn{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;color:#fff!important;border:none}.result-title .action-btn.delete-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626)!important;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.result-title .action-btn.delete-btn:active{transform:translateY(0)}.result-title .activity-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.result-title .action-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out}.result-title .edit-btn{background:#3b82f6;color:#fff}.result-title .edit-btn:hover{background:#2563eb}.result-title .icon-btn{background:#10b981;color:#fff}.result-title .icon-btn:hover{background:#059669}.result-title .save-btn{background:#059669;color:#fff}.result-title .save-btn:hover{background:#047857}.result-title .cancel-btn{background:#6b7280;color:#fff}.result-title .cancel-btn:hover{background:#4b5563}.result-title .activity-admin-content .pagination-container,.result-title .admin-activities-page .pagination-container{display:flex;justify-content:space-between;align-items:center;margin:2rem auto 0;padding:1.5rem;background:#fffffff2;border-radius:12px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;flex-wrap:wrap;gap:1rem;max-width:1200px;width:100%;box-sizing:border-box}.result-title .pagination-info{font-size:.875rem;color:#6b7280;font-weight:500}.result-title .pagination{display:flex;justify-content:center;align-items:center;gap:.5rem}.result-title .pagination-btn{padding:.5rem .75rem;border:1px solid #d1d5db;background:#f9fafb;color:#666;border-radius:6px;cursor:pointer;transition:all .15s ease-in-out;font-size:.875rem;font-weight:500}.result-title .pagination-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af;color:#000}.result-title .pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6;color:#9ca3af}.result-title .pagination-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.result-title .pagination-btn.active:hover{background:#2563eb;border-color:#2563eb}.result-title .page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#666}.result-title .page-size-select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#666;font-size:.875rem;margin:0 .5rem}@media (max-width: 768px){.result-title .activity-admin{padding:1rem}.result-title .page-header h1{font-size:2rem}.result-title .admin-controls{padding:1rem}.result-title .controls-section{gap:1rem}.result-title .search-and-filters{flex-direction:column;align-items:stretch;gap:1rem}.result-title .search-bar{min-width:0;flex:display}.result-title .filters,.result-title .sort-controls{justify-content:center}.result-title .activity-admin-content .pagination-container,.result-title .admin-activities-page .pagination-container{flex-direction:column;text-align:center;gap:1rem;padding:1rem}.result-title .pagination{flex-wrap:wrap;justify-content:center}.result-title .page-size-selector{justify-content:center}.result-title .activity-card{padding:0!important}.result-title .activity-main-content{flex-direction:column;align-items:center;text-align:center;width:100%;padding:1.5rem!important}.result-title .activity-details,.result-title .activity-name,.result-title .activity-description,.result-title .activity-category{text-align:center}.result-title .activity-tags,.result-title .activity-roles,.result-title .activity-status{justify-content:center;text-align:center}.result-title .activity-actions{flex-direction:row;justify-content:center;width:100%}.result-title .action-btn{min-width:0;max-width:120px}.result-title .pagination{flex-wrap:wrap}}.result-title .modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.result-title .modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:95vw;max-height:90vh;overflow-y:auto;position:relative}.result-title .role-config-modal{width:100%;max-width:1000px}.result-title .action-btn.roles-btn{background:#9c27b0;border-color:#9c27b0}.result-title .action-btn.roles-btn:hover{background:#7b1fa2;border-color:#7b1fa2;transform:translateY(-2px)}.result-title .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.result-title .icon-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #00000040;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column}.result-title .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.result-title .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#000}.result-title .close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .15s ease-in-out}.result-title .search-controls{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:center}.result-title .search-input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;color:#000;transition:border-color .15s ease-in-out}.result-title .search-input::placeholder{color:#9ca3af}.result-title .search-btn,.result-title .clear-btn{padding:.75rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;font-size:.875rem}.result-title .search-btn{background:#3b82f6;color:#fff;min-width:100px}.result-title .search-btn:hover:not(:disabled){background:#2563eb}.result-title .search-btn:disabled{background:#9ca3af;cursor:not-allowed}.result-title .clear-btn{background:#6b7280;color:#fff}.result-title .clear-btn:hover{background:#4b5563}.result-title .search-info{margin:0;font-size:.875rem;color:#6b7280}.result-title .search-hint{color:#9ca3af;font-size:.875rem;margin-top:.5rem}.result-title .modal-content{flex:1;overflow-y:auto;padding:1.5rem}.result-title .loading-container,.result-title .error-container,.result-title .no-icons{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.result-title .loading-spinner{color:#6b7280;font-size:1rem}.result-title .error-message{color:#dc2626;margin-bottom:1rem}.result-title .retry-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;transition:background-color .15s ease-in-out}.result-title .retry-btn:hover{background:#2563eb}.result-title .no-icons p{color:#6b7280;margin:0}.result-title .icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.result-title .icon-option{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:1rem;cursor:pointer;transition:all .15s ease-in-out;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:120px}.result-title .icon-option:hover{border-color:#3b82f6;background:#eff6ff}.result-title .icon-option.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.result-title .icon-image{width:48px;height:48px;object-fit:contain;margin-bottom:.5rem}.result-title .icon-info{display:flex;flex-direction:column;gap:.25rem}.result-title .icon-term{font-weight:500;color:#000;font-size:.875rem}.result-title .icon-attribution{color:#6b7280;font-size:.75rem}.result-title .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.result-title .cancel-btn,.result-title .select-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .15s ease-in-out}.result-title .cancel-btn{background:#f3f4f6;color:#666;border:1px solid #d1d5db}.result-title .select-btn{background:#3b82f6;color:#fff}.result-title .select-btn:hover:not(:disabled){background:#2563eb}.result-title .select-btn:disabled{background:#9ca3af;cursor:not-allowed}.result-title .tab-section{border-bottom:1px solid #e5e7eb;background:#f9fafb}.result-title .tab-buttons{display:flex;padding:0 1.5rem}.result-title .tab-btn{background:none;border:none;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease-in-out}.result-title .tab-btn:hover{color:#666;background:#ffffff80}.result-title .tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#fff}.result-title .upload-section{padding:2rem 1.5rem}.result-title .upload-area{display:flex;flex-direction:column;gap:1.5rem}.result-title .upload-instructions h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#000}.result-title .upload-instructions p{margin:0 0 1rem;color:#6b7280;line-height:1.5}.result-title .upload-requirements{margin:0;padding:0 0 0 1.5rem;color:#6b7280;font-size:.875rem}.result-title .upload-requirements li{margin-bottom:.25rem}.result-title .file-upload-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.result-title .file-input{display:none}.result-title .file-upload-label{display:inline-block;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .15s ease-in-out;border:2px dashed transparent}.result-title .file-upload-label:hover{background:#2563eb;transform:translateY(-1px)}.result-title .file-upload-label:active{transform:translateY(0)}.result-title .upload-preview{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.result-title .upload-preview h5{margin:0;font-size:1rem;font-weight:600;color:#000}.result-title .preview-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000001a}.result-title .preview-image{max-width:60px;max-height:60px;object-fit:contain}.result-title .preview-filename{margin:0;font-size:.875rem;color:#6b7280;font-style:italic;text-align:center;word-break:break-all}.result-title .search-results{flex:1;overflow-y:auto;padding:0 1.5rem 1.5rem}.result-title .search-section{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.result-title .upload-btn{background:#10b981}.result-title .upload-btn:hover:not(:disabled){background:#059669}.result-title .upload-btn:disabled{background:#9ca3af}@media (max-width: 768px){.result-title .modal-overlay{padding:.5rem}.result-title .icon-modal{max-width:none;max-height:95vh}.result-title .modal-header,.result-title .modal-content,.result-title .modal-footer,.result-title .search-section{padding:1rem}.result-title .search-controls{flex-direction:column;gap:.75rem}.result-title .search-btn,.result-title .clear-btn{width:100%}.result-title .icons-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.result-title .icon-option{padding:.75rem;min-height:100px}.result-title .icon-image{width:40px;height:40px}.result-title .modal-footer{flex-direction:column-reverse}.result-title .cancel-btn,.result-title .select-btn{width:100%}}.result-title .activity-role-configuration{background:var(--bg-primary);border-radius:12px;padding:24px;max-width:900px;margin:0 auto}.result-title .config-header{margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:16px}.result-title .config-header h2{margin:0 0 8px;color:var(--text-primary);font-weight:600}.result-title .event-type-label{margin:4px 0 0;color:var(--text-secondary);font-size:14px}.result-title .event-type-label strong{color:var(--text-primary);text-transform:capitalize;font-weight:600}.result-title .config-info{background:var(--bg-tertiary);border-left:4px solid var(--accent-color);padding:12px 16px;margin-bottom:24px;border-radius:6px}.result-title .config-info p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.result-title .role-category-section{margin-bottom:24px;border:1px solid var(--border-color);border-radius:12px;padding:20px;background:var(--bg-secondary);transition:all .2s ease}.result-title .role-category-section:hover{border-color:var(--border-color-light);box-shadow:var(--shadow-sm)}.result-title .role-category-header h3{margin:0 0 8px;color:var(--text-primary);font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.result-title .category-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.result-title .category-badge.required{background:#ef444426;color:var(--like-color);border:1px solid var(--like-color)}.result-title .category-badge.default{background:#22c55e26;color:var(--accent-color);border:1px solid var(--accent-color)}.result-title .category-badge.suggested{background:#3b82f626;color:var(--primary-color);border:1px solid var(--primary-color)}.result-title [data-theme=dark] .category-badge.required{background:#ef444433;border-color:#ef444480}.result-title [data-theme=dark] .category-badge.default{background:#22c55e33;border-color:#22c55e80}.result-title [data-theme=dark] .category-badge.suggested{background:#3b82f633;border-color:#3b82f680}.result-title .category-description{margin:0 0 16px;color:var(--text-muted);font-size:13px;font-style:italic}.result-title .role-config-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.result-title .role-config-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all .2s ease}.result-title .role-config-item:hover{border-color:var(--border-color-light);box-shadow:var(--shadow-sm)}.result-title .role-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.result-title .role-type-name{font-weight:600;color:var(--text-primary);font-size:15px;display:flex;align-items:center;gap:8px}.result-title .role-status-badge{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500;letter-spacing:.3px;opacity:.8}.result-title .role-status-badge.cannot-remove{background:#ef44441a;color:var(--text-muted);border:1px solid var(--border-color)}.result-title [data-theme=dark] .role-status-badge.cannot-remove{background:#ef444426;color:var(--text-muted)}.result-title .role-config-actions{display:flex;gap:6px}.result-title .btn-icon{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;width:32px;height:32px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-secondary)}.result-title .btn-icon:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-color-light);color:var(--text-primary);transform:translateY(-1px)}.result-title .btn-icon:disabled{opacity:.3;cursor:not-allowed}.result-title .btn-icon.btn-remove{color:var(--like-color);font-weight:700}.result-title .btn-icon.btn-remove:hover:not(:disabled){background:#ef44441a;border-color:var(--like-color);color:var(--like-color)}.result-title .role-config-fields{display:flex;flex-direction:column;gap:12px}.result-title .field-group{display:flex;flex-direction:column;gap:6px}.result-title .field-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.result-title .field-group input[type=text],.result-title .field-group input[type=number]{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--input-bg);color:var(--input-text);transition:all .2s ease}.result-title .field-group input[type=text]:focus,.result-title .field-group input[type=number]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #22c55e1a}.result-title .field-group-inline{flex-direction:row;gap:12px}.result-title .field-inline{flex:1;display:flex;flex-direction:column;gap:6px}.result-title .field-inline label{font-size:13px;font-weight:500;color:var(--text-secondary)}.result-title .field-inline input{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--input-bg);color:var(--input-text);transition:all .2s ease}.result-title .field-inline input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #22c55e1a}.result-title .checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;padding:8px 0;-webkit-user-select:none;user-select:none}.result-title .checkbox-label:hover{color:var(--text-primary)}.result-title .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-color)}.result-title .empty-state{text-align:center;padding:32px 24px;color:var(--text-muted);font-style:italic;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:8px;margin-bottom:12px}.result-title .add-role-section{margin-top:12px}.result-title .role-select{width:100%;padding:12px 14px;border:2px dashed var(--accent-color);border-radius:8px;font-size:14px;cursor:pointer;background:var(--bg-primary);color:var(--accent-color);font-weight:500;transition:all .2s ease}.result-title .role-select:hover{background:#22c55e0d;border-color:var(--accent-hover);transform:translateY(-1px)}.result-title .role-select:focus{outline:none;border-color:var(--accent-hover);box-shadow:0 0 0 3px #22c55e1a}.result-title .config-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:2px solid var(--border-color)}.result-title .btn-save{background:var(--accent-color);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #22c55e33}.result-title .btn-save:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.result-title .btn-save:active{transform:translateY(0)}.result-title .btn-cancel{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:12px 28px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.result-title .btn-cancel:hover{background:var(--bg-secondary);border-color:var(--border-color-light);transform:translateY(-1px)}.result-title .btn-cancel:active{transform:translateY(0)}.result-title .loading{text-align:center;padding:40px;color:var(--text-secondary);font-size:16px}@media (max-width: 768px){.result-title .activity-role-configuration{padding:16px}.result-title .field-group-inline{flex-direction:column;gap:12px}.result-title .config-actions{flex-direction:column}.result-title .btn-save,.result-title .btn-cancel{width:100%}}.result-title .bulk-upload{max-width:1200px;margin:0 auto;padding:20px}.result-title .bulk-upload-header{margin-bottom:30px;text-align:center}.result-title .bulk-upload-header h2{color:#2c3e50;margin-bottom:8px;font-size:2rem}.result-title .subtitle{color:#2c3e50;font-size:1.1rem;margin:0}.result-title .bulk-upload-content{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start}@media (max-width: 968px){.result-title .bulk-upload-content{grid-template-columns:1fr;gap:30px}}.result-title .input-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px #00000012;border:1px solid #e1e8ed;overflow:hidden}.result-title .input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.result-title .input-label{font-weight:600;color:#2c3e50;font-size:1.1rem}.result-title .input-actions{display:flex;gap:10px}.result-title .json-input{width:100%;min-height:400px;padding:15px;border:2px solid #e1e8ed;border-radius:8px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5;resize:vertical;background-color:#f8f9fa;color:#2c3e50;transition:border-color .3s ease;box-sizing:border-box}.result-title .json-input:focus{outline:none;border-color:#4a90e2;background-color:#fff;color:#2c3e50}.result-title .json-input::placeholder{color:#95a5a6;font-style:italic}.result-title .format-info{margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #4a90e2;box-sizing:border-box}.result-title .format-info h4{margin:0 0 10px;color:#2c3e50;font-size:1rem}.result-title .format-info ul{margin:0;padding-left:20px}.result-title .format-info li{margin:5px 0;color:#5a6c7d;line-height:1.5}.result-title .format-info strong{color:#2c3e50;font-family:Consolas,Monaco,Courier New,monospace}.result-title .upload-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px #00000012;border:1px solid #e1e8ed;height:fit-content;position:sticky;top:20px}.result-title .upload-btn{width:100%;padding:15px 20px;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.result-title .primary-btn{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.result-title .primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#357abd,#2968a3);transform:translateY(-2px);box-shadow:0 6px 12px #4a90e24d}.result-title .primary-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.result-title .secondary-btn{background:#ecf0f1;color:#2c3e50;border:1px solid #bdc3c7;padding:8px 16px;font-size:.9rem;font-weight:500}.result-title .secondary-btn:hover{background:#d5dbdb;border-color:#95a5a6}.result-title .action-btn{border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}.result-title .upload-results{padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e1e8ed}.result-title .upload-results h4{margin:0 0 15px;color:#2c3e50;font-size:1.1rem}.result-title .results-summary p{margin:8px 0;font-size:1rem;line-height:1.5}.result-title .error-details{margin-top:15px;padding:15px;background-color:#ffeaea;border-radius:6px;border-left:4px solid #e74c3c}.result-title .error-details h5{margin:0 0 10px;color:#c0392b;font-size:1rem}.result-title .error-details ul{margin:0;padding-left:20px}.result-title .error-item{margin:5px 0;color:#c0392b;font-size:.9rem;line-height:1.4}.result-title .upload-btn:disabled{position:relative}.result-title .upload-btn:disabled:after{content:"";width:16px;height:16px;margin-left:10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.result-title .upload-results .results-summary p:first-child{color:#27ae60;font-weight:600}.result-title .upload-results .results-summary p:nth-child(2){color:#e74c3c;font-weight:600}@media (max-width: 768px){.result-title .bulk-upload{padding:15px}.result-title .input-section,.result-title .upload-section{padding:20px}.result-title .input-header{flex-direction:column;align-items:flex-start}.result-title .json-input{min-height:300px;font-size:13px}.result-title .upload-section{position:static}}.result-title .rsvp-admin-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.result-title .rsvp-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.result-title .rsvp-admin-header h2{margin:0;color:#000;font-size:2rem;font-weight:700}.result-title .rsvp-admin-header p{margin:.5rem 0 0;color:#666;font-size:1rem;font-weight:500}.result-title .rsvp-admin-stats{display:flex;gap:2rem;align-items:center}.result-title .stat-item{padding:.5rem 1rem;background:#f3f4f6;border-radius:8px;font-size:.875rem;color:#666}.result-title .stat-item strong{color:#000;font-weight:600}.result-title .rsvp-admin-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.result-title .search-container{flex:1;min-width:300px}.result-title .search-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .15s ease-in-out}.result-title .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.result-title .bulk-actions{display:flex;gap:.5rem;align-items:center}.result-title .delete-selected-btn{background:#dc2626;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out}.result-title .delete-selected-btn:hover{background:#b91c1c}.result-title .refresh-btn{background:#6b7280;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out}.result-title .refresh-btn:hover{background:#4b5563}.result-title .rsvp-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.result-title .rsvp-table{width:100%;border-collapse:collapse}.result-title .rsvp-table th{background:#f9fafb;padding:1rem;text-align:left;font-weight:600;color:#666;border-bottom:1px solid #e5e7eb;font-size:.875rem}.result-title .rsvp-table td{padding:1rem;border-bottom:1px solid #f3f4f6;vertical-align:top}.result-title .rsvp-table tr:hover{background:#f9fafb}.result-title .rsvp-table tr.selected{background:#eff6ff}.result-title .rsvp-table tr.selected:hover{background:#dbeafe}.result-title .rsvp-name{font-weight:600;color:#000}.result-title .rsvp-email{color:#6b7280;font-size:.875rem}.result-title .rsvp-position{color:#666;font-size:.875rem}.result-title .rsvp-date{color:#6b7280;font-size:.875rem}.result-title .rsvp-actions{display:flex;gap:.5rem}.result-title .delete-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;font-size:1.25rem;transition:background-color .15s ease-in-out}.result-title .delete-btn:hover{background:#fee2e2}.result-title .no-rsvps{text-align:center;padding:3rem;color:#6b7280;font-size:1.125rem}.result-title .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.result-title .delete-confirm-modal{background:#fff;border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 25px 50px -12px #00000040}.result-title .delete-confirm-modal h3{margin:0 0 1rem;color:#000;font-size:1.25rem;font-weight:600}.result-title .delete-confirm-modal p{margin:0 0 1rem;color:#666;line-height:1.5}.result-title .warning-text{color:#dc2626!important;font-weight:500;font-size:.875rem}.result-title .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}.result-title .cancel-btn{background:#f3f4f6;color:#666;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out}.result-title .cancel-btn:hover{background:#e5e7eb}.result-title .confirm-delete-btn{background:#dc2626;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out}.result-title .confirm-delete-btn:hover{background:#b91c1c}.result-title .loading-spinner{text-align:center;padding:3rem;color:#6b7280;font-size:1.125rem}@media (max-width: 768px){.result-title .rsvp-admin-container{padding:1rem}.result-title .rsvp-admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.result-title .rsvp-admin-controls{flex-direction:column;align-items:stretch}.result-title .bulk-actions{justify-content:center}.result-title .rsvp-table-container{overflow-x:auto}.result-title .rsvp-table{min-width:600px}.result-title .rsvp-table th,.result-title .rsvp-table td{padding:.5rem}.result-title .delete-confirm-modal{margin:1rem;width:auto}}.result-title .admin-user-management{padding:2rem;max-width:1400px;margin:0 auto;background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.result-title .admin-user-management .management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.2)}.result-title .admin-user-management .management-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.result-title .admin-user-management .user-source-toggle{display:flex;gap:1rem;padding:.5rem;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-title .admin-user-management .user-source-toggle label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;color:#1f2937cc;transition:color .2s ease}.result-title .admin-user-management .user-source-toggle input[type=radio]{margin:0}.result-title .admin-user-management .user-source-toggle label:has(input:checked){color:#1f2937;font-weight:600}.result-title .admin-user-management .refresh-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.result-title .admin-user-management .refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.result-title .admin-user-management .refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.result-title .admin-user-management .warning-message{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #f59e0b;font-size:.9rem}.result-title .admin-user-management .info-message{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #3b82f6;font-size:.9rem}.result-title .admin-user-management .section-title{flex:1}.result-title .admin-user-management .section-description{font-size:.875rem;color:#6b7280;margin:.5rem 0 0;font-style:italic}.result-title .management-header h2{margin:0;color:#000;font-size:2rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-title .create-admin-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #3b82f633}.result-title .create-admin-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.result-title .section{margin-bottom:3rem}.result-title .section h3{color:#666;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:.5rem}.result-title .section h3:before{content:"";width:4px;height:1.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px}.result-title .admin-user-management .user-grid{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.result-title .admin-user-management .user-card{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;display:flex;align-items:flex-start;transition:all .15s ease-in-out;border:1px solid rgba(255,255,255,.2);gap:1.5rem;position:relative;overflow:hidden}.result-title .admin-user-management .user-card:before{display:none}.result-title .admin-user-management .user-card:hover{box-shadow:0 16px 48px #00000026;transform:translateY(-2px)}.result-title .admin-user-management .admin-card{border-left:4px solid #3b82f6;background:#3b82f60d}.result-title .admin-user-management .admin-card:before{display:none}.result-title .admin-user-management .user-avatar{flex:0 0 auto;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;font-size:2rem;color:#6b7280}.result-title .admin-user-management .user-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.result-title .admin-user-management .user-name{font-weight:700;font-size:1.25rem;color:#1f2937;margin:0}.result-title .admin-user-management .user-email{color:#6b7280;font-size:.95rem;margin:0;word-break:break-word}.result-title .admin-user-management .user-role{display:inline-block;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0}.result-title .admin-card .user-role{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.result-title .user-created,.result-title .user-status{font-size:.8rem;color:#6b7280;margin-bottom:.25rem}.result-title .user-actions{display:flex;gap:.5rem;flex-wrap:wrap}.result-title .deactivate-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #dc262633}.result-title .deactivate-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 8px #dc26264d}.result-title .view-activity-btn{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #05966933}.result-title .view-activity-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 8px #0596694d}.result-title .view-activity-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.result-title .modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.result-title .modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.result-title .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.result-title .modal-header h3{margin:0;color:#000;font-size:1.25rem}.result-title .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.result-title .close-btn:hover{background:#f3f4f6;color:#666}.result-title .create-admin-form{padding:1.5rem}.result-title .form-group{margin-bottom:1.5rem}.result-title .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#666;font-size:.9rem}.result-title .form-group input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:all .2s;box-sizing:border-box}.result-title .form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.result-title .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.result-title .form-actions button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.result-title .form-actions button[type=button]{background:#f3f4f6;color:#666;border:1px solid #d1d5db}.result-title .form-actions button[type=button]:hover{background:#e5e7eb}.result-title .form-actions button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 2px 4px #3b82f633}.result-title .form-actions button.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d}.result-title .loading{display:flex;align-items:center;justify-content:center;padding:4rem;font-size:1.1rem;color:#6b7280}.result-title .error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;padding:1rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid #fecaca;font-weight:500}.result-title .success-message{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;padding:1rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid #bbf7d0;font-weight:500}@media (max-width: 768px){.result-title .admin-user-management{padding:1rem;margin:1rem}.result-title .management-header{flex-direction:column;gap:1rem;align-items:stretch}.result-title .user-grid{grid-template-columns:1fr}.result-title .form-actions{flex-direction:column}}.result-title .admin-user-management .user-meta{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.result-title .admin-user-management .user-meta span{font-size:.85rem;color:#6b7280}.result-title .admin-user-management .user-actions{display:flex;flex-direction:column;gap:.75rem;flex:0 0 auto;min-width:180px}.result-title .admin-user-management .export-btn{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.result-title .admin-user-management .export-btn:hover{background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.result-title .admin-user-management .deactivate-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.result-title .admin-user-management .deactivate-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #d977064d}.result-title .admin-user-management .delete-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.result-title .admin-user-management .delete-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.result-title .delete-btn.danger{border:2px solid #fecaca}.result-title .delete-btn.danger:hover{border-color:#fca5a5}.result-title .admin-user-management .filters-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin:1rem 0}.result-title .admin-user-management .search-controls{margin-bottom:1rem}.result-title .admin-user-management .search-input-group{position:relative;max-width:400px}.result-title .admin-user-management .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1.1rem}.result-title .admin-user-management .search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid rgba(99,102,241,.3);border-radius:8px;background:#fffffff2;color:#1f2937;font-size:.95rem;transition:all .2s ease}.result-title .admin-user-management .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.result-title .admin-user-management .search-input::placeholder{color:#9ca3af}.result-title .admin-user-management .clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.result-title .admin-user-management .clear-search-btn:hover{color:#ef4444;background:#ef44441a}.result-title .admin-user-management .filter-controls{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}.result-title .admin-user-management .filter-group{display:flex;flex-direction:column;gap:.5rem}.result-title .admin-user-management .filter-group label{font-size:.875rem;font-weight:500;color:#374151}.result-title .admin-user-management .filter-select{padding:8px 12px;border:1px solid rgba(99,102,241,.3);border-radius:6px;background:#fffffff2;color:#1f2937;font-size:.875rem;min-width:140px}.result-title .admin-user-management .filter-select:focus{outline:none;border-color:#3b82f6}.result-title .admin-user-management .bulk-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.result-title .admin-user-management .bulk-delete-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.result-title .admin-user-management .bulk-delete-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.result-title .admin-user-management .filter-toggle-btn{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2);padding:8px 12px;border-radius:6px;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;font-weight:600}.result-title .admin-user-management .filter-toggle-btn:hover{background:#3b82f633}.result-title .admin-user-management .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.result-title .admin-user-management .pagination-controls{display:flex;align-items:center;gap:.5rem}.result-title .admin-user-management .pagination-btn{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.1rem}.result-title .admin-user-management .pagination-btn:hover:not(:disabled){background:#3b82f633}.result-title .admin-user-management .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.result-title .admin-user-management .page-info{font-size:.875rem;color:#374151;margin:0 8px;font-weight:500}.result-title .admin-user-management .profile-status{font-size:.8rem;font-weight:500;padding:2px 6px;border-radius:4px}.result-title .admin-user-management .profile-status.complete{background:#22c55e33;color:#22c55e}.result-title .admin-user-management .profile-status.incomplete{background:#f59e0b33;color:#f59e0b}.result-title .admin-user-management .integrity-stats{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin:1rem 0}.result-title .admin-user-management .integrity-stats h4{margin:0 0 1rem;color:#374151;font-size:1.1rem}.result-title .admin-user-management .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.result-title .admin-user-management .stat-item{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:8px;text-align:center}.result-title .admin-user-management .stat-item.complete{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.result-title .admin-user-management .stat-item.auth-only{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.result-title .admin-user-management .stat-item.orphaned{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.result-title .admin-user-management .stat-item.issues{background:#9ca3af1a;border:1px solid rgba(156,163,175,.3)}.result-title .admin-user-management .stat-number{font-size:2rem;font-weight:700;color:#1f2937}.result-title .admin-user-management .stat-label{font-size:.875rem;color:#6b7280;margin-top:.5rem}.result-title .admin-user-management .user-relationship-status{display:inline-block;padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:.5rem 0}.result-title .admin-user-management .status-complete{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.result-title .admin-user-management .status-auth-only{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.result-title .admin-user-management .status-orphaned{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626}.result-title .admin-user-management .status-unlinked{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151}.result-title .admin-user-management .status-unknown{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280}.result-title .admin-user-management .integrity-issue{color:#dc2626;font-weight:600;font-size:.75rem}@media (max-width: 768px){.result-title .admin-user-management .user-card{flex-direction:column;text-align:center}.result-title .admin-user-management .user-avatar{align-self:center}.result-title .admin-user-management .user-actions{flex-direction:column;width:100%;min-width:auto;margin-top:1rem}.result-title .admin-user-management .export-btn,.result-title .admin-user-management .deactivate-btn,.result-title .admin-user-management .delete-btn{width:100%}.result-title .admin-user-management .section-header{flex-direction:column;align-items:stretch}.result-title .admin-user-management .pagination-controls{justify-content:center}.result-title .admin-user-management .filter-controls{flex-direction:column;align-items:stretch;gap:1rem}.result-title .admin-user-management .filter-group,.result-title .admin-user-management .filter-select{width:100%}.result-title .admin-user-management .search-input-group{max-width:100%}}.result-title .modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.result-title .user-search-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000040;overflow:hidden}.result-title .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.result-title .modal-header h3{margin:0;color:var(--text-primary);font-size:1.25rem}.result-title .modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.result-title .modal-close:hover{color:var(--text-primary)}.result-title .modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.result-title .search-section{padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.result-title .search-input{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:6px;font-size:1rem;background:var(--bg-secondary)!important;color:var(--text-primary)!important;box-sizing:border-box}.result-title .search-input::placeholder{color:var(--text-secondary)!important}.result-title .search-input:focus{outline:none;border-color:var(--primary-color)}.result-title .filters-section{display:none}.result-title .filter-row{display:flex;gap:.5rem;margin-bottom:.5rem}.result-title .filter-input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;background:var(--input-bg);color:var(--input-text)}.result-title .filter-input::placeholder{color:var(--input-placeholder)}.result-title .age-input{max-width:100px}.result-title .interests-section{display:flex;flex-direction:column;gap:.5rem}.result-title .interests-list{display:flex;flex-wrap:wrap;gap:.25rem}.result-title .interest-chip{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.25rem .5rem;border-radius:15px;font-size:.8rem;display:flex;align-items:center;gap:.25rem}.result-title .interest-chip button{background:none;border:none;cursor:pointer;font-size:.9rem;color:var(--text-secondary);padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.result-title .results-section{flex:1;overflow-y:auto;padding:1rem 1.5rem;background:var(--bg-primary)}.result-title .results-section::-webkit-scrollbar{width:8px}.result-title .results-section::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.result-title .results-section::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.result-title .results-section::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.result-title .loading{text-align:center;color:var(--text-secondary);padding:2rem}.result-title .results-header{margin-bottom:1rem}.result-title .results-header p{margin:0;color:var(--text-secondary);font-size:.9rem}.result-title .user-results{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.result-title .user-result-item{border:1px solid var(--border-color);border-radius:6px;padding:1rem;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);display:flex;align-items:center;gap:1rem}.result-title .user-result-item:hover{border-color:var(--primary-color);background:var(--bg-tertiary)}.result-title .user-result-item.selected{border-color:var(--primary-color);background:#3b82f61a}.result-title .user-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;overflow:hidden}.result-title .user-avatar img{width:100%;height:100%;object-fit:cover}.result-title .user-info{flex:1;min-width:0}.result-title .user-info .user-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.result-title .username{color:var(--text-secondary);font-weight:400;font-size:.9rem}.result-title .user-details{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}.result-title .location:before{content:"📍 "}.result-title .user-interests{display:flex;flex-wrap:wrap;gap:.25rem}.result-title .interest-tag{background:#22c55e26;color:var(--accent-color);border:1px solid rgba(34,197,94,.3);padding:.2rem .5rem;border-radius:12px;font-size:.75rem}.result-title .interest-more{background:var(--bg-tertiary);color:var(--text-secondary);padding:.2rem .5rem;border-radius:12px;font-size:.75rem}.result-title .pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem 0}.result-title .pagination button{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.result-title .pagination button:disabled{background:#ccc;cursor:not-allowed}.result-title .pagination span{color:#666;font-size:.9rem}.result-title .modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e5e5;display:flex;justify-content:flex-end;gap:1rem}.result-title .clear-btn{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.result-title .cancel-btn{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.result-title .clear-btn:hover,.result-title .cancel-btn:hover{opacity:.9}.result-title .tag-input-container{position:relative}.result-title .tag-input{display:flex;flex-direction:column;gap:8px;min-height:38px;padding:8px 12px;border:1px solid #ddd;border-radius:16px;background:#fff;cursor:text}.result-title .tag-input.has-tags{padding:12px}.result-title .tags-container{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.result-title .input-container{display:flex;align-items:center;width:100%}.result-title .tag-input:focus-within{border-color:#1877f2;box-shadow:0 0 0 2px #1877f21a}.result-title .tag{display:inline-flex;align-items:center;gap:4px;background:#e3f2fd;color:#1565c0;border-radius:16px;font-size:14px;font-weight:500;white-space:nowrap}.result-title .tag-remove{display:inline-flex;background:none;border:none;color:#1565c0;cursor:pointer;font-size:16px;line-height:1;padding:0;margin-left:4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.result-title .tag-remove:hover{background:#1565c01a}.result-title .tag-input-field{border:none;outline:none;background:none;flex:1;width:100%;font-size:14px;padding:4px 0}.result-title .tag-input-field::placeholder{color:#999}.result-title .tag-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:200px;overflow-y:auto}.result-title .tag-suggestion{padding:8px 12px;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s}.result-title .tag-suggestion:hover,.result-title .tag-suggestion.active{background:#f5f5f5}.result-title .tag-suggestion:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.result-title .tag-suggestion:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}@media (max-width: 480px){.result-title .tag-input{padding:8px;gap:4px}.result-title .tag{font-size:13px;padding:3px 6px}.result-title .tag-input-field{min-width:100px;font-size:13px}.result-title .tag-suggestion{padding:10px 12px;font-size:13px}}.result-title .contact-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:40px 20px;overflow-y:auto}.result-title .contact-form-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;width:100%;max-width:400px;box-shadow:0 10px 25px #00000026;margin:0 auto;position:relative}.result-title .contact-form-container h3{margin:0 0 20px;color:var(--text-primary);font-size:20px;font-weight:600;text-align:center}.result-title .contact-form{display:flex;flex-direction:column;gap:16px}.result-title .form-group{display:flex;flex-direction:column}.result-title .form-group label{margin-bottom:6px;font-weight:500;color:var(--text-primary);font-size:14px}.result-title .contact-form-container .form-group input{padding:12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;transition:border-color .2s;background:var(--input-bg)!important;color:var(--input-text)!important}.result-title .contact-form-container .form-group input::placeholder{color:var(--input-placeholder)!important}.result-title .form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.result-title .form-group input.error{border-color:#f02849}.result-title .error-message{color:#f02849;font-size:12px;margin-top:4px}.result-title .form-actions{display:flex;gap:12px;margin-top:8px}.result-title .btn-cancel,.result-title .btn-save{flex:1;padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.result-title .btn-cancel{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.result-title .btn-cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.result-title .btn-save{background:var(--primary-color);color:#fff}.result-title .btn-save:hover{background:var(--primary-hover)}.result-title .tag-input-container{display:flex;gap:8px;margin-bottom:12px}.result-title .contact-form-container .tag-input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--input-bg)!important;color:var(--input-text)!important}.result-title .contact-form-container .tag-input::placeholder{color:var(--input-placeholder)!important}.result-title .contact-form-container .add-tag-btn{background:var(--accent-color)!important;color:#fff!important;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500}.result-title .contact-form-container .add-tag-btn:hover{background:var(--accent-hover)!important}.result-title .tags-container{display:flex;flex-wrap:wrap;gap:6px}.result-title .contact-form-container .tag-chip{background:#22c55e26!important;color:var(--accent-color)!important;border:1px solid rgba(34,197,94,.3)!important;padding:4px 8px;border-radius:16px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.result-title .contact-form-container .remove-tag-btn{background:none;border:none;color:var(--accent-color)!important;cursor:pointer;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.result-title .contact-form-container .remove-tag-btn:hover{background:#22c55e33!important;color:var(--accent-hover)!important}.result-title .linked-user-section{margin-top:8px}.result-title .link-user-btn{width:100%;padding:12px;border:2px dashed var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.result-title .link-user-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#3b82f60d}.result-title .linked-user-display{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary)}.result-title .linked-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;overflow:hidden}.result-title .linked-user-profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.result-title .linked-user-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.result-title .linked-user-info{display:flex;flex-direction:column;gap:2px;flex:1}.result-title .linked-user-name{font-weight:600;color:var(--text-primary);font-size:14px}.result-title .linked-username,.result-title .linked-location{color:var(--text-secondary);font-size:12px}.result-title .remove-user-btn{background:#dc3545;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.result-title .remove-user-btn:hover{background:#c82333}.result-title .contact-method-requirement{background:#fff3cd4d;border:1px solid rgba(255,234,167,.5);border-radius:6px;padding:12px;margin-bottom:20px}.result-title .contact-method-requirement .error-message{color:var(--text-secondary);font-size:14px;margin:0;font-weight:500}@media (max-width: 480px){.result-title .contact-form-container{margin:20px;padding:20px}.result-title .form-actions{flex-direction:column}}.result-title .contacts-page-new{min-height:100vh;background:var(--background-color)}.result-title .page-layout{display:flex;min-height:100vh}.result-title .contacts-page{max-width:1200px;margin:0 auto;padding:24px}.result-title .clean-header{margin-bottom:24px}.result-title .header-main{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:40px}.result-title .header-content{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}.result-title .title-section{flex:1}.result-title .title-section h1{font-size:36px;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.result-title .title-section p{font-size:16px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.result-title .contacts-stats{display:flex;gap:40px;margin-top:24px}.result-title .contacts-stat-item{display:flex;align-items:center;gap:16px}.result-title .contacts-stat-icon{font-size:28px;color:var(--primary-color);flex-shrink:0}.result-title .contacts-stat-number{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.result-title .contacts-stat-label{font-size:14px;color:var(--text-secondary);line-height:1}.result-title .header-actions{display:flex;align-items:flex-end;margin-bottom:4px}.result-title .add-contact-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.result-title .add-contact-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.result-title [data-theme=light] .add-contact-btn:hover{color:#000!important}.result-title .add-contact-btn svg{font-size:20px}.result-title .contacts-filters-section{display:flex;align-items:center;gap:16px;padding:20px;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px}.result-title .search-box{position:relative;flex:1;max-width:400px}.result-title .search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:18px}.result-title .search-box input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-background);color:var(--text-primary);font-size:14px;transition:border-color .2s ease}.result-title .search-box input::placeholder{color:var(--text-secondary)}.result-title .search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.result-title .filter-controls{display:flex;gap:12px}.result-title .tag-filter-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-background);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.result-title .tag-filter-toggle:hover{border-color:var(--text-secondary)}.result-title .tag-filter-toggle.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.result-title .tag-filter-toggle svg{font-size:16px}.result-title .tag-filter-panel{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:24px;animation:slideDown .2s ease-out}.result-title .tag-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.result-title .tag-filter-header h3{font-size:16px;font-weight:600;margin:0;color:var(--text-primary)}.result-title .clear-filters-btn{padding:4px 12px;background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease}.result-title .clear-filters-btn:hover{background:var(--background-color);color:var(--text-primary)}.result-title .tag-filter-grid{display:flex;flex-wrap:wrap;gap:8px}.result-title .tag-filter-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color);border-radius:20px;background:var(--background-color);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease}.result-title .tag-filter-item:hover{border-color:var(--primary-color);color:var(--text-primary)}.result-title .tag-filter-item.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.result-title .tag-filter-item svg{font-size:14px}.result-title .contacts-section{margin-top:24px}.result-title .contacts-content-wrapper{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.result-title .section-header{padding:20px;border-bottom:1px solid var(--border-color);background:var(--background-color)}.result-title .section-header h2{font-size:18px;font-weight:600;margin:0;color:var(--text-primary)}.result-title .contacts-list{display:flex;flex-direction:column}.result-title .contact-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color);transition:all .15s ease;position:relative;min-height:64px;background:var(--card-background)}.result-title .contact-item:last-child{border-bottom:none}.result-title .contact-item:hover{background:var(--hover-background, rgba(99, 102, 241, .05))}@media (prefers-color-scheme: dark){.result-title .contact-item:hover{background:#ffffff08}}.result-title body.light-mode .contact-item:hover{background:#6366f10d}.result-title .contact-avatar{width:40px;height:40px;flex-shrink:0}.result-title .contact-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.result-title .contact-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.result-title .contact-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.result-title .contact-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.result-title .contact-name{font-size:15px;font-weight:500;margin:0;color:var(--text-primary)}.result-title .contact-tags-inline{display:flex;gap:6px;flex-wrap:wrap}.result-title .tag-chip{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;background:var(--tag-background, rgba(99, 102, 241, .1));color:var(--tag-color, #6366f1);border:1px solid var(--tag-border, rgba(99, 102, 241, .2))}@media (prefers-color-scheme: dark){.result-title .tag-chip{background:#8b5cf626;color:#a78bfa;border-color:#8b5cf64d}}.result-title body.light-mode .tag-chip{background:#6366f11a;color:#6366f1;border-color:#6366f133}.result-title .contact-meta-row{display:flex;gap:16px;flex-wrap:wrap}.result-title .meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.result-title .meta-icon{font-size:14px;opacity:.6}.result-title .contact-menu{position:relative;flex-shrink:0}.result-title .contact-overflow-btn{width:32px;height:32px;border-radius:6px;background:transparent;border:none;color:#9ca3af!important;cursor:pointer;display:flex!important;align-items:center;justify-content:center;transition:all .15s ease;opacity:1!important;padding:0;flex-shrink:0}.result-title .contact-overflow-btn svg{width:20px!important;height:20px!important;display:block!important}.result-title .contact-item:hover .contact-overflow-btn{opacity:1!important}.result-title .contact-overflow-btn:hover{background:#0000001a!important;color:var(--text-primary)!important}@media (prefers-color-scheme: dark){.result-title .contact-overflow-btn{color:#9ca3af!important}.result-title .contact-overflow-btn:hover{background:#ffffff1a!important;color:#e5e7eb!important}}.result-title body.light-mode .contact-overflow-btn{color:#6b7280!important}.result-title body.light-mode .contact-overflow-btn:hover{background:#0000000d!important;color:#111827!important}.result-title .menu-backdrop{position:fixed;inset:0;z-index:999;background:transparent}.result-title .menu-dropdown{position:absolute;right:0;top:calc(100% + 4px);min-width:180px;background:#1f2937;border:1px solid #374151;border-radius:8px;box-shadow:0 8px 24px #00000080,0 2px 8px #0000004d;z-index:1000;overflow:hidden;animation:menuFadeIn .15s ease}.result-title [data-theme=light] .menu-dropdown{background:#fff!important;border-color:#e5e7eb!important;box-shadow:0 4px 16px #0000001f,0 2px 4px #00000014!important}.result-title .menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:transparent;border:none;color:#e5e7eb;font-size:14px;font-weight:400;cursor:pointer;transition:all .1s ease;text-align:left}.result-title .menu-item:hover{background:#ffffff0d}.result-title [data-theme=light] .menu-item{color:#1f2937!important}.result-title [data-theme=light] .menu-item:hover{background:#0000000a!important}.result-title .menu-item svg{font-size:18px;opacity:.7}.result-title [data-theme=light] .menu-item svg{opacity:.6}.result-title .menu-item.delete{color:#dc2626!important;border-top:1px solid #374151}.result-title [data-theme=light] .menu-item.delete{color:#ef4444!important;border-top-color:#f3f4f6!important}.result-title .menu-item.delete:hover{background:#dc26261a!important}.result-title [data-theme=light] .menu-item.delete:hover{background:#ef444414}.result-title .menu-item.delete svg{opacity:1}.result-title .contact-row{display:none}.contact-notes p{margin:0;font-size:14px;color:var(--text-secondary);font-style:italic;line-height:1.4}.contacts-content-wrapper{position:relative;min-height:200px}.contacts-loading-overlay{position:absolute;inset:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;min-height:200px}@media (prefers-color-scheme: dark){.contacts-loading-overlay{background:#000c}}.contacts-loading-overlay .loading-spinner{width:32px;height:32px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.contacts-loading-overlay p{color:var(--text-secondary);font-size:14px;margin:0}.contacts-loading,.contacts-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--text-secondary)}.contacts-loading .loading-spinner,.contacts-error .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.retry-btn{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;margin-top:16px}.empty-state{padding:60px 20px;text-align:center;color:var(--text-secondary)}.empty-state svg{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state h3{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.empty-state p{margin:0;font-size:16px}@media (max-width: 768px){.header-content{flex-direction:column;align-items:stretch;gap:24px}.header-actions{align-items:center;justify-content:center;margin-bottom:0}.contacts-stats{flex-direction:column;gap:16px}.contacts-filters-section{flex-direction:column;align-items:stretch;gap:12px}.search-box{max-width:none}.contact-main-info{flex-direction:column;align-items:flex-start;gap:12px}.contact-info-row{flex-direction:column;gap:8px}.contact-meta{flex-direction:column;align-items:flex-start;gap:12px}.contact-actions{align-self:flex-end}}.messages-page-layout{display:flex;height:100vh;overflow:hidden}.messages-page-layout .main-scroll-area{flex:1;overflow:hidden;margin-top:var(--topbar-height, 60px);margin-left:var(--leftnav-width, 220px);display:flex;flex-direction:column}.messages-unified-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary, #0d0f12)}.messages-layout{display:flex;height:100%;overflow:hidden}.threads-column{flex:0 0 20%;min-width:220px;max-width:340px;border-right:1px solid var(--border-color, rgba(50,55,67,.5));display:flex;flex-direction:column;background:var(--bg-secondary, #1e2128)}.threads-header{padding:12px 14px 8px;border-bottom:none;display:flex;align-items:center;justify-content:space-between}.threads-header h2{margin:0;font-size:18px;font-weight:700;color:var(--text-primary, #f3f4f6);text-align:center}.threads-toolbar{display:flex;align-items:center;padding:0 12px 10px;border-bottom:1px solid var(--border-color, rgba(50,55,67,.5))}.new-group-button{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#22c55e1a;color:var(--accent-primary, #22c55e);border:1px solid rgba(34,197,94,.2);border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.new-group-button:hover{background:#22c55e33}.new-group-button.active{background:#dc35451a;color:#dc3545;border-color:#dc354533}.search-box{padding:6px 12px 8px}.search-input{width:100%;padding:5px 14px;border:1px solid var(--border-color, rgba(50,55,67,.5));border-radius:20px;font-size:13px;background:var(--bg-tertiary, #323743);color:var(--text-primary, #f3f4f6);box-sizing:border-box}.search-input::placeholder{color:var(--text-muted, #9ca3af)}.search-input:focus{outline:none;border-color:var(--accent-primary, #22c55e);box-shadow:0 0 0 2px #22c55e26}.search-input-wrap{position:relative;flex:1}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted, #9ca3af);pointer-events:none}.search-input-wrap .search-input{padding-left:34px}.group-creation-panel{padding:12px 16px;border-bottom:1px solid var(--border-color, #e0e0e0);background:var(--bg-secondary, #f8f9fa)}.selected-users{margin-bottom:12px}.selected-users-label{font-size:12px;color:var(--text-secondary, #666);margin-bottom:8px;font-weight:600}.selected-users-chips{display:flex;flex-wrap:wrap;gap:6px}.user-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--primary-color, #007bff);color:#fff;border-radius:16px;font-size:13px}.user-chip .remove-chip{background:#ffffff4d;border:none;color:#fff;border-radius:50%;width:18px;height:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0}.user-chip .remove-chip:hover{background:#ffffff80}.group-name-input{margin-bottom:12px}.group-name-input input{width:100%;padding:8px 12px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:14px}.group-name-input input:focus{outline:none;border-color:var(--primary-color, #007bff)}.group-actions{display:flex;gap:8px}.create-group-btn,.cancel-group-btn{flex:1;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.create-group-btn{background:var(--primary-color, #007bff);color:#fff}.create-group-btn:hover:not(:disabled){background:var(--primary-hover, #0056b3)}.create-group-btn:disabled{background:#ccc;cursor:not-allowed}.cancel-group-btn{background:#fff;border:1px solid var(--border-color, #e0e0e0);color:var(--text-primary, #000)}.cancel-group-btn:hover{background:var(--bg-secondary, #f5f5f5)}.search-result-item.selectable{cursor:pointer}.search-result-item.selected{background:#e7f3ff}.selection-checkbox{margin-right:8px}.selection-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.thread-list{flex:1;overflow-y:auto}.thread-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-color, rgba(50,55,67,.5));transition:background-color .15s;position:relative}.thread-item:hover,.thread-item.active{background:var(--bg-secondary, #262a33)}.thread-avatar-wrap{position:relative;flex-shrink:0;width:48px;height:48px}.thread-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, #323743)}.thread-avatar img{width:100%;height:100%;object-fit:cover}.thread-avatar-initial{font-size:1.125rem;font-weight:700;color:#fff;line-height:1}.thread-avatar-group-icon{font-size:1.25rem;line-height:1}.thread-online-dot{position:absolute;bottom:1px;right:1px;width:12px;height:12px;background:var(--accent-primary, #22c55e);border:2px solid var(--bg-secondary, #1e2128);border-radius:50%}.thread-content{flex:1;min-width:0}.thread-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px}.thread-name{font-weight:600;font-size:14px;color:var(--text-primary, #f3f4f6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.thread-name.unread{font-weight:700;color:var(--text-primary, #ffffff)}.thread-time{font-size:11px;flex-shrink:0;color:var(--text-muted, #9ca3af)}.thread-time.active-time{color:var(--accent-primary, #22c55e);font-weight:600}.thread-preview{font-size:13px;color:var(--text-secondary, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-preview.unread{color:var(--text-primary, #e5e7eb);font-weight:500}.unread-badge{flex-shrink:0;background:var(--accent-primary, #22c55e);color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.search-results{flex:1;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-color, #e0e0e0);transition:background-color .15s}.search-result-item:hover{background:var(--bg-secondary, #f5f5f5)}.user-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;overflow:hidden}.user-info{flex:1}.user-name{font-weight:600;color:var(--text-primary, #000000);font-size:15px}.user-username{font-size:13px;color:var(--text-secondary, #65676b)}.conversation-column{flex:1;display:flex;flex-direction:column;background:var(--bg-primary, #0d0f12);overflow:hidden;min-width:0}.conversation-header{padding:0 20px;height:64px;min-height:64px;border-bottom:1px solid var(--border-color, rgba(50,55,67,.5));display:flex;align-items:center;gap:12px;background:var(--bg-secondary, #1e2128)}.back-button{background:none;border:none;font-size:16px;color:var(--primary-color, #0084ff);cursor:pointer;padding:4px 8px;display:none}.back-button:hover{opacity:.8}.header-user-info{display:flex;align-items:center;gap:12px}.header-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden}.header-avatar img{width:100%;height:100%;object-fit:cover}.header-name{font-weight:600;font-size:16px;color:var(--text-primary, #000000)}.messages-container{flex:1;overflow-y:auto;padding:16px;background:var(--bg-primary, #0d0f12)}.messages-list{display:flex;flex-direction:column;gap:8px}.loading-older-messages{padding:12px;text-align:center;color:var(--text-secondary, #65676b);font-size:14px;font-style:italic}.message-item{display:flex;gap:8px;align-items:flex-end}.message-item.own{flex-direction:row-reverse}.message-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-content{display:flex;flex-direction:column;max-width:60%}.message-item.own .message-content{align-items:flex-end}.message-bubble{padding:10px 14px;border-radius:18px;word-wrap:break-word;font-size:15px;line-height:1.4;overflow:hidden;max-width:100%}.message-attachments{margin-bottom:6px}.message-image{max-width:100%;max-height:400px;width:auto;height:auto;border-radius:12px;display:block;cursor:pointer;transition:transform .15s;object-fit:contain}.message-image:hover{transform:scale(1.02)}.message-text{margin-top:4px}.message-item.other .message-bubble{background:var(--bg-secondary, #e4e6eb);color:var(--text-primary, #000000);border-bottom-left-radius:4px}.message-item.own .message-bubble{background:var(--accent-primary, #22c55e);color:#fff;border-bottom-right-radius:4px}.message-meta{display:flex;align-items:center;gap:8px;margin-top:4px;padding:0 4px}.message-time{font-size:11px;color:var(--text-tertiary, #8a8d91)}.delete-button{background:none;border:none;color:var(--text-tertiary, #8a8d91);font-size:11px;cursor:pointer;padding:0}.delete-button:hover{color:var(--danger-color, #dc3545);text-decoration:underline}.message-input-form{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color, rgba(50,55,67,.5));background:var(--bg-secondary, #1e2128)}.attachment-preview{position:relative;max-width:200px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color, #e0e0e0)}.attachment-preview img{width:100%;height:auto;display:block}.remove-attachment{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#000000b3;color:#fff;border:none;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-attachment:hover{background:#000000e6}.message-input-row{display:flex;gap:8px;align-items:center}.attach-button{padding:8px;background:transparent;border:none;border-radius:8px;font-size:18px;cursor:pointer;color:var(--text-muted, #9ca3af);transition:background .15s,color .15s;display:flex;align-items:center}.attach-button:hover:not(:disabled){background:#ffffff0f;color:var(--text-primary, #f3f4f6)}.attach-button:disabled{opacity:.5;cursor:not-allowed}.message-input{flex:1;padding:10px 14px;border:1px solid var(--border-color, #e0e0e0);border-radius:20px;font-size:15px;background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #000000)}.message-input:focus{outline:none;background:var(--bg-secondary, #1e2128);border-color:var(--accent-primary, #22c55e)}.send-button{padding:10px 20px;background:var(--accent-primary, #22c55e);color:#fff;border:none;border-radius:20px;font-weight:600;cursor:pointer;transition:opacity .15s}.send-button:hover:not(:disabled){opacity:.9}.send-button:disabled{opacity:.5;cursor:not-allowed}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:20px;text-transform:uppercase}.avatar-placeholder.group-avatar{background:linear-gradient(135deg,#f093fb,#f5576c);font-size:24px}.avatar-placeholder.small{font-size:12px}.message-sender-name{font-size:12px;font-weight:600;color:var(--text-secondary, #666);margin-bottom:4px;padding-left:4px}.header-subtitle{font-size:12px;color:var(--text-secondary, #666);margin-top:2px}.empty-conversation{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-conversation h3{margin:0 0 8px;font-size:20px;color:var(--text-primary, #000000)}.empty-conversation p{margin:0;color:var(--text-secondary, #65676b);font-size:14px}.empty-messages{display:flex;align-items:center;justify-content:center;height:100%;padding:20px}.empty-messages p{color:var(--text-secondary, #65676b);font-size:14px;text-align:center}.loading-state,.error-state,.empty-state{padding:20px;text-align:center;color:var(--text-secondary, #65676b);font-size:14px}.error-state{color:var(--danger-color, #dc3545)}.empty-hint{font-size:13px;margin-top:8px;opacity:.8}.messages-sidebar{flex:0 0 20%;min-width:220px;max-width:320px;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;border-left:1px solid var(--border-color, rgba(50,55,67,.5));background:var(--bg-primary, #0d0f12)}@media (max-width: 1100px){.messages-sidebar{display:none}}.msg-sidebar-card{background:var(--bg-secondary, #1e2128);border:1px solid var(--border-color, rgba(50,55,67,.5));border-radius:.875rem;padding:1rem}.msg-sidebar-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.msg-sidebar-card-title{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #9ca3af)}.msg-sidebar-see-all{font-size:.75rem;color:var(--accent-primary, #22c55e);text-decoration:none;font-weight:500}.msg-sidebar-see-all:hover{text-decoration:underline}.msg-sidebar-event{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border-color, rgba(50,55,67,.3))}.msg-sidebar-event:last-child{border-bottom:none}.msg-sidebar-event-date-block{display:flex;flex-direction:column;align-items:center;justify-content:center;width:38px;height:38px;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:.5rem;flex-shrink:0}.msg-sidebar-event-month{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--accent-primary, #22c55e);line-height:1}.msg-sidebar-event-day{font-size:14px;font-weight:800;color:var(--text-primary, #f3f4f6);line-height:1.2}.msg-sidebar-event-info{flex:1;min-width:0}.msg-sidebar-event-title{font-size:.8125rem;font-weight:600;color:var(--text-primary, #f3f4f6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-sidebar-event-location{font-size:.6875rem;color:var(--text-muted, #9ca3af);margin-top:1px}.msg-sidebar-event-badge{background:var(--bg-tertiary, #323743);border:1px solid var(--border-color, rgba(50,55,67,.5));border-radius:20px;padding:2px 7px;font-size:10px;font-weight:600;color:var(--text-secondary, #bdc1ca);white-space:nowrap}.msg-sidebar-contact{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--border-color, rgba(50,55,67,.3))}.msg-sidebar-contact:last-child{border-bottom:none}.msg-sidebar-contact-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.msg-sidebar-contact-info{flex:1;min-width:0}.msg-sidebar-contact-name{font-size:.8125rem;font-weight:600;color:var(--text-primary, #f3f4f6)}.msg-sidebar-contact-mutual{font-size:.6875rem;color:var(--text-muted, #9ca3af)}.msg-sidebar-msg-btn{padding:4px 10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:12px;color:var(--accent-primary, #22c55e);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.msg-sidebar-msg-btn:hover{background:#22c55e33}.msg-sidebar-ad{background:linear-gradient(135deg,#22c55e0f,#3b82f60f);border-color:#22c55e33}.msg-sidebar-ad-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted, #9ca3af);margin-bottom:.4rem}.msg-sidebar-ad-title{font-size:.9375rem;font-weight:700;color:var(--text-primary, #f3f4f6);margin-bottom:.35rem}.msg-sidebar-ad-body{font-size:.8rem;color:var(--text-secondary, #bdc1ca);line-height:1.5;margin-bottom:.75rem}.msg-sidebar-ad-cta{width:100%;padding:7px;background:var(--accent-primary, #22c55e);color:#fff;border:none;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:opacity .15s}.msg-sidebar-ad-cta:hover{opacity:.9}.msg-sidebar-context-section{margin-top:.5rem}.msg-sidebar-context-section+.msg-sidebar-context-section{margin-top:.75rem}.msg-sidebar-context-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #9ca3af);margin-bottom:.3rem}.msg-sidebar-context-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.8125rem;color:var(--text-secondary, #bdc1ca)}.msg-sidebar-context-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-primary, #22c55e);flex-shrink:0}:root[data-theme=dark] .messages-unified-container{background:#18191a}:root[data-theme=dark] .threads-column,:root[data-theme=dark] .conversation-column{background:#18191a;border-color:#3a3b3c}:root[data-theme=dark] .threads-header,:root[data-theme=dark] .search-box,:root[data-theme=dark] .conversation-header,:root[data-theme=dark] .message-input-form{border-color:#3a3b3c}:root[data-theme=dark] .threads-header h2,:root[data-theme=dark] .thread-name,:root[data-theme=dark] .user-name,:root[data-theme=dark] .header-name{color:#e4e6eb}:root[data-theme=dark] .thread-preview,:root[data-theme=dark] .thread-time,:root[data-theme=dark] .user-username,:root[data-theme=dark] .message-time{color:#b0b3b8}:root[data-theme=dark] .search-input,:root[data-theme=dark] .message-input{background:#3a3b3c;border-color:#3a3b3c;color:#e4e6eb}:root[data-theme=dark] .search-input:focus,:root[data-theme=dark] .message-input:focus{background:#242526;border-color:#22c55e}:root[data-theme=dark] .thread-item:hover,:root[data-theme=dark] .search-result-item:hover{background:#242526}:root[data-theme=dark] .thread-item.active{background:#2a3f5f}:root[data-theme=dark] .thread-item{border-color:#3a3b3c}:root[data-theme=dark] .message-item.other .message-bubble{background:#3a3b3c;color:#e4e6eb}:root[data-theme=dark] .messages-container{background:#18191a}:root[data-theme=dark] .empty-conversation h3{color:#e4e6eb}:root[data-theme=dark] .empty-conversation p,:root[data-theme=dark] .empty-messages p,:root[data-theme=dark] .loading-state,:root[data-theme=dark] .empty-state{color:#b0b3b8}@media (max-width: 768px){.messages-layout{position:relative}.threads-column,.conversation-column{width:100%;position:absolute;left:0;top:0;height:100%;transition:transform .3s ease}.messages-layout.show-threads .threads-column{transform:translate(0)}.messages-layout.show-threads .conversation-column{transform:translate(100%)}.messages-layout.show-conversation .threads-column{transform:translate(-100%)}.messages-layout.show-conversation .conversation-column{transform:translate(0)}.back-button.mobile-only{display:block}.message-content{max-width:75%}}.notifications-page{max-width:800px;margin:0 auto;padding:20px}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.notifications-header h1{margin:0;font-size:28px;font-weight:700;color:var(--text-primary)}.mark-all-read-button{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.mark-all-read-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.notifications-list{display:flex;flex-direction:column;gap:0}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;position:relative}.notification-item:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.notification-item.unread{background:var(--bg-highlight);border-color:var(--primary-color)}:root[data-theme=light] .notification-item.unread{background:#f0f9ff}.notification-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;overflow:hidden}.notification-icon img{width:100%;height:100%;object-fit:cover}.notification-content{flex:1;min-width:0}.notification-message{font-size:15px;line-height:1.5;color:var(--text-primary);margin:0 0 6px}.notification-time{font-size:13px;color:var(--text-secondary)}.notification-dot{width:10px;height:10px;border-radius:50%;background:var(--primary-color);flex-shrink:0;margin-top:6px}.no-notifications{text-align:center;padding:80px 20px}.no-notifications-icon{font-size:64px;margin-bottom:16px;opacity:.5}.no-notifications h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.no-notifications p{font-size:16px;color:var(--text-secondary);margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-container p{margin-top:16px;font-size:16px;color:var(--text-secondary)}.error-message{padding:16px;background:#fee;color:#c00;border:1px solid #fcc;border-radius:8px;margin-bottom:20px;font-size:14px}.load-more-button{width:100%;padding:12px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:12px}.load-more-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-color)}.load-more-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.notifications-page{padding:12px}.notifications-header{flex-direction:column;align-items:flex-start;gap:12px}.notifications-header h1{font-size:24px}.mark-all-read-button{width:100%}.notification-item{padding:12px}.notification-icon{width:40px;height:40px;font-size:20px}.notification-message{font-size:14px}.notification-time{font-size:12px}}.unified-search-container{position:relative;width:100%;max-width:600px;margin:0 auto}.search-input-container{position:relative;width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center}.unified-search-input{width:100%;padding:.75rem 3rem .75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;background-color:#fff;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.unified-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 8px #0000001a}.unified-search-input::placeholder{color:#9ca3af}.search-icon{position:absolute;right:1rem;color:#6b7280;font-size:1.2rem;pointer-events:none}.search-loading{position:absolute;right:3rem;font-size:1rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.search-results-overlay{position:fixed;inset:0;background:#00000080;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:5rem;overflow-y:auto}.search-results-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:800px;max-height:80vh;overflow:hidden;margin-bottom:2rem}.search-results-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.search-results-header h3{margin:0;color:#000;font-size:1.25rem;font-weight:600}.total-results{color:#6b7280;font-size:.875rem}.close-results{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.close-results:hover{background:#e5e7eb;color:#666}.search-results-content{padding:1.5rem 2rem;max-height:60vh;overflow-y:auto}.search-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center}.no-results{text-align:center;padding:3rem 1rem;color:#6b7280}.no-results-icon{font-size:3rem;margin-bottom:1rem}.no-results h4{margin:0 0 .5rem;color:#666;font-size:1.25rem}.no-results p{margin:0;font-size:.875rem}.search-categories{display:flex;flex-direction:column;gap:2rem}.search-category{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.category-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.category-header h4{margin:0;color:#000;font-size:1.1rem;font-weight:600}.result-count{color:#6b7280;font-size:.875rem;font-weight:500}.view-more-btn{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.view-more-btn:hover{background:#2563eb;transform:translateY(-1px)}.category-results{display:flex;flex-direction:column}.result-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s}.result-item:last-child{border-bottom:none}.result-item:hover{background:#f8fafc;transform:translate(4px)}.result-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid #e2e8f0}.avatar-placeholder{width:100%;height:100%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#6b7280}.result-content{flex:1;min-width:0}.result-title{font-weight:600;color:#000;font-size:1rem;margin-bottom:.25rem;word-break:break-word}.result-subtitle{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.result-snippet{color:#4b5563;font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.tag{background:#e0f2fe;color:#0369a1;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.result-meta{flex-shrink:0;text-align:right;color:#9ca3af;font-size:.75rem}.result-type{display:block;font-weight:500;margin-bottom:.25rem;text-transform:capitalize}.result-date{display:block}.user-item{border-left:4px solid #10b981}.post-item{border-left:4px solid #f59e0b}.event-item{border-left:4px solid #8b5cf6}.room-item{border-left:4px solid #ef4444}@media (max-width: 768px){.search-results-overlay{padding-top:2rem}.search-results-container{width:95%;max-height:85vh}.search-results-header{padding:1rem 1.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.close-results{position:absolute;top:1rem;right:1rem}.search-results-content{padding:1rem 1.5rem}.category-header{padding:.75rem 1rem;flex-direction:column;align-items:flex-start;gap:.5rem}.result-item{padding:.75rem 1rem;gap:.75rem}.result-avatar{width:40px;height:40px}.result-meta{display:none}.result-tags{margin-top:.25rem}}@media (max-width: 480px){.unified-search-input{padding:.625rem 2.5rem .625rem .75rem;font-size:.9rem}.search-icon{right:.75rem;font-size:1rem}.result-content{font-size:.875rem}.result-title{font-size:.9rem}.result-subtitle,.result-snippet{font-size:.8rem}}.search-test-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.search-test-container{max-width:1200px;margin:0 auto}.search-test-header{text-align:center;color:#fff;margin-bottom:3rem}.search-test-header h1{font-size:3rem;margin:0 0 .5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.search-test-header p{font-size:1.25rem;margin:0;opacity:.9}.search-demo-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.search-test-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.info-section h3{margin:0 0 1rem;color:#000;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.info-section ul{margin:0;padding-left:1.5rem}.info-section li{margin-bottom:.75rem;line-height:1.5;color:#4b5563}.info-section li:last-child{margin-bottom:0}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.status-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;font-weight:500;transition:all .2s}.status-item.completed{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.status-item.pending{background:#fffbeb;color:#92400e;border:1px solid #fed7aa}.status-icon{font-size:1.25rem}.search-suggestions{display:flex;flex-wrap:wrap;gap:.5rem}.suggestion{background:#f3f4f6;color:#666;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid #e5e7eb}.suggestion:hover{background:#e5e7eb;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.search-test-page{padding:1rem .5rem}.search-test-header h1{font-size:2rem}.search-test-header p{font-size:1rem}.search-demo-section{padding:1.5rem}.info-section{padding:1rem}.status-grid{grid-template-columns:1fr}.search-suggestions{justify-content:center}}@media (max-width: 480px){.search-test-header h1{font-size:1.75rem}.search-demo-section{padding:1rem}.info-section{padding:.75rem}.info-section h3{font-size:1rem}.info-section li{font-size:.875rem}}.search-nav{background:transparent;border-bottom:none;position:sticky;top:0;z-index:100;width:100%}.search-nav-container{display:flex;gap:0;max-width:1400px;margin:0 auto;padding:0 1rem;overflow-x:auto;scrollbar-width:none}.search-nav-container::-webkit-scrollbar{display:none}.search-nav-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #a0a0a0);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;position:relative}.search-nav-tab:hover{color:var(--text-primary, #ffffff);background:#ffffff08}.search-nav-tab.active{color:var(--success-color, #10b981);border-bottom-color:var(--success-color, #10b981)}.tab-label{font-weight:500}:root[data-theme=dark] .search-nav{background:transparent;border-bottom:none}:root[data-theme=dark] .search-nav-tab{color:#888}:root[data-theme=dark] .search-nav-tab:hover{color:#e0e0e0;background:#ffffff0d}:root[data-theme=dark] .search-nav-tab.active{color:#10b981}@media (max-width: 768px){.search-nav-tab{padding:.875rem 1rem;font-size:.875rem}.search-nav-container{justify-content:space-around;padding:0 .5rem}}.search-all-page{min-height:100vh;min-width:900px;background:var(--bg-primary, #000000);color:var(--text-primary, #ffffff);padding-top:2rem}.search-results-section{padding:2rem 1.5rem 3rem;max-width:1400px;margin:0 auto}.search-summary{text-align:center;margin-bottom:2.5rem;padding:2rem 1.5rem;background:linear-gradient(135deg,#10b9810d,#8b5cf60d);border:1px solid rgba(255,255,255,.1);border-radius:16px}.search-summary h2{margin:0 0 .5rem;color:var(--text-primary, #ffffff);font-size:1.75rem;font-weight:600}.search-summary p{margin:0;color:var(--text-secondary, #a0a0a0);font-size:1rem}.search-silos{display:grid;gap:2rem}.search-silo{background:var(--bg-secondary, #1a1a1a);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:border-color .3s ease;min-height:300px;display:flex;flex-direction:column}.search-silo:hover{border-color:#ffffff26}:root[data-theme=dark] .search-results-section{background:transparent}:root[data-theme=dark] .search-summary{background:linear-gradient(135deg,#10b98114,#8b5cf614);border-color:#ffffff26}:root[data-theme=dark] .search-summary h2{color:#e0e0e0}:root[data-theme=dark] .search-summary p{color:#a0a0a0}:root[data-theme=dark] .search-silo{background:transparent;border:none}.silo-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;background:transparent;border-bottom:none;gap:1rem;flex-shrink:0}.silo-header h3{margin:0;color:var(--text-primary, #ffffff);font-size:1.5rem;font-weight:600;flex:1}:root[data-theme=dark] .silo-header{background:transparent;border-bottom:none}:root[data-theme=dark] .silo-header h3{color:#e0e0e0}.result-count{color:var(--text-secondary, #a0a0a0);font-size:.875rem;font-weight:500}.silo-actions{display:flex;gap:.75rem;align-items:center}.refine-search-btn{background:var(--success-color, #10b981);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.refine-search-btn:hover{opacity:.9;transform:translateY(-1px)}.advanced-search-btn{background:#ffffff0d;color:var(--text-primary, #ffffff);border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.advanced-search-btn svg{width:16px;height:16px}.advanced-search-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.refine-search-btn-secondary{background:#ffffff1a;color:var(--text-primary, #ffffff);border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.refine-search-btn-secondary:hover{background:#ffffff26}.silo-content{padding:1rem 0;flex:1;min-height:200px;display:flex;flex-direction:column;align-items:center}.no-results-silo{text-align:center;padding:3rem 2rem;color:var(--text-secondary, #a0a0a0);max-width:900px;margin:0 auto}.no-results-silo .no-results-icon{margin-bottom:1rem;color:var(--text-tertiary, #6b7280);opacity:.5;display:flex;align-items:center;justify-content:center}.no-results-silo .no-results-icon svg{width:48px;height:48px}.no-results-silo p{margin:0 0 1rem;font-size:1rem}.results-grid{display:flex;flex-direction:column;gap:1rem;width:100%}.result-card{display:flex;gap:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;background:var(--bg-tertiary, rgba(255, 255, 255, .03));align-items:center;min-height:120px;min-width:900px;max-width:900px;box-sizing:border-box}@media (max-width: 1024px){.result-card{min-width:600px}}@media (max-width: 768px){.result-card{min-width:auto;max-width:100%}}.result-card:hover{border-color:var(--success-color, #10b981);background:#ffffff0d;transform:translateY(-2px)}:root[data-theme=dark] .result-card{background:#ffffff05;border-color:#ffffff14}:root[data-theme=dark] .result-card:hover{background:#ffffff0a;border-color:#10b98180}.user-card{border-left:4px solid #10b981}.post-card{border-left:4px solid #f59e0b}.post-card .result-avatar{display:none}.post-meta-header{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary, #a0a0a0);margin-bottom:.5rem}:root[data-theme=dark] .post-meta-header{color:#a0a0a0}.post-author-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.post-author-avatar-placeholder{width:20px;height:20px;border-radius:50%;background:var(--bg-tertiary, rgba(255, 255, 255, .1));display:flex;align-items:center;justify-content:center;flex-shrink:0}:root[data-theme=dark] .post-author-avatar-placeholder{background:#ffffff14;color:#888}.post-author-avatar-placeholder svg{width:12px;height:12px}.post-source{font-weight:500}.post-time{opacity:.8}.post-card .result-info{flex:1;display:flex;flex-direction:column;gap:.5rem;width:100%;min-width:0;align-items:flex-start;text-align:left}.post-card .result-title{font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}:root[data-theme=dark] .post-card .result-title{color:#e0e0e0}.post-card .result-subtitle{font-size:.8125rem;opacity:.7;margin:0;order:-1}.post-card .result-snippet{font-size:.875rem;margin:0;color:var(--text-secondary, #a0a0a0)}.post-card .result-tags{margin-top:.5rem}.post-card .result-date{display:none}.post-card-metadata{display:flex;gap:1rem;font-size:.75rem;color:var(--text-tertiary, #6b7280);margin-top:.5rem;align-items:center}:root[data-theme=dark] .post-card-metadata{color:#888}.post-card-metadata span{display:flex;align-items:center;gap:.25rem}.event-card{border-left:4px solid #8b5cf6}.room-card{border-left:4px solid #ef4444}.result-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.result-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#10b9811a,#8b5cf61a);display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #a0a0a0)}.avatar-placeholder svg{width:24px;height:24px;opacity:.7}:root[data-theme=dark] .avatar-placeholder{background:#ffffff0d;color:#888}.result-info{flex:1;min-width:0}.result-title{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff);word-break:break-word}:root[data-theme=dark] .result-title{color:#e0e0e0}.result-subtitle{margin:0 0 .5rem;font-size:.875rem;color:var(--text-secondary, #a0a0a0)}:root[data-theme=dark] .result-subtitle{color:#a0a0a0}.result-snippet{margin:0 0 .75rem;font-size:.875rem;color:var(--text-secondary, #a0a0a0);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:root[data-theme=dark] .result-snippet{color:#888}.result-tags{display:flex;flex-wrap:wrap;gap:.25rem}.tag{background:#10b98126;color:var(--success-color, #10b981);padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid rgba(16,185,129,.3)}.tag-more{background:#ffffff0d;color:var(--text-tertiary, #6b7280);padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.result-date{flex-shrink:0;color:var(--text-tertiary, #6b7280);font-size:.75rem;text-align:right}.loading-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary, #a0a0a0)}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--success-color, #10b981);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-message{text-align:center;padding:2rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;margin-bottom:2rem}.error-message p{margin:0 0 1rem;color:#ef4444}.retry-btn{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem}.retry-btn:hover{background:#b91c1c}.no-overall-results{text-align:center;padding:4rem 2rem;color:var(--text-secondary, #a0a0a0)}.no-overall-results .no-results-icon{font-size:4rem;margin-bottom:1rem}.no-overall-results h3{margin:0 0 .5rem;color:var(--text-primary, #ffffff);font-size:1.5rem}.no-overall-results p{margin:0 0 2rem;font-size:1rem}.search-suggestions{max-width:300px;margin:0 auto}.search-suggestions p{margin:0 0 1rem;font-weight:500;color:var(--text-primary, #ffffff)}.suggestions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.suggestion{background:#f3f4f6;color:#666;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;cursor:pointer;transition:all .2s}.suggestion:hover{background:#e5e7eb;transform:translateY(-1px)}@media (max-width: 768px){.search-header{padding:2rem 1rem}.search-header h1{font-size:2rem}.search-input-container{flex-direction:column}.search-btn{border-radius:0 0 12px 12px}.silo-header{padding:1rem 1.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.silo-content{padding:1.5rem}.results-grid{grid-template-columns:1fr}.result-card{padding:1rem;flex-direction:column;text-align:center;gap:1rem}.result-info{text-align:center}}@media (max-width: 480px){.search-header{padding:1.5rem .5rem}.search-header h1{font-size:1.75rem}.search-page-container{padding:0 .5rem}.search-header{margin:0 -.5rem}.silo-header,.silo-content{padding:1rem}.result-card{padding:.75rem;gap:.75rem;flex-direction:column;text-align:center}.result-avatar{width:40px;height:40px}}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:2rem 0;margin-top:1rem}.pagination-btn{padding:.5rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s,opacity .2s}.pagination-btn:hover:not(:disabled){background-color:var(--primary-hover)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background-color:var(--primary-color)}.pagination-info{font-size:.95rem;color:var(--text-primary);font-weight:500;min-width:120px;text-align:center}:root[data-theme=dark] .pagination-info{color:#fff!important;background-color:transparent!important;border:none!important}:root[data-theme=dark] .pagination-btn{background-color:var(--primary-color-dark)}:root[data-theme=dark] .pagination-btn:hover:not(:disabled){background-color:var(--primary-hover-dark);color:#fff!important}:root[data-theme=dark] .pagination-btn:disabled{background-color:var(--primary-color-dark)}.search-users-page{min-height:100vh;min-width:900px;background:var(--bg-primary, #000000);color:var(--text-primary, #ffffff);padding-top:2rem}.filters-bar{background:transparent;border-bottom:none;padding:1rem 0;position:sticky;top:61px;z-index:99}.filters-bar-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:.75rem}.filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary, #a0a0a0);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-toggle-btn:hover{background:#ffffff14;border-color:#ffffff26;color:var(--text-primary, #ffffff)}.filter-toggle-btn.active{background:#10b9811a;border-color:#10b9814d;color:var(--success-color, #10b981)}.clear-all-filters-btn{padding:.625rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-tertiary, #888888);font-size:.875rem;cursor:pointer;transition:all .2s}.clear-all-filters-btn:hover{border-color:#ff4d4d80;color:#ff4d4d}:root[data-theme=dark] .filters-bar{background:transparent;border-bottom:none}:root[data-theme=dark] .filter-toggle-btn{background:#ffffff08;color:#888}:root[data-theme=dark] .filter-toggle-btn:hover{background:#ffffff0f;color:#e0e0e0}.back-to-all-btn{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--success-color, #10b981);padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.back-to-all-btn:hover{background:#10b98133;transform:translateY(-1px)}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-btn{padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:18px;cursor:pointer;transition:all .2s ease;min-width:60px}.search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.filters-toggle-btn{background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:#667eea;padding:12px 20px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease;display:block;margin:0 auto}.filters-toggle-btn:hover{background:#667eea33;transform:translateY(-1px)}.filters-section{background:transparent;border-bottom:none;padding:1.5rem 0;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.filters-container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:500;color:var(--text-secondary, #a0a0a0);font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px}.filter-group input,.filter-group select{padding:.625rem .75rem;background:var(--bg-primary, #000000);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.875rem;color:var(--text-primary, #ffffff);transition:all .2s}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--success-color, #10b981);background:var(--bg-secondary, #1a1a1a)}.filter-group input::placeholder{color:var(--text-tertiary, #888888)}.filters-actions{display:flex;gap:.75rem;justify-content:center}.apply-filters-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.apply-filters-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s ease}.retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.users-grid{display:flex;flex-direction:column;gap:1rem;width:100%}.user-card{display:flex;gap:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;background:var(--bg-tertiary, rgba(255, 255, 255, .03));align-items:center;min-height:120px;min-width:900px;max-width:900px;box-sizing:border-box;flex-direction:row;position:relative;overflow:hidden}.user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.user-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}:root[data-theme=dark] .user-card{background:#ffffff08;border-color:#ffffff1a}:root[data-theme=dark] .user-card:hover{background:#ffffff0f;border-color:#fff3}.user-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea33;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{color:#fff;font-size:2rem;font-weight:700}.user-info{flex:1;display:flex;flex-direction:column;gap:8px;text-align:left;min-width:0}.user-name{margin:0;color:#333;font-size:1.25rem;font-weight:600}.user-username{margin:0;color:#667eea;font-size:.9rem;font-weight:500}.user-bio{margin:0;color:#555;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-meta{display:flex;justify-content:flex-start;gap:16px;flex-wrap:wrap;margin:8px 0}.user-location,.user-age{color:#555;font-size:.85rem;white-space:nowrap}.user-interests{display:flex;justify-content:flex-start;gap:6px;flex-wrap:wrap;margin:12px 0}.interest-tag{background:#667eea1a;color:#667eea;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:500}.interest-more{background:#9ca3af33;color:#6b7280;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:500}.user-since{color:#9ca3af;font-size:.8rem;margin-top:auto;padding-top:8px;border-top:1px solid #f3f4f6;align-self:flex-start}.pagination-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s ease}.pagination-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}@media (max-width: 768px){.search-users-page{padding:12px}.search-header{padding:20px}.search-header h1{font-size:2rem}.header-top{flex-direction:column;gap:12px;text-align:center}.back-to-all-btn{align-self:flex-start}.search-input-container{flex-direction:column}.filters-grid{grid-template-columns:1fr}.filters-actions{flex-direction:column}.users-grid{gap:16px}.user-card{flex-direction:column;text-align:center;min-height:auto}.user-info{text-align:center}.user-meta{justify-content:center;flex-direction:column;gap:8px}.user-interests{justify-content:center}.pagination{flex-direction:column;gap:12px}.pagination-btn{width:100%;max-width:200px}}@media (max-width: 480px){.search-header{padding:16px}.search-header h1{font-size:1.8rem}.search-results-section{padding:20px}.user-card{padding:16px}.user-avatar{width:60px;height:60px}.avatar-placeholder{font-size:1.5rem}}:root[data-theme=dark] .filters-section{background:transparent;border-bottom:none}:root[data-theme=dark] .filter-group input,:root[data-theme=dark] .filter-group select{background:#0a0a0a;border-color:#ffffff14;color:#e0e0e0}:root[data-theme=dark] .filter-group input::placeholder{color:#606060}:root[data-theme=dark] .filter-group label{color:#a0a0a0}.search-posts-page{min-height:100vh;min-width:900px;background:var(--bg-primary, #000000);color:var(--text-primary, #ffffff);padding-top:2rem}.search-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:30px;margin-bottom:24px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.back-to-all-btn{background:#48bb781a;border:1px solid rgba(72,187,120,.3);color:#48bb78;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.back-to-all-btn:hover{background:#48bb7833;transform:translateY(-1px)}.search-input:focus{outline:none;border-color:#48bb78;box-shadow:0 0 0 3px #48bb781a}.search-btn{padding:16px 24px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;font-size:18px;cursor:pointer;transition:all .2s ease;min-width:60px}.search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #48bb784d}.search-btn:disabled{opacity:.7;cursor:not-allowed}.filters-toggle-btn{background:#48bb781a;border:1px solid rgba(72,187,120,.3);color:#48bb78;padding:12px 20px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease;display:block;margin:0 auto}.filters-toggle-btn:hover{background:#48bb7833;transform:translateY(-1px)}.filters-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-container h3{color:#333;margin:0 0 20px;text-align:center;font-size:1.3rem}.filter-group label{font-weight:600;color:#555;font-size:14px}.filter-group input,.filter-group select{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#48bb78;box-shadow:0 0 0 3px #48bb781a}.filters-actions{display:flex;gap:12px;justify-content:center}.apply-filters-btn,.clear-filters-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.apply-filters-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.apply-filters-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #48bb784d}.clear-filters-btn{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.clear-filters-btn:hover{background:#ef444433;transform:translateY(-1px)}.error-message{text-align:center;padding:40px;color:#dc2626}.error-message p{margin-bottom:16px;font-size:1.1rem}.retry-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s ease}.retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #48bb784d}.loading-state{text-align:center;padding:60px 20px;color:#555}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #48bb78;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-state p{font-size:1.1rem;margin:0}.no-results{text-align:center;padding:60px 20px;color:#555}.no-results-icon{font-size:4rem;margin-bottom:20px}.no-results h3{margin:0 0 12px;font-size:1.5rem;color:#333}.no-results p{margin:0;font-size:1.1rem}.posts-grid{display:flex;flex-direction:column;gap:1rem;width:100%}.post-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;background:var(--bg-tertiary, rgba(255, 255, 255, .03));min-width:900px;max-width:900px;box-sizing:border-box;position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#48bb78,#38a169)}.post-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}:root[data-theme=dark] .post-card{background:#ffffff08;border-color:#ffffff1a}:root[data-theme=dark] .post-card:hover{background:#ffffff0f;border-color:#fff3}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.post-type-badge{background:#48bb781a;color:#48bb78;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:capitalize}.post-container-type{background:#9ca3af33;color:#6b7280;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:500}.post-content{flex:1}.post-title{margin:0 0 8px;color:#333;font-size:1.25rem;font-weight:600;line-height:1.3}.post-author{margin:0 0 12px;color:#48bb78;font-size:.9rem;font-weight:500}.post-excerpt{margin:0 0 16px;color:#555;font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tag{background:#48bb781a;color:#48bb78;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:500}.tag-more{background:#9ca3af33;color:#6b7280;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:500}.post-meta{display:flex;gap:16px;color:#6b7280;font-size:.85rem;padding-top:12px;border-top:1px solid #f3f4f6}.post-votes,.post-comments,.post-date{display:flex;align-items:center;gap:4px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;padding-top:20px;border-top:2px solid #f7fafc}.pagination-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s ease}.pagination-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #48bb784d}.pagination-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.pagination-info{color:#555;font-size:16px;font-weight:500}@media (max-width: 768px){.search-posts-page{padding:12px}.search-header{padding:20px}.search-header h1{font-size:2rem}.header-top{flex-direction:column;gap:12px;text-align:center}.back-to-all-btn{align-self:flex-start}.search-input-container{flex-direction:column}.filters-grid{grid-template-columns:1fr}.filters-actions{flex-direction:column}.post-meta{flex-direction:column;gap:8px}.pagination{flex-direction:column;gap:12px}.pagination-btn{width:100%;max-width:200px}}@media (max-width: 480px){.search-header{padding:16px}.search-header h1{font-size:1.8rem}.search-results-section{padding:20px}.post-card{padding:16px}.post-header{flex-direction:column;align-items:flex-start;gap:8px}}.search-events-page{min-height:100vh;min-width:900px;background:var(--bg-primary, #000000);color:var(--text-primary, #ffffff);padding-top:2rem}.back-to-all-btn{background:#ed89361a;border:1px solid rgba(237,137,54,.3);color:#ed8936;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.back-to-all-btn:hover{background:#ed893633;transform:translateY(-1px)}.search-input:focus{outline:none;border-color:#ed8936;box-shadow:0 0 0 3px #ed89361a}.search-btn{padding:16px 24px;background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none;border-radius:12px;font-size:18px;cursor:pointer;transition:all .2s ease;min-width:60px}.search-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ed89364d}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#ed8936;box-shadow:0 0 0 3px #ed89361a}.apply-filters-btn{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.apply-filters-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ed89364d}.events-grid{display:flex;flex-direction:column;gap:1rem;width:100%}.event-card{display:flex;flex-direction:column;padding:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;background:var(--bg-tertiary, rgba(255, 255, 255, .03));min-width:900px;max-width:900px;box-sizing:border-box;overflow:hidden}.event-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}:root[data-theme=dark] .event-card{background:#ffffff08;border-color:#ffffff1a}:root[data-theme=dark] .event-card:hover{background:#ffffff0f;border-color:#fff3}.event-card-header{padding:20px 20px 16px;border-bottom:1px solid #f7fafc}.event-title{color:#333;margin:0 0 8px;font-size:1.25rem;font-weight:600;line-height:1.3}.event-activity{display:flex;align-items:center;gap:8px}.activity-name{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:500}.event-card-body{padding:16px 20px}.event-description{color:#555;margin:0 0 16px;line-height:1.5;font-size:14px}.event-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.event-detail{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}.detail-icon{font-size:14px;width:16px;text-align:center}.full-badge{background:#fed7d7;color:#c53030;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-left:8px}.event-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#ed89361a;color:#c05621;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.event-card-footer{padding:16px 20px;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e2e8f0}.event-date{font-size:13px;font-weight:500;color:#555}.view-event-btn{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-event-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ed89364d}.loading-spinner{display:flex;flex-direction:column;align-items:center;padding:60px;gap:16px}.spinner{width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;border:4px solid #f3f4f6;border-top:4px solid #ed8936;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0;aspect-ratio:1 / 1}.pagination-btn{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #ed89364d}.coming-soon li:before{content:"✓";position:absolute;left:0;color:#ed8936;font-weight:700}@media (max-width: 768px){.search-events-page{padding:12px}.search-header{padding:20px}.search-header h1{font-size:2rem}.header-top{flex-direction:column;gap:12px;text-align:center}.back-to-all-btn{align-self:flex-start}.search-input-container{flex-direction:column}.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.events-grid{grid-template-columns:1fr}.event-card-footer{flex-direction:column;gap:12px;align-items:stretch}.pagination-container{flex-direction:column;gap:12px}.coming-soon{padding:40px 16px}.coming-soon h2{font-size:1.5rem}}.search-rooms-page{min-height:100vh;min-width:900px;background:var(--bg-primary, #000000);color:var(--text-primary, #ffffff);padding-top:2rem}.search-page-container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.search-header{background:var(--bg-secondary, #1a1a1a);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem}.search-header-content{max-width:600px;margin:0 auto}.header-top{display:flex;align-items:center;gap:16px;margin-bottom:8px}.back-to-all-btn{background:#9f7aea1a;border:1px solid rgba(159,122,234,.3);color:#9f7aea;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.back-to-all-btn:hover{background:#9f7aea33;transform:translateY(-1px)}.search-header h1{font-size:2.5rem;color:#333;margin:0;text-align:center;flex:1}.search-header p{color:#555;text-align:center;margin:8px 0 24px;font-size:1.1rem}.search-form{margin-bottom:20px}.search-input-container{display:flex;gap:12px;max-width:500px;margin:0 auto}.search-input{flex:1;padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;background:#fff;transition:all .2s ease}.search-input:focus{outline:none;border-color:#9f7aea;box-shadow:0 0 0 3px #9f7aea1a}.search-btn{padding:16px 24px;background:linear-gradient(135deg,#9f7aea,#805ad5);color:#fff;border:none;border-radius:12px;font-size:18px;cursor:pointer;transition:all .2s ease;min-width:60px}.search-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9f7aea4d}.search-results-section{padding:2rem 1.5rem;max-width:1400px;margin:0 auto}.filters-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.filters-section h3{color:#333;margin:0 0 20px;font-size:1.3rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{color:#555;font-weight:600;font-size:14px}.filter-group input,.filter-group select{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#9f7aea;box-shadow:0 0 0 3px #9f7aea1a}.filter-actions{display:flex;gap:12px}.apply-filters-btn,.clear-filters-btn{padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;border:none}.apply-filters-btn{background:linear-gradient(135deg,#9f7aea,#805ad5);color:#fff}.apply-filters-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #9f7aea4d}.clear-filters-btn{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.clear-filters-btn:hover{background:#6b728033}.results-header{margin-bottom:24px}.results-header h2{color:#333;margin:0;font-size:1.5rem}.results-count{color:#6b7280;font-weight:400;font-size:1rem}.rooms-grid{display:flex;flex-direction:column;gap:1rem;width:100%}.room-card{display:flex;flex-direction:row;gap:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;background:var(--bg-tertiary, rgba(255, 255, 255, .03));align-items:center;min-height:120px;min-width:900px;max-width:900px;box-sizing:border-box;overflow:hidden}.room-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}:root[data-theme=dark] .room-card{background:#ffffff08;border-color:#ffffff1a}:root[data-theme=dark] .room-card:hover{background:#ffffff0f;border-color:#fff3}.room-card-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-right:1px solid #f7fafc;background:#fafafa;min-width:200px;flex-shrink:0}.room-image{width:80px;height:80px;border-radius:12px;object-fit:cover;margin-bottom:12px;border:2px solid #e2e8f0}.room-header-content{text-align:center;width:100%}.room-name{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:#333;line-height:1.3;text-align:center}.room-visibility{display:flex;align-items:center;justify-content:center}.visibility-badge{padding:4px 12px;border-radius:16px;font-size:13px;font-weight:500}.visibility-badge.public{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.visibility-badge.private{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.room-card-body{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.room-description{color:#555;margin:0 0 16px;line-height:1.5;font-size:14px}.room-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.stat-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#555;background:#f7fafc;padding:6px 10px;border-radius:8px}.stat-icon{font-size:14px}.room-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#9f7aea1a;color:#7c3aed;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.room-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid #e2e8f0}.created-date{font-size:13px;font-weight:500;color:#555}.view-room-btn{background:linear-gradient(135deg,#9f7aea,#805ad5);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-room-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #9f7aea4d}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;background:transparent}.loading-state .loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.2);border-top:4px solid #9f7aea;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:var(--text-secondary, rgba(255, 255, 255, .7));margin:0;font-size:1rem}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #9f7aea;border-radius:50%;animation:spin 1s linear infinite}.error-message{text-align:center;padding:40px 20px;color:#e53e3e;background:#fed7d7;border-radius:8px;margin:20px 0}.no-results{text-align:center;padding:60px 20px}.no-results-icon{font-size:3rem;margin-bottom:16px}.no-results h3{color:#333;margin:0 0 12px;font-size:1.5rem}.no-results p{color:#6b7280;margin:0;font-size:1rem}.search-prompt{text-align:center;padding:60px 20px}.search-prompt-icon{font-size:3rem;margin-bottom:16px}.search-prompt h3{color:#333;margin:0 0 12px;font-size:1.5rem}.search-prompt p{color:#6b7280;margin:0;font-size:1rem}.pagination-container{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;padding:20px 0}.pagination-btn{background:linear-gradient(135deg,#9f7aea,#805ad5);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #9f7aea4d}.pagination-btn:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed}.pagination-info{color:#555;font-weight:500;font-size:14px}.coming-soon{text-align:center;padding:60px 20px;max-width:600px;margin:0 auto}.coming-soon-icon{font-size:4rem;margin-bottom:20px}.coming-soon h2{color:#333;margin:0 0 20px;font-size:2rem}.coming-soon p{color:#555;margin:16px 0;font-size:1.1rem;line-height:1.6}.coming-soon ul{text-align:left;margin:24px 0;padding-left:0;list-style:none}.coming-soon li{color:#555;margin:12px 0;font-size:1rem;padding-left:20px;position:relative}.coming-soon li:before{content:"✓";position:absolute;left:0;color:#9f7aea;font-weight:700}@media (max-width: 768px){.search-rooms-page{padding:12px}.search-header{padding:20px}.search-header h1{font-size:2rem}.header-top{flex-direction:column;gap:12px;text-align:center}.back-to-all-btn{align-self:flex-start}.search-input-container{flex-direction:column}.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.rooms-grid{grid-template-columns:1fr}.room-card-header{flex-direction:column;text-align:center}.room-card-footer{flex-direction:column;gap:12px;align-items:stretch}.pagination-container{flex-direction:column;gap:12px}.coming-soon{padding:40px 16px}.coming-soon h2{font-size:1.5rem}}.universal-detail-page{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.universal-detail-layout{display:flex;min-height:calc(100vh - 60px);padding-top:60px}.universal-detail-main{flex:1;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box}.udp-back-nav{margin-bottom:16px}.udp-back-btn{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;color:var(--text-muted, #9ca3af);text-decoration:none;transition:color .15s ease;padding:4px 0}.udp-back-btn:hover{color:var(--text-primary, #f3f4f6)}.udp-body{display:flex;align-items:flex-start;gap:24px}.udp-post-col{flex:1;min-width:0}.udp-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}.udp-room-card{background:var(--bg-secondary, #1e2128);border:1px solid var(--border-color, #323743);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.udp-room-card-header{display:flex;align-items:center;gap:10px}.udp-room-avatar{width:44px;height:44px;border-radius:50%;background:var(--accent-primary, #22c55e);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;font-weight:700;font-size:1.1rem;color:#fff}.udp-room-avatar img{width:100%;height:100%;object-fit:cover}.udp-room-card-title{display:flex;flex-direction:column;gap:3px;min-width:0}.udp-room-name{font-weight:700;font-size:.9rem;color:var(--text-primary, #f3f4f6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.udp-room-members{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted, #9ca3af)}.udp-room-description{font-size:.82rem;color:var(--text-secondary, #bdc1ca);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.udp-room-stats{display:flex;gap:8px}.udp-room-stat{flex:1;background:var(--bg-tertiary, #171a1f);border-radius:8px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:2px}.udp-room-stat-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #9ca3af)}.udp-room-stat-value{font-size:.875rem;font-weight:700;color:var(--text-primary, #f3f4f6)}.udp-view-community-btn{display:block;width:100%;padding:8px;text-align:center;border:1px solid var(--border-color, #323743);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-primary, #f3f4f6);text-decoration:none;transition:background-color .15s ease,color .15s ease;box-sizing:border-box}.udp-view-community-btn:hover{background:var(--bg-tertiary, #171a1f)}.universal-detail-container{max-width:100%;margin:0 auto}.universal-detail-content{background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-bottom:20px}@media (max-width: 1024px){.udp-sidebar{width:240px}}@media (max-width: 768px){.universal-detail-layout{padding-top:60px}.universal-detail-main{padding:16px}.udp-body{flex-direction:column}.udp-sidebar{width:100%;position:static}.universal-detail-container{margin:0}.universal-detail-content{border-radius:0;margin:0 -16px 20px}.universal-detail-loading,.universal-detail-error{padding:40px 20px}.universal-detail-error h2{font-size:20px}.universal-detail-error p{font-size:14px}}.universal-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.universal-detail-loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.universal-detail-loading p{color:var(--text-secondary);font-size:16px;margin:0}.universal-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.universal-detail-error h2{color:var(--text-primary);font-size:24px;margin-bottom:12px;font-weight:600}.universal-detail-error p{color:var(--text-secondary);font-size:16px;margin-bottom:24px;max-width:400px;line-height:1.5}.universal-detail-retry-btn{background:var(--accent-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.universal-detail-retry-btn:hover{background:var(--accent-color-hover);transform:translateY(-1px)}.universal-detail-retry-btn:active{transform:translateY(0)}@media (max-width: 768px){.universal-detail-layout{padding-top:60px}.universal-detail-main{padding:16px}.universal-detail-container{margin:0}.universal-detail-content{border-radius:0;margin:0 -16px 20px}.universal-detail-loading,.universal-detail-error{padding:40px 20px}.universal-detail-error h2{font-size:20px}.universal-detail-error p{font-size:14px}}@media (max-width: 480px){.universal-detail-main{padding:12px}.universal-detail-content{margin:0 -12px 16px}.universal-detail-loading,.universal-detail-error{padding:30px 16px}}.universal-detail-page.dark{background-color:var(--bg-primary-dark);color:var(--text-primary-dark)}.dark .universal-detail-content{background:var(--bg-secondary-dark);box-shadow:0 2px 8px #0000004d}.dark .universal-detail-loading-spinner{border-color:var(--border-color-dark);border-top-color:var(--accent-color)}.dark .universal-detail-loading p{color:var(--text-secondary-dark)}.dark .universal-detail-error h2{color:var(--text-primary-dark)}.dark .universal-detail-error p{color:var(--text-secondary-dark)}.universal-detail-retry-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}.universal-detail-retry-btn:focus:not(:focus-visible){outline:none}.universal-detail-content{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-contrast: high){.universal-detail-content{border:1px solid var(--border-color)}.universal-detail-retry-btn{border:2px solid var(--accent-color)}}@media (prefers-reduced-motion: reduce){.universal-detail-loading-spinner,.universal-detail-content{animation:none}.universal-detail-retry-btn{transition:none}}.lp-page{min-height:100vh;background:var(--bg-primary, #0d0f12);color:var(--text-primary, #f3f4f6)}.lp-page .page-layout{display:flex;min-height:calc(100vh - var(--topbar-height, 60px));margin-top:var(--topbar-height, 60px)}.lp-page .main-content{flex:1;margin-left:var(--leftnav-width, 220px);padding:28px 24px;overflow-y:auto}.lp-container{max-width:860px;margin:0 auto;padding-bottom:60px}.lp-header{margin-bottom:24px}.lp-header__title{font-size:28px;font-weight:600;color:var(--text-primary, #f3f4f6);margin:0 0 6px}.lp-header__subtitle{font-size:14px;color:var(--text-muted, #9ca3af);margin:0 0 4px}.lp-header__meta{font-size:13px;color:var(--text-muted, #9ca3af);margin:0;opacity:.75}.lp-card{background:var(--bg-secondary, #1e2128);border:1px solid rgba(50,55,67,.5);border-radius:14px;padding:32px}.lp-callout{display:flex;gap:14px;align-items:flex-start;background:#22c55e12;border-left:3px solid var(--accent-primary, #22c55e);border-radius:0 8px 8px 0;padding:14px 16px;margin-bottom:32px}.lp-callout__icon{flex-shrink:0;color:var(--accent-primary, #22c55e);margin-top:1px}.lp-callout p{font-size:14px;line-height:1.6;color:var(--text-primary, #f3f4f6);margin:0}.lp-section{margin-bottom:28px}.lp-section:last-child,.lp-section--last{margin-bottom:0}.lp-section__title{font-size:17px;font-weight:500;color:var(--text-primary, #f3f4f6);margin:0 0 10px}.lp-section p,.lp-section__body{font-size:14px;line-height:1.65;color:var(--text-muted, #9ca3af);margin:0 0 10px}.lp-section p:last-child,.lp-section__body:last-child{margin-bottom:0}.lp-card a,.lp-link{color:var(--accent-primary, #22c55e);text-decoration:none;font-weight:500}.lp-card a:hover,.lp-link:hover{text-decoration:underline}@media (max-width: 768px){.lp-page .main-content{margin-left:0;padding:16px 12px}.lp-card{padding:20px 16px}.lp-header__title{font-size:24px}}.au-page{min-height:100vh;background:var(--bg-primary, #0d0f12);color:var(--text-primary, #f3f4f6)}.au-page .page-layout{display:flex;min-height:calc(100vh - var(--topbar-height, 60px));margin-top:var(--topbar-height, 60px)}.au-page .main-content{flex:1;margin-left:var(--leftnav-width, 220px);padding:28px 24px;overflow-y:auto}.au-container{max-width:820px;margin:0 auto;padding-bottom:60px}.au-header{margin-bottom:24px}.au-header__title{font-size:28px;font-weight:600;color:var(--text-primary, #f3f4f6);margin:0 0 6px}.au-header__subtitle{font-size:14px;color:var(--text-muted, #9ca3af);margin:0}.au-card{background:var(--bg-secondary, #1e2128);border:1px solid rgba(50,55,67,.5);border-radius:14px;padding:32px}.au-section{margin-bottom:28px}.au-section:last-child,.au-section--last{margin-bottom:0}.au-section__title{font-size:18px;font-weight:500;color:var(--text-primary, #f3f4f6);margin:0 0 12px}.au-section__body{font-size:15px;line-height:1.65;color:var(--text-muted, #9ca3af);margin:0;max-width:68ch}.au-card strong{font-weight:500;color:var(--text-primary, #f3f4f6)}@media (max-width: 768px){.au-page .main-content{margin-left:0;padding:16px 12px}.au-card{padding:20px 16px}.au-header__title{font-size:24px}}.cu-page{min-height:100vh;background:var(--bg-primary, #0d0f12);color:var(--text-primary, #f3f4f6)}.cu-page .page-layout{display:flex;min-height:calc(100vh - var(--topbar-height, 60px));margin-top:var(--topbar-height, 60px)}.cu-page .main-content{flex:1;margin-left:var(--leftnav-width, 220px);padding:28px 24px;overflow-y:auto}.cu-container{max-width:820px;margin:0 auto;padding-bottom:60px}.cu-header{margin-bottom:24px}.cu-header__title{font-size:28px;font-weight:600;color:var(--text-primary, #f3f4f6);margin:0 0 6px}.cu-header__subtitle{font-size:14px;color:var(--text-muted, #9ca3af);margin:0}.cu-card{background:var(--bg-secondary, #1e2128);border:1px solid rgba(50,55,67,.5);border-radius:14px;padding:32px}.cu-section{margin-bottom:28px}.cu-section:last-child,.cu-section--last{margin-bottom:0}.cu-section__title{font-size:18px;font-weight:500;color:var(--text-primary, #f3f4f6);margin:0 0 10px}.cu-section__body{font-size:15px;line-height:1.65;color:var(--text-muted, #9ca3af);margin:0 0 10px;max-width:68ch}.cu-section__body:last-child{margin-bottom:0}.cu-email{display:inline-block;font-size:15px;font-weight:500;color:var(--accent-primary, #22c55e);text-decoration:none}.cu-email:hover{text-decoration:underline}@media (max-width: 768px){.cu-page .main-content{margin-left:0;padding:16px 12px}.cu-card{padding:20px 16px}.cu-header__title{font-size:24px}}.my-events-page{min-height:calc(100vh - var(--topbar-height, 60px));background:var(--bg-primary);padding:2rem}.my-events-container{max-width:800px;margin:0 auto}.my-events-container h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem}@media (max-width: 960px){.my-events-page{margin-left:0;padding:1rem}}.my-posts-page{min-height:calc(100vh - var(--topbar-height, 60px));background:var(--bg-primary);padding:2rem}.my-posts-container{max-width:800px;margin:0 auto}.my-posts-container h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem}.placeholder-content{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:3rem 2rem;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1.5rem}.placeholder-content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.placeholder-content p{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1rem}.secondary-text{font-size:.9rem;color:var(--text-tertiary);font-style:italic}.action-button{display:inline-block;margin:.5rem;padding:.75rem 1.5rem;background:var(--success-color, #10b981);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.action-button:hover{opacity:.9}.action-button.secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}.action-button.secondary:hover{background:#ffffff0d}@media (max-width: 960px){.my-posts-page{margin-left:0;padding:1rem}}.library-list{width:100%}.library-comment-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:border-color .2s,box-shadow .2s}.library-comment-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-light)}.comment-content{margin-bottom:1rem}.comment-content p{color:var(--text-primary);line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word}.comment-parent-context{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border-left:3px solid var(--primary-color);border-radius:6px;margin-bottom:1rem;font-size:.9rem}.context-label{color:var(--text-tertiary);font-style:italic}.context-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s}.context-link:hover{color:var(--primary-hover);text-decoration:underline}.context-author{color:var(--text-secondary)}.comment-parent-unavailable{padding:.5rem .75rem;background:var(--error-bg);border-left:3px solid var(--error-color);border-radius:6px;margin-bottom:1rem}.comment-parent-unavailable span{color:var(--text-tertiary);font-size:.85rem;font-style:italic}.library-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.library-error{text-align:center;padding:3rem 2rem;color:var(--error-color)}.library-error p{margin-bottom:1rem;font-size:.95rem}.retry-btn{padding:.5rem 1.25rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.retry-btn:hover{background:var(--primary-hover)}.library-pagination{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.load-more-btn{padding:.75rem 2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.load-more-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-hover);transform:translateY(-1px)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.library-comment-card{padding:1rem}.comment-parent-context{flex-wrap:wrap}}.library-user-card{display:flex;align-items:center;gap:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:border-color .2s,box-shadow .2s}.library-user-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-light)}.user-card-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-card-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;font-size:1.25rem;font-weight:600}.user-card-info{flex:1}.user-card-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.user-username{margin:0;font-size:.85rem;color:var(--text-secondary)}.user-card-actions{display:flex;gap:.5rem}.unfollow-btn{padding:.5rem 1.25rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.unfollow-btn:hover{background:var(--error-bg);border-color:var(--error-color);color:var(--error-color)}.library-content{min-height:400px}.library-subtabs{display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.library-subtab{padding:.5rem 1rem;background:none;border:none;border-radius:6px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.library-subtab:hover{background:var(--hover-bg);color:var(--text-primary)}.library-subtab.active{background:var(--primary-color);color:#fff}.library-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.library-sort{display:flex;align-items:center;gap:.75rem}.library-sort label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.library-sort select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:border-color .2s}.library-sort select:hover{border-color:var(--border-hover)}.library-sort select:focus{outline:none;border-color:var(--primary-color)}.library-items{display:flex;flex-direction:column;gap:1rem}.library-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:border-color .2s,box-shadow .2s;position:relative}.library-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-light)}.library-quick-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.library-item:hover .library-quick-actions{opacity:1}.library-quick-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.library-quick-action:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--text-primary)}.library-quick-action svg{width:16px;height:16px}.library-context{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-light);font-size:.85rem;color:var(--text-tertiary)}.library-context-item{display:flex;align-items:center;gap:.35rem}.library-context-separator{color:var(--border-color)}.library-empty{text-align:center;padding:4rem 2rem}.library-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.library-empty h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 .5rem}.library-empty p{font-size:.95rem;color:var(--text-secondary);margin:0}.library-loading{display:flex;justify-content:center;align-items:center;padding:4rem 2rem;color:var(--text-secondary)}.library-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.library-pagination button{padding:.5rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.library-pagination button:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-hover)}.library-pagination button:disabled{opacity:.5;cursor:not-allowed}.library-pagination-info{font-size:.9rem;color:var(--text-secondary)}@media (max-width: 768px){.library-controls{flex-direction:column;align-items:stretch}.library-sort{justify-content:space-between}.library-quick-actions{opacity:1}.library-item{padding:1rem}}.library-page{max-width:1200px;margin:3rem auto 0;padding:2rem}.library-header{margin-bottom:2rem}.library-header-content h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.library-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0}.library-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color);margin-bottom:2rem}.library-tab{display:flex;align-items:center;padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;margin-bottom:-2px}.library-tab:hover{color:var(--text-primary);background:var(--hover-bg)}.library-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}@media (max-width: 768px){.library-page{padding:1rem}.library-header-content h1{font-size:1.5rem}.library-tab{padding:.875rem 1rem;font-size:.9rem}.library-tabs{gap:.25rem}}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000}.forgot-password-card{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 30px #0000004d;padding:40px;width:100%;max-width:400px}.forgot-password-card h2{margin:0 0 .5rem;color:#fff;font-size:1.75rem;font-weight:600;text-align:center}.forgot-password-subtitle{color:#999;text-align:center;margin:0 0 2rem;line-height:1.5}.forgot-password-form,.form-group{margin-bottom:1.5rem}.reset-button{width:100%;padding:.875rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.reset-button:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.reset-button:active:not(:disabled){transform:translateY(0)}.reset-button:disabled{opacity:.6;cursor:not-allowed}.success-note{font-size:.9rem;color:#999;margin-bottom:2rem!important}.back-to-login-button{display:inline-block;padding:.75rem 2rem;background:#10b981;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:background .2s,transform .2s}.back-to-login-button:hover{background:#059669;transform:translateY(-1px)}.forgot-password-footer{text-align:center;padding-top:1rem;border-top:1px solid #333}.back-link{color:#10b981;text-decoration:none;font-weight:500;transition:color .2s}.back-link:hover{color:#059669}body.dark .forgot-password-card{background:#1e1e1e}body.dark .forgot-password-card h2{color:#fff}body.dark .forgot-password-subtitle,body.dark .success-message p{color:#aaa}body.dark .forgot-password-footer{border-top-color:#333}@media (max-width: 768px){.forgot-password-container{padding:1rem}.forgot-password-card{padding:2rem 1.5rem}.forgot-password-card h2{font-size:1.5rem}}.reset-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000}.reset-password-card{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 30px #0000004d;padding:40px;width:100%;max-width:400px}.reset-password-card h2{margin:0 0 .5rem;color:#fff;font-size:1.75rem;font-weight:600;text-align:center}.reset-password-subtitle{color:#999;text-align:center;margin:0 0 2rem;line-height:1.5}.error-banner{background-color:#fee;border:1px solid #fcc;border-radius:6px;padding:.75rem 1rem;margin-bottom:1.5rem;color:#c33;font-size:.9rem}.reset-password-form,.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#ccc;font-weight:500;font-size:.95rem}.form-group input{width:100%;padding:.75rem 1rem;border:2px solid #333;border-radius:8px;font-size:1rem;transition:border-color .2s;box-sizing:border-box;background:#000;color:#fff}.form-group input:focus{outline:none;border-color:#10b981}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.update-button{width:100%;padding:.875rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.update-button:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.update-button:active:not(:disabled){transform:translateY(0)}.update-button:disabled{opacity:.6;cursor:not-allowed}.success-message{text-align:center;padding:2rem;background:#0a0a0a;border-radius:8px;border:1px solid #333}.success-icon{width:60px;height:60px;margin:0 auto 1rem;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.success-message h3{margin:0 0 1rem;color:#fff;font-size:1.5rem}.success-message p{color:#999;margin:0 0 .75rem;line-height:1.5}.success-note{font-size:.9rem;color:#999}body.dark .reset-password-card{background:#1e1e1e}body.dark .reset-password-card h2{color:#fff}body.dark .reset-password-subtitle,body.dark .success-message p{color:#aaa}body.dark .form-group label{color:#ddd}body.dark .form-group input{background:#2a2a2a;border-color:#444;color:#fff}body.dark .form-group input:focus{border-color:#667eea}@media (max-width: 768px){.reset-password-container{padding:1rem}.reset-password-card{padding:2rem 1.5rem}.reset-password-card h2{font-size:1.5rem}}.notification-settings-container{max-width:800px;margin:0 auto;padding:20px;min-height:100vh;background-color:#f5f5f5}.notification-settings-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:32px}.notification-settings-card h1{margin:0 0 8px;font-size:28px;color:#333}.subtitle{margin:0 0 32px;color:#666;font-size:16px}.message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.preferences-section{margin-bottom:32px}.preferences-section h2{font-size:20px;color:#333;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #f0f0f0}.preference-item:last-child{border-bottom:none}.preference-info{flex:1;margin-right:20px}.preference-info h3{margin:0 0 4px;font-size:16px;color:#333;font-weight:600}.preference-info p{margin:0;font-size:14px;color:#666}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#667eea}input:checked+.slider:before{transform:translate(24px)}.save-button{width:100%;padding:14px;background-color:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:16px}.save-button:hover:not(:disabled){background-color:#5568d3}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.notification-settings-loading{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}.notification-settings-loading p{color:#666;font-size:16px;margin:0}body.dark .notification-settings-container{background-color:#1a1a1a}body.dark .notification-settings-card{background:#2a2a2a}body.dark .notification-settings-card h1{color:#fff}body.dark .subtitle,body.dark .preference-info p,body.dark .notification-settings-loading p{color:#aaa}body.dark .preferences-section h2,body.dark .preference-info h3{color:#ddd}body.dark .preferences-section h2,body.dark .preference-item{border-bottom-color:#444}body.dark .notification-settings-loading{background:#2a2a2a}@media (max-width: 768px){.notification-settings-container{padding:12px}.notification-settings-card{padding:20px}.notification-settings-card h1{font-size:24px}.preference-item{flex-direction:column;align-items:flex-start;gap:12px}.preference-info{margin-right:0}.toggle-switch{align-self:flex-end}}.profile-setup{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.setup-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:600px;overflow:hidden}.setup-header{background:#f8f9fa;padding:32px;text-align:center;border-bottom:1px solid #e9ecef}.setup-header h1{margin:0 0 8px;color:#333;font-size:32px;font-weight:600}.setup-header>p{color:#666;margin:0 0 24px;font-size:16px}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.step-indicator{color:#666;font-size:14px;font-weight:500;margin:0}.setup-content{padding:32px}.setup-step h2{margin:0 0 24px;color:#333;font-size:24px;font-weight:600}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:16px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:border-color .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.field-help{display:block;margin-top:4px;color:#666;font-size:14px}.error-message{display:block;margin-top:4px;color:#dc3545;font-size:14px;font-weight:500}.setup-preview{margin-top:32px;padding:20px;background:#f8f9fa;border-radius:12px}.setup-preview h3{margin:0 0 16px;color:#333;font-size:18px;font-weight:600}.preview-card{display:flex;gap:16px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e9ecef}.preview-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;flex-shrink:0}.preview-info h4{margin:0 0 8px;color:#333;font-size:16px;font-weight:600}.preview-info p{margin:0 0 4px;color:#666;font-size:14px}.preview-bio{margin-top:8px!important;padding-top:8px;border-top:1px solid #e9ecef;font-style:italic}.setup-actions{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#f8f9fa;border-top:1px solid #e9ecef}.action-left,.action-right{display:flex;gap:12px;align-items:center}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-ghost{background:transparent;color:#666;border:1px solid #e9ecef}.btn-ghost:hover:not(:disabled){background:#f8f9fa;border-color:#dee2e6}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 768px){.profile-setup{padding:10px}.setup-container{border-radius:12px}.setup-header,.setup-content{padding:24px}.setup-actions{flex-direction:column-reverse;gap:16px;padding:20px 24px}.action-left,.action-right{width:100%;justify-content:center}.preview-card{flex-direction:column;text-align:center}.preview-avatar{align-self:center}}.profile-completion-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center;padding:20px}.profile-completion-card{background:#1f2937;border:1px solid #374151;border-radius:16px;max-width:600px;width:100%;padding:40px;box-shadow:0 20px 40px #0000004d}.completion-header{text-align:center;margin-bottom:40px}.completion-icon{width:80px;height:80px;margin:0 auto 24px;background:#3b82f61a;border:2px solid rgba(59,130,246,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#60a5fa}.completion-header h1{color:#f9fafb;margin:0 0 12px;font-size:28px;font-weight:700}.completion-header p{color:#d1d5db;margin:0;font-size:16px;line-height:1.5}.completion-form{margin-bottom:32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.form-group{margin-bottom:24px}.form-group label{display:block;color:#f3f4f6;font-weight:500;margin-bottom:8px;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;background:#374151;border:2px solid #4b5563;border-radius:8px;padding:12px 16px;color:#f3f4f6;font-size:16px;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#60a5fa;background:#4b5563;box-shadow:0 0 0 3px #60a5fa1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;background:#ef44441a}.error-text{color:#ef4444;font-size:14px;margin-top:6px;display:block}.field-hint{color:#9ca3af;font-size:13px;margin-top:6px;display:block}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;color:#fca5a5;margin-bottom:24px;text-align:center}.completion-actions{display:flex;gap:16px;justify-content:center}.primary-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:14px 28px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:140px;font-size:16px}.secondary-button{background:transparent;color:#9ca3af;border:2px solid #4b5563;padding:12px 28px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;font-size:16px}.secondary-button:hover:not(:disabled){border-color:#6b7280;color:#d1d5db;background:#4b556333}.secondary-button:disabled{opacity:.6;cursor:not-allowed}.completion-benefits{background:#111827cc;border:1px solid #374151;border-radius:12px;padding:24px}.completion-benefits h3{color:#f3f4f6;margin:0 0 16px;font-size:18px;font-weight:600}.completion-benefits ul{margin:0;padding:0;list-style:none}.completion-benefits li{display:flex;align-items:center;gap:12px;color:#d1d5db;margin-bottom:12px;font-size:14px}.completion-benefits li:last-child{margin-bottom:0}.completion-benefits li svg{color:#22c55e;flex-shrink:0}.interests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:12px}.interest-tag{background:#374151;border:2px solid #4b5563;border-radius:8px;padding:8px 12px;color:#d1d5db;cursor:pointer;transition:all .2s ease;text-align:center;font-size:14px;font-weight:500}.interest-tag:hover{border-color:#60a5fa;background:#4b5563}.interest-tag.selected{background:#3b82f633;border-color:#60a5fa;color:#93c5fd}.username-availability{margin-top:8px;font-size:14px;display:flex;align-items:center;gap:8px}.username-availability.available{color:#22c55e}.username-availability.taken{color:#ef4444}.username-availability.checking{color:#f59e0b}.profile-summary{background:#11182799;border:1px solid #374151;border-radius:12px;padding:20px;margin-top:24px}.profile-summary h4{color:#f3f4f6;margin:0 0 16px;font-size:16px;font-weight:600}.summary-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.summary-item strong{color:#9ca3af}.summary-item span{color:#d1d5db}@media (max-width: 768px){.profile-completion-card{padding:24px;margin:16px}.form-row{grid-template-columns:1fr;gap:0}.completion-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}.interests-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.permission-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.permission-modal{background:#1f2937;border:1px solid #374151;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px #00000080}.permission-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.permission-modal-close:hover{background:#4b556380;color:#f3f4f6}.permission-modal-content{padding:40px 32px 32px;text-align:center}.permission-icon{width:80px;height:80px;margin:0 auto 24px;background:#3b82f61a;border:2px solid rgba(59,130,246,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#60a5fa}.permission-icon.success{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.permission-modal-content h2{color:#f9fafb;margin:0 0 12px;font-size:24px;font-weight:600}.permission-modal-content p{color:#d1d5db;margin:0 0 32px;line-height:1.6;font-size:16px}.missing-fields{background:#1f2937cc;border:1px solid #374151;border-radius:12px;padding:20px;margin:24px 0;text-align:left}.missing-fields h4{color:#f3f4f6;margin:0 0 12px;font-size:16px;font-weight:600}.missing-fields ul{margin:0;padding:0;list-style:none}.missing-field{display:flex;align-items:center;gap:12px;color:#fbbf24;margin-bottom:8px;font-size:14px;line-height:1.4}.missing-field:last-child{margin-bottom:0}.missing-field svg{flex-shrink:0;color:#f59e0b}.permission-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.primary-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:140px}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.secondary-button{background:transparent;color:#9ca3af;border:2px solid #4b5563;padding:10px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.secondary-button:hover{border-color:#6b7280;color:#d1d5db;background:#4b556333}@media (max-width: 768px){.permission-modal-overlay{padding:16px}.permission-modal-content{padding:32px 24px 24px}.permission-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}}.email-confirmation-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:20px}.email-confirmation-card{background:#2a2a2a;border:1px solid #404040;border-radius:12px;padding:40px;max-width:480px;width:100%;text-align:center;box-shadow:0 8px 32px #0000004d}.confirmation-icon.success{color:#22c55e;animation:success-pulse .6s ease-out}@keyframes success-pulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.redirect-message{color:#a3a3a3;font-size:14px;margin-top:16px;font-style:italic}.confirmation-icon{margin-bottom:24px;color:#60a5fa}.confirmation-icon svg{margin:0 auto;display:block}.email-confirmation-card h2{color:#fff;font-size:28px;font-weight:600;margin-bottom:16px}.confirmation-message{color:#b3b3b3;font-size:16px;margin-bottom:8px}.email-address{color:#60a5fa;font-size:18px;font-weight:500;margin-bottom:24px;word-break:break-all}.confirmation-instructions{margin-bottom:24px}.confirmation-instructions p{color:#d1d1d1;font-size:16px;margin-bottom:8px}.small-text{color:#888;font-size:14px}.resend-message{padding:12px;border-radius:8px;margin-bottom:24px;font-size:14px;font-weight:500}.resend-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.resend-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.confirmation-actions{margin-bottom:32px}.resend-button{background:#60a5fa;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:24px;width:100%}.resend-button:hover:not(:disabled){background:#3b82f6;transform:translateY(-1px)}.resend-button:disabled{background:#404040;color:#888;cursor:not-allowed;transform:none}.skip-section{border-top:1px solid #404040;padding-top:24px}.skip-text{color:#b3b3b3;font-size:14px;margin-bottom:16px}.onboarding-button{background:#22c55e;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin:0 8px 12px;width:calc(50% - 16px)}.onboarding-button:hover{background:#16a34a;transform:translateY(-1px)}.skip-button{background:transparent;color:#888;border:1px solid #404040;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin:0 8px 12px;width:calc(50% - 16px)}.skip-button:hover{border-color:#60a5fa;color:#60a5fa;transform:translateY(-1px)}.demo-section{margin:20px 0;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px}.demo-text{color:#60a5fa;font-size:14px;margin:0 0 12px;font-weight:500}.demo-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.demo-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.demo-navigation{margin-top:32px;padding:20px;background:#1f2937cc;border-radius:12px;border:1px solid #374151}.demo-navigation h3{color:#f3f4f6;margin:0 0 16px;font-size:16px;font-weight:600}.demo-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.demo-links a{display:block;padding:12px 16px;background:#374151cc;color:#60a5fa;text-decoration:none;border-radius:8px;border:1px solid #4b5563;transition:all .2s ease;text-align:center;font-weight:500}.demo-flow-container{max-width:1200px;margin:0 auto;padding:32px;color:#f3f4f6}.demo-flow-container h1{text-align:center;color:#f9fafb;margin-bottom:16px;font-size:32px;font-weight:700}.flow-description{text-align:center;color:#d1d5db;margin-bottom:48px;font-size:18px;max-width:600px;margin-left:auto;margin-right:auto}.flow-steps{display:flex;flex-direction:column;gap:24px;margin-bottom:48px}.flow-step{display:flex;align-items:center;background:#1f2937cc;border:1px solid #374151;border-radius:16px;padding:24px;transition:all .3s ease}.flow-step:hover{background:#374151cc;border-color:#4b5563;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.step-indicator{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;margin-right:24px;flex-shrink:0}.step-content{flex-grow:1}.step-content h3{margin:0 0 8px;color:#f9fafb;font-size:20px;font-weight:600}.step-content p{margin:0 0 16px;color:#d1d5db;line-height:1.5}.step-button{background:transparent;color:#60a5fa;border:2px solid #60a5fa;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.step-button:hover{background:#60a5fa1a;transform:translateY(-1px)}.step-arrow{margin-left:24px;color:#6b7280;flex-shrink:0}.demo-info{background:#111827cc;border:1px solid #374151;border-radius:16px;padding:32px}.demo-info h2{color:#f9fafb;margin:0 0 24px;font-size:24px;font-weight:600;text-align:center}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.info-card{background:#1f293799;border:1px solid #4b5563;border-radius:12px;padding:24px}.info-card h4{color:#f3f4f6;margin:0 0 16px;font-size:18px;font-weight:600}.info-card ul{margin:0;padding-left:20px;color:#d1d5db}.info-card li{margin-bottom:8px;line-height:1.4}@media (max-width: 768px){.flow-step{flex-direction:column;text-align:center}.step-indicator{margin-right:0;margin-bottom:16px}.step-arrow{margin-left:0;margin-top:16px;transform:rotate(90deg)}.info-grid{grid-template-columns:1fr}}.demo-links a:hover{background:#4b5563cc;border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 2px 8px #60a5fa33}.help-section{border-top:1px solid #404040;padding-top:24px}.help-text{color:#888;font-size:14px}.help-text a{color:#60a5fa;text-decoration:none}.help-text a:hover{text-decoration:underline}@media (max-width: 480px){.email-confirmation-container{padding:16px}.email-confirmation-card{padding:24px}.email-confirmation-card h2{font-size:24px}.onboarding-button,.skip-button{width:100%;margin:8px 0}}.onboarding-header{position:fixed;top:0;left:0;right:0;height:var(--topbar-height, 60px);background:var(--bg-secondary, #1a1a1a);border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));z-index:1000;display:flex;align-items:center;padding:0 2rem}.onboarding-header-content{max-width:1200px;margin:0 auto;width:100%}.onboarding-logo{color:var(--text-primary, #ffffff);font-size:1.5rem;font-weight:700;margin:0}.onboarding-flow{margin-top:var(--topbar-height, 60px);min-height:calc(100vh - var(--topbar-height, 60px));background:var(--bg-primary, #f8f9fa);padding:2rem 1rem}.onboarding-container{max-width:800px;margin:0 auto}.progress-header{text-align:center;margin-bottom:3rem}.progress-header h1{color:var(--text-primary, #1a1a1a);font-size:2.5rem;font-weight:700;margin-bottom:2rem}.progress-bar{width:100%;height:8px;background:var(--bg-secondary, #e5e7eb);border-radius:4px;margin-bottom:2rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#3b82f6);transition:width .5s ease;border-radius:4px}.progress-steps{display:flex;justify-content:space-between;gap:1rem}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.step-number{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;margin-bottom:.5rem;transition:all .3s ease}.progress-step.pending .step-number{background:var(--bg-secondary, #e5e7eb);color:var(--text-secondary, #6b7280)}.progress-step.active .step-number{background:#3b82f6;color:#fff}.progress-step.completed .step-number{background:#10b981;color:#fff}.step-title{font-size:.8rem;font-weight:500;color:var(--text-secondary, #6b7280);text-align:center;line-height:1.2}.progress-step.active .step-title{color:var(--text-primary, #1a1a1a);font-weight:600}.step-content{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color, #e5e7eb)}.onboarding-step h2{color:var(--text-primary, #1a1a1a);font-size:2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.step-description{color:var(--text-secondary, #6b7280);font-size:1.1rem;text-align:center;margin-bottom:2.5rem;line-height:1.5}.form-fields{margin-bottom:2.5rem}.field-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.field-row.two-col{grid-template-columns:1fr 1fr}.field{margin-bottom:1.5rem}.field label{display:block;color:var(--text-primary, #1a1a1a);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.field input,.field select,.field textarea{width:100%;background:#fff;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary, #1a1a1a);font-size:1rem;transition:all .2s ease;box-sizing:border-box}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.field input.error,.field select.error,.field textarea.error{border-color:#ef4444}.field input::placeholder,.field textarea::placeholder{color:var(--text-tertiary, #9ca3af)}.field-hint{display:block;color:var(--text-tertiary, #9ca3af);font-size:.8rem;margin-top:.25rem;line-height:1.3}.error-message{display:block;color:#ef4444;font-size:.8rem;margin-top:.25rem;font-weight:500}.phone-input-group,.otp-input-group{display:flex;gap:.75rem;align-items:flex-start}.username-input-group{display:flex;gap:.5rem;align-items:flex-start}.phone-input-group input,.otp-input-group input,.username-input-group input{flex:1}.generate-username-btn{background:var(--accent-color, #3b82f6);color:#fff;border:none;border-radius:8px;padding:.75rem;font-size:1.2rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;min-width:48px}.generate-username-btn:hover{background:var(--accent-hover, #2563eb);transform:translateY(-1px)}.generate-username-btn:active{transform:translateY(0)}.username-default-hint{color:var(--success-color, #10b981)!important;font-weight:500}.username-default-hint strong{color:var(--success-color, #10b981)}.verified-badge{background:#10b981;color:#fff;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;white-space:nowrap;display:flex;align-items:center;justify-content:center;height:calc(2.5rem + 4px);min-width:140px;border:2px solid #10b981;box-sizing:border-box}.agreements{margin-top:2rem;padding:1.5rem;background:var(--bg-secondary, #f9fafb);border-radius:8px}.checkbox-field{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.checkbox-field:last-child{margin-bottom:0}.checkbox-field input[type=checkbox]{width:auto;margin:0;margin-top:.125rem}.checkbox-field label{font-size:.9rem;line-height:1.4;margin:0}.checkbox-field a{color:#3b82f6;text-decoration:underline}.checkbox-field a:hover{color:#1d4ed8}.privacy-toggles{background:var(--bg-secondary, #f9fafb);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.privacy-toggles h3{color:var(--text-primary, #1a1a1a);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.privacy-toggle{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-color, #e5e7eb)}.privacy-toggle:last-child{border-bottom:none}.toggle-info h4{color:var(--text-primary, #1a1a1a);font-size:.9rem;font-weight:600;margin:0 0 .25rem}.toggle-info p{color:var(--text-secondary, #6b7280);font-size:.8rem;margin:0;line-height:1.3}.toggle-switch{position:relative;width:44px;height:24px;background:#d1d5db;border-radius:12px;cursor:pointer;transition:background-color .2s}.toggle-switch.active{background:#3b82f6}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch.active:after{transform:translate(20px)}.activities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.activity-card{border:2px solid var(--border-color, #e5e7eb);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;background:#fff}.activity-card:hover{border-color:#3b82f6;transform:translateY(-1px)}.activity-card.selected{border-color:#3b82f6;background:#eff6ff}.activity-card h4{color:var(--text-primary, #1a1a1a);font-size:1rem;font-weight:600;margin:0 0 .5rem}.activity-card p{color:var(--text-secondary, #6b7280);font-size:.8rem;margin:0 0 1rem;line-height:1.3}.skill-selector{display:flex;gap:.25rem;align-items:center}.skill-selector span{font-size:.8rem;color:var(--text-secondary, #6b7280);margin-right:.5rem}.skill-star{width:16px;height:16px;cursor:pointer;color:#d1d5db;transition:color .1s}.skill-star.filled{color:#fbbf24}.activities-selector-container{margin:1.5rem 0}.activities-selector-container .activities-selector{background:none;box-shadow:none;border-radius:0;padding:0}.activities-selector-container .activities-selector-header h3,.activities-selector-container .activities-selector-header p{display:none}.activities-selector-container .activities-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);min-height:400px;gap:.75rem}.activities-selector-container .activity-tile{min-height:80px;padding:.75rem .5rem}.activities-selector-container .selected-preview{margin-bottom:2rem;padding:1rem;background:var(--surface-secondary);border-radius:8px;border:1px solid var(--border-color)}.activities-selector-container .selected-preview h4{margin:0 0 .75rem;color:var(--text-primary);font-size:1rem}.activities-selector-container .selected-tags{display:flex;flex-wrap:wrap;gap:.5rem}.activities-selector-container .selected-tag{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:16px;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.activities-selector-container .remove-tag{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.activities-selector-container .remove-tag:hover{background-color:#fff3}@media (max-width: 768px){.activities-selector-container .activities-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(7,1fr);min-height:560px}.activities-selector-container .activity-tile{min-height:90px;padding:.5rem .25rem}}@media (max-width: 480px){.activities-selector-container .activities-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.activities-selector-container .selected-tags{gap:.25rem}.activities-selector-container .selected-tag{font-size:.75rem;padding:.2rem .5rem}}.onboarding-flow.dark .activities-selector-container .activities-selector{background:transparent}.onboarding-flow.dark .activities-selector-container .search-and-filter-row input{background:var(--bg-tertiary, #333333);border-color:var(--border-color, rgba(255, 255, 255, .2));color:var(--text-primary, #ffffff)}.onboarding-flow.dark .activities-selector-container .search-and-filter-row input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.onboarding-flow.dark .activities-selector-container .search-and-filter-row input::placeholder{color:var(--text-secondary, rgba(255, 255, 255, .5))}.onboarding-flow.dark .activities-selector-container .category-filter{background:var(--bg-tertiary, #333333);border-color:var(--border-color, rgba(255, 255, 255, .2));color:var(--text-primary, #ffffff)}.onboarding-flow.dark .activities-selector-container .category-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.onboarding-flow.dark .activities-selector-container .clear-filters-btn{background:var(--bg-tertiary, #333333);color:var(--text-primary, #ffffff);border-color:var(--border-color, rgba(255, 255, 255, .2))}.onboarding-flow.dark .activities-selector-container .clear-filters-btn:hover{background:var(--bg-secondary, #404040);border-color:#ffffff4d}.onboarding-flow.dark .activities-selector-container .selected-preview{background:var(--bg-tertiary, #333333);border-color:var(--border-color, rgba(255, 255, 255, .2))}.onboarding-flow.dark .activities-selector-container .selected-preview h4{color:var(--text-primary, #ffffff)}.onboarding-flow.dark .activities-selector-container .activity-tile{background:var(--bg-tertiary, #333333);border-color:var(--border-color, rgba(255, 255, 255, .2));color:var(--text-primary, #ffffff)}.onboarding-flow.dark .activities-selector-container .activity-tile:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640;background:var(--bg-secondary, #404040)}.onboarding-flow.dark .activities-selector-container .activity-tile.selected{border-color:#10b981;background:#10b98126;box-shadow:0 4px 12px #10b98140}.onboarding-flow.dark .activities-selector-container .tile-name{color:var(--text-primary, #ffffff)}.onboarding-flow.dark .activities-selector-container .tile-category{color:var(--text-secondary, rgba(255, 255, 255, .7))}.onboarding-flow.dark .activities-selector-container .icon-fallback{background-color:var(--bg-secondary, #404040);color:var(--text-secondary, rgba(255, 255, 255, .7))}.onboarding-flow.dark .activities-selector-container .selected-indicator{background:#10b981;color:#fff}.onboarding-flow.dark .activities-selector-container .pagination-button{background:var(--bg-tertiary, #333333);color:var(--text-primary, #ffffff);border-color:var(--border-color, rgba(255, 255, 255, .2))}.onboarding-flow.dark .activities-selector-container .pagination-button:hover:not(:disabled){background:var(--bg-secondary, #404040);border-color:#3b82f6}.onboarding-flow.dark .activities-selector-container .pagination-button:disabled{background:var(--bg-secondary, #2a2a2a);color:var(--text-secondary, rgba(255, 255, 255, .4));border-color:var(--border-color, rgba(255, 255, 255, .1))}.onboarding-flow.dark .activities-selector-container .pagination-info{color:var(--text-secondary, rgba(255, 255, 255, .7))}.onboarding-flow.dark .activities-selector-container .no-activities{color:var(--text-secondary, rgba(255, 255, 255, .7));background:var(--bg-tertiary, #333333);border-color:var(--border-color, rgba(255, 255, 255, .2))}.onboarding-fullscreen{min-height:100vh;background:#000;display:flex;flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f3f4f6}.obf-header{height:64px;border-bottom:1px solid rgba(50,55,67,.5);display:flex;align-items:center;padding:0 2rem;flex-shrink:0}.obf-header-logo{height:32px;overflow:hidden;display:flex;align-items:center}.obf-header-logo img{height:32px;width:auto}.obf-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.obf-card{width:100%;max-width:512px;background:#1e2128;border-radius:1rem;border:1px solid #323743;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.obf-card-inner{padding:2rem 2.5rem;display:flex;flex-direction:column;align-items:center}.obf-stepper{width:100%;display:flex;align-items:center;margin-bottom:2.5rem}.obf-step-dot{width:32px;height:32px;border-radius:50%;border:2px solid #262a33;background:#000;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;color:#bdc1ca;flex-shrink:0;transition:all .2s ease}.obf-step-dot.active{border-color:#35bd10;color:#35bd10}.obf-step-dot.completed{border-color:#35bd10;background:#35bd10;color:#fff}.obf-step-line{flex:1;height:4px;margin:0 .5rem;background:#262a33;border-radius:9999px}.obf-error{width:100%;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;margin-bottom:1.5rem}.obf-footer{height:69px;border-top:1px solid rgba(50,55,67,.5);display:flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;opacity:.5}.obf-footer-logo{width:20px;height:20px;object-fit:contain}.obf-footer span{font-size:.875rem;color:#bdc1ca}.obi-step{width:100%}.obi-title-section{text-align:center;margin-bottom:2rem}.obi-title{font-size:1.5rem!important;font-weight:600!important;color:#f3f4f6!important;margin:0 0 .5rem!important;font-family:Archivo,ui-sans-serif,system-ui,sans-serif!important;letter-spacing:-.025em}.obi-subtitle{font-size:.875rem;color:#bdc1ca;margin:0}.obi-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.obi-avatar-wrap{position:relative;width:96px;height:96px}.obi-avatar-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.obi-avatar-target{display:flex;width:96px;height:96px;border-radius:50%;background:#171a1f;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%233F3F46FF' stroke-width='2' stroke-dasharray='6%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");cursor:pointer;overflow:hidden;align-items:center;justify-content:center;transition:background-color .2s}.obi-avatar-target:hover{background-color:#1c2026}.obi-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.obi-avatar-placeholder{display:flex;flex-direction:column;align-items:center;gap:.25rem}.obi-avatar-icon{width:40px;height:40px;opacity:.4}.obi-upload-text{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#bdc1ca99}.obi-camera-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;background:#35bd10;border-radius:50%;border:2px solid #1e2128;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:background-color .2s}.obi-camera-btn:hover{background:#2ea30e}.obi-remove-avatar{margin-top:.75rem;font-size:.75rem;color:#bdc1ca;background:none;border:none;cursor:pointer;text-decoration:underline;transition:color .2s}.obi-remove-avatar:hover{color:#f3f4f6}.obi-fields{width:100%;display:flex;flex-direction:column;gap:1.5rem}.obi-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.obi-field{display:flex;flex-direction:column;gap:.5rem}.obi-label{font-size:.875rem;font-weight:500;color:#f3f4f6}.obi-input{width:100%;background:#000;border:1px solid #323743;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;color:#bdc1ca;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;font-family:inherit}.obi-input::placeholder{color:#bdc1ca}.obi-input:focus{border-color:#35bd10;box-shadow:0 0 0 1px #35bd10;color:#f3f4f6}.obi-input--error{border-color:#ef4444}.obi-input--error:focus{box-shadow:0 0 0 1px #ef4444}.onboarding-fullscreen input[type=date],.obf-card input[type=date]{color-scheme:dark}.obi-username-wrap{position:relative;display:flex;align-items:center;gap:.5rem}.obi-at{position:absolute;left:.75rem;font-size:.875rem;color:#bdc1ca;pointer-events:none;z-index:1}.obi-input--username{padding-left:2rem;flex:1}.obi-shuffle-btn{background:none;border:1px solid #323743;border-radius:.375rem;padding:.5rem .625rem;font-size:1rem;cursor:pointer;transition:border-color .2s,background-color .2s;color:#bdc1ca;flex-shrink:0;line-height:1}.obi-shuffle-btn:hover{border-color:#35bd10;background:#35bd101a}.obi-hint{font-size:.75rem;color:#bdc1ca;line-height:1.5;margin:0}.obi-error-msg{font-size:.75rem;color:#ef4444;font-weight:500}.obi-actions{width:100%;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(50,55,67,.5);display:flex;align-items:center;justify-content:space-between}.obi-btn-back{font-size:.875rem;font-weight:500;color:#bdc1ca;background:none;border:none;cursor:pointer;padding:.5rem 1rem;transition:opacity .2s}.obi-btn-back:disabled{opacity:.4;cursor:default}.obi-btn-continue{background:#35bd10;color:#fff;font-size:.875rem;font-weight:500;padding:.625rem 2rem;border-radius:.375rem;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #35bd104d;transition:background-color .2s;font-family:inherit}.obi-btn-continue:hover{background:#2ea30e}@media (max-width: 540px){.obf-card-inner{padding:1.5rem 1.25rem}.obi-field-row{grid-template-columns:1fr}}.onboarding-flow.dark .activities-selector-container .clear-search{background:var(--bg-secondary, #404040);color:var(--text-primary, #ffffff)}.onboarding-flow.dark .activities-selector-container .clear-search:hover{background:var(--bg-primary, #4a4a4a)}.onboarding-flow.dark .activities-selector-container .count-info{color:var(--text-secondary, rgba(255, 255, 255, .7));background:var(--bg-tertiary, #333333)}.onboarding-flow.dark .activities-selector-container .error-message{color:#fca5a5;background:#dc262626}.onboarding-flow.dark .activities-selector-container .retry-button{background:#dc2626;color:#fff}.onboarding-flow.dark .activities-selector-container .retry-button:hover{background:#b91c1c}.onboarding-flow.dark h2,.onboarding-flow.dark h3{color:var(--text-primary, #ffffff)}.onboarding-flow.dark .step-description{color:var(--text-secondary, rgba(255, 255, 255, .8))}.onboarding-flow.dark .selection-summary p{color:inherit}.onboarding-flow.dark label{color:var(--text-primary, #ffffff)}.onboarding-flow.dark .field input::placeholder,.onboarding-flow.dark .field select::placeholder,.onboarding-flow.dark .field textarea::placeholder{color:var(--text-secondary, rgba(255, 255, 255, .5))}.completion-animation{text-align:center;padding:2rem;max-width:500px;margin:0 auto}.success-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;animation:successPulse 2s ease-in-out infinite;box-shadow:0 8px 32px #10b9814d}.checkmark{color:#fff;font-size:2rem;font-weight:900;animation:checkmarkPop .6s ease-out .3s both;line-height:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;outline:none;text-shadow:none;-webkit-font-smoothing:antialiased}.success-title{color:var(--text-primary, #1a1a1a);font-size:2.5rem;font-weight:700;margin-bottom:1rem;animation:slideInUp .8s ease-out .6s both}:root .success-title{color:#1a1a1a}:root.light .success-title{color:#1a1a1a}.success-details{margin-bottom:2rem;animation:slideInUp .8s ease-out .9s both}.main-message{font-size:1.2rem;color:var(--text-secondary, #6b7280);margin-bottom:1rem}:root .main-message{color:#6b7280}:root.light .main-message{color:#6b7280}.settings-reminder{font-size:.9rem;color:var(--text-secondary, #9ca3af);margin-bottom:2rem;font-style:italic}:root .settings-reminder{color:#9ca3af}:root.light .settings-reminder{color:#9ca3af}.completion-actions{display:flex;flex-direction:column;gap:1rem;animation:slideInUp .8s ease-out 1.2s both}.share-button{background:transparent;border:2px solid var(--primary-color, #3b82f6);color:var(--primary-color, #3b82f6);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.share-button:hover{background:var(--primary-color, #3b82f6);color:#fff;transform:translateY(-1px)}.feed-button{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:1rem 1.5rem;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d}.feed-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.feed-button:disabled{opacity:.7;cursor:not-allowed;transform:none}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.onboarding-flow.dark .success-title{color:var(--text-primary, #ffffff)}.onboarding-flow.dark .main-message{color:var(--text-secondary, rgba(255, 255, 255, .8))}.onboarding-flow.dark .settings-reminder{color:var(--text-secondary, rgba(255, 255, 255, .5))}.onboarding-flow.dark .share-button{border-color:var(--primary-color, #3b82f6);color:var(--primary-color, #3b82f6)}.onboarding-flow.dark .share-button:hover{background:var(--primary-color, #3b82f6);color:#fff}.avatar-section{margin-bottom:2rem;text-align:center}.avatar-label{display:block;font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:1rem}.avatar-upload-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.avatar-preview:hover{border-color:var(--primary-color, #3b82f6)}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary, #6b7280)}.avatar-icon{font-size:2rem}.avatar-text{font-size:.875rem;font-weight:500}.avatar-input{display:none}.avatar-upload-btn{background:var(--primary-color, #3b82f6);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.avatar-upload-btn:hover{background:var(--primary-color-dark, #2563eb);transform:translateY(-1px)}.avatar-remove-btn{background:transparent;color:var(--text-secondary, #6b7280);border:1px solid var(--border-color, #e5e7eb);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.avatar-remove-btn:hover{background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #1a1a1a)}.avatar-hint{font-size:.75rem;color:var(--text-secondary, #9ca3af);margin-top:.5rem;font-style:italic}.onboarding-flow.dark .avatar-label{color:var(--text-primary, #ffffff)}.onboarding-flow.dark .avatar-preview{border-color:var(--border-color, rgba(255, 255, 255, .2));background:var(--bg-tertiary, #333333)}.onboarding-flow.dark .avatar-preview:hover{border-color:var(--primary-color, #3b82f6)}.onboarding-flow.dark .avatar-placeholder{color:var(--text-secondary, rgba(255, 255, 255, .7))}.onboarding-flow.dark .avatar-remove-btn{color:var(--text-secondary, rgba(255, 255, 255, .7));border-color:var(--border-color, rgba(255, 255, 255, .2))}.onboarding-flow.dark .avatar-remove-btn:hover{background:var(--bg-secondary, #404040);color:var(--text-primary, #ffffff)}.onboarding-flow.dark .avatar-hint{color:var(--text-secondary, rgba(255, 255, 255, .5))}.step-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.btn-secondary{background:transparent;color:var(--text-secondary, #6b7280);border:2px solid var(--border-color, #e5e7eb);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:#3b82f6;color:#3b82f6}.btn-primary{background:#3b82f6;color:#fff;border:2px solid #3b82f6;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.btn-primary:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.onboarding-flow{padding:1rem .5rem}.progress-header h1{font-size:2rem}.progress-steps{gap:.5rem}.step-title{font-size:.7rem}.step-content{padding:2rem 1.5rem}.field-row{grid-template-columns:1fr;gap:1rem}.phone-input-group,.otp-input-group{flex-direction:column;gap:.5rem}.activities-grid{grid-template-columns:1fr}.step-actions{flex-direction:column;gap:.75rem}.step-actions button{width:100%}}@media (max-width: 480px){.progress-steps{flex-wrap:wrap;justify-content:center}.progress-step{min-width:60px}.step-number{width:32px;height:32px;font-size:.8rem}.step-content{padding:1.5rem 1rem}.onboarding-step h2{font-size:1.5rem}}.onboarding-flow.dark{background:var(--bg-primary, #1a1a1a);color:var(--text-primary, #ffffff)}.onboarding-flow.dark .step-content{background:var(--bg-secondary, #2a2a2a);border-color:var(--border-color, rgba(255, 255, 255, .1))}.onboarding-flow.dark .agreements{background:var(--bg-tertiary, #333333)}.onboarding-flow.dark .field input,.onboarding-flow.dark .field select,.onboarding-flow.dark .field textarea{background:var(--bg-tertiary, #333333);border-color:var(--border-color, rgba(255, 255, 255, .2));color:var(--text-primary, #ffffff)}.onboarding-flow.dark .field input:focus,.onboarding-flow.dark .field select:focus,.onboarding-flow.dark .field textarea:focus{border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.onboarding-flow.dark .generate-username-btn{background:var(--accent-color, #3b82f6)}.onboarding-flow.dark .generate-username-btn:hover{background:var(--accent-hover, #2563eb)}.onboarding-flow.dark .field input[type=date]{color-scheme:dark}.onboarding-flow.dark .field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.onboarding-flow.dark .address-section{background:var(--bg-tertiary, #333333);border-color:var(--border-color, rgba(255, 255, 255, .1))}.onboarding-flow.dark .privacy-toggle.always-searchable{background:#3b82f61a;border-color:#3b82f64d}.onboarding-flow.dark .info-bubble.info{background:#0891b233;border-color:#67e8f999;color:#67e8f9;font-weight:500}.onboarding-flow.dark .info-bubble.warning{background:#8b5cf633;border-color:#c4b5fd99;color:#c4b5fd;font-weight:500}.onboarding-flow.dark .info-bubble.success{background:#10b98133;border-color:#4ade8099;color:#4ade80;font-weight:500}.onboarding-flow.dark .info-bubble.error{background:#dc262633;border-color:#fca5a599;color:#fca5a5;font-weight:500}.info-bubble{padding:1rem;border-radius:8px;margin:1rem 0;font-size:.9rem;line-height:1.4;border:1px solid}.info-bubble p{margin:0}.info-bubble.info{background:var(--info-bg, #f0f9ff);border-color:var(--info-border, #0891b2);color:var(--info-text, #0c4a6e)}.info-bubble.warning{background:var(--warning-bg, #f8fafc);border-color:var(--warning-border, #8b5cf6);color:var(--warning-text, #581c87)}.info-bubble.success{background:var(--success-bg, #f0fdf4);border-color:var(--success-border, #16a34a);color:var(--success-text, #14532d)}.info-bubble.error{background:var(--error-bg, #fef2f2);border-color:var(--error-border, #dc2626);color:var(--error-text, #7f1d1d)}.address-section{margin-bottom:2rem;padding:1.5rem;background:var(--bg-tertiary, #f8f9fa);border-radius:12px;border:1px solid var(--border-color, #e5e7eb)}.always-searchable-section,.configurable-section{margin-bottom:1.5rem}.privacy-toggle.always-searchable{opacity:.8;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:1rem;margin-bottom:.75rem}.always-on-badge{background:#22c55e;color:#fff;padding:.5rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap;display:flex;align-items:center;justify-content:center}.onboarding-flow.light{background:var(--bg-primary, #ffffff);color:var(--text-primary, #1a1a1a)}.onboarding-flow.light .step-content{background:var(--bg-secondary, #ffffff);border-color:var(--border-color, rgba(0, 0, 0, .1))}.onboarding-flow.light .agreements{background:var(--bg-secondary, #f9fafb)}.onboarding-flow.light .step-description{color:var(--text-secondary, #6b7280)}.onboarding-flow.light .field input[type=date]{color-scheme:light}.onboarding-flow.light .field input[type=date]::-webkit-calendar-picker-indicator{filter:none;cursor:pointer}.onboarding-flow.light .info-bubble.info{background:#f0f9ff;border-color:#0891b2;color:#164e63;font-weight:500}.onboarding-flow.light .info-bubble.warning{background:#f8fafc;border-color:#8b5cf6;color:#4c1d95;font-weight:500}.onboarding-flow.light .info-bubble.success{background:#f0fdf4;border-color:#22c55e;color:#14532d;font-weight:500}.onboarding-flow.light .info-bubble.error{background:#fef2f2;border-color:#ef4444;color:#7f1d1d;font-weight:500}.loading-spinner{animation:spin 1s linear infinite}.obp-step{width:100%}.obp-icon-wrap{width:3rem;height:3rem;background:#35bd101a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;flex-shrink:0}.obp-icon{width:1.5rem;height:1.5rem}.obp-title-section{text-align:center;margin-bottom:1.75rem}.obp-title{font-size:1.5rem!important;font-weight:600!important;color:#f3f4f6!important;margin:0 0 .5rem!important;font-family:Archivo,ui-sans-serif,system-ui,sans-serif!important;letter-spacing:-.025em}.obp-subtitle{font-size:.875rem;color:#bdc1ca;margin:0;line-height:1.5}.obp-subtitle--wide{max-width:331px;margin:0 auto}.obp-fields{width:100%;margin-bottom:.25rem}.obp-phone-pill{display:flex;align-items:center;background:#171a1f;border:1px solid rgba(50,55,67,.5);border-radius:.75rem;padding:.5rem 1rem;margin-bottom:2rem}.obp-phone-display{font-size:.875rem;font-weight:500;color:#f3f4f6e6;letter-spacing:.05em}.obp-pill-divider{width:1px;height:1rem;background:#323743;margin:0 .75rem;flex-shrink:0}.obp-edit-btn{display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;color:#35bd10;font-size:.75rem;font-weight:600;padding:0;font-family:inherit;transition:opacity .2s}.obp-edit-btn:hover{opacity:.75}.obp-otp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;width:100%;margin-bottom:1.5rem}.obp-otp-box{aspect-ratio:48 / 56;background:#32374366;border:1px solid #323743;border-radius:.75rem;font-size:1.5rem;font-weight:700;text-align:center;color:#f3f4f6;outline:none;width:100%;caret-color:#35bd10;transition:border-color .15s;font-family:inherit}.obp-otp-box:focus{border-color:#35bd10}.obp-otp-box--filled{border-color:#35bd1073}.obp-otp-error{display:block;font-size:.75rem;color:#ef4444;font-weight:500;text-align:center;margin-top:-.75rem;margin-bottom:1rem}.obp-resend{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-bottom:2.5rem}.obp-resend-text{font-size:.875rem;color:#bdc1ca}.obp-resend-timer{font-size:.875rem;font-weight:500;color:#f3f4f6}.obp-resend-btn{background:none;border:none;cursor:pointer;font-size:.875rem;color:#35bd10;font-weight:500;padding:0;font-family:inherit;transition:opacity .2s}.obp-resend-btn:hover{opacity:.75}.obp-resend-btn:disabled{opacity:.4;cursor:default}@media (max-width: 400px){.obp-otp-box{font-size:1.25rem;border-radius:.5rem}.obp-otp-grid{gap:.375rem}}.obl-step{width:100%}.obl-select-wrap{position:relative;display:flex;align-items:center}.obl-select{width:100%;height:2.25rem;background:#000;border:1px solid #323743;border-radius:.375rem;padding:0 2rem 0 .75rem;font-size:.875rem;color:#f3f4f6;outline:none;appearance:none;-webkit-appearance:none;transition:border-color .2s;font-family:inherit;cursor:pointer}.obl-select:focus{border-color:#35bd10;box-shadow:0 0 0 1px #35bd10}.obl-select option{background:#1e2128;color:#f3f4f6}.obl-chevron{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.5;display:flex;align-items:center}.obl-actions{width:100%;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(50,55,67,.5);display:flex;gap:1rem}.obl-btn-back{flex:0 0 35%;height:2.5rem;background:#000;border:1px solid #323743;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#f3f4f6;cursor:pointer;font-family:inherit;transition:background-color .2s}.obl-btn-back:hover{background:#111}.obl-btn-continue{flex:1;height:2.5rem;background:#35bd10;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;font-family:inherit;box-shadow:0 4px 12px #35bd104d;transition:background-color .2s}.obl-btn-continue:hover{background:#2ea30e}.oba-step{display:flex;flex-direction:column}.oba-search-wrap{display:flex;align-items:center;gap:8px;background:#171a1f;border:1px solid #323743;border-radius:6px;padding:10px 12px;margin-bottom:16px;transition:border-color .2s}.oba-search-wrap:focus-within{border-color:#35bd10}.oba-search-icon{width:16px;height:16px;color:#bdc1ca;flex-shrink:0}.oba-search-input{background:transparent;border:none;outline:none;color:#f3f4f6;font-size:14px;font-family:inherit;width:100%}.oba-search-input::placeholder{color:#bdc1ca}.oba-filter-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:20px;scrollbar-width:none}.oba-filter-chips::-webkit-scrollbar{display:none}.oba-chip{padding:6px 16px;border-radius:9999px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background-color .15s,border-color .15s,color .15s;border:1px solid #bdc1ca;background:transparent;color:#bdc1ca}.oba-chip--active{background:#262a33;border-color:#262a33;color:#f3f4f6}.oba-chip:not(.oba-chip--active):hover{background:#262a33}.oba-grid-wrap{background:#171a1f4d;border:1px solid rgba(50,55,67,.5);border-radius:12px;min-height:300px;max-height:390px;overflow-y:auto;padding:16px;margin-bottom:16px;scrollbar-width:thin;scrollbar-color:#323743 transparent}.oba-grid-wrap::-webkit-scrollbar{width:4px}.oba-grid-wrap::-webkit-scrollbar-track{background:transparent}.oba-grid-wrap::-webkit-scrollbar-thumb{background:#323743;border-radius:2px}.oba-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.oba-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:106px;background:#1e2128;border:2px solid #323743;border-radius:16px;cursor:pointer;transition:border-color .15s;padding:8px 4px}.oba-tile:hover{border-color:#bdc1ca}.oba-tile--selected{background:#35bd101a;border-color:#35bd10}.oba-tile--selected:hover{border-color:#35bd10}.oba-tile-check{position:absolute;top:8px;right:8px;width:16px;height:16px;background:#35bd10;border-radius:50%;border:2px solid #1e2128;display:flex;align-items:center;justify-content:center}.oba-tile-check-dot{width:5px;height:5px;background:#000;border-radius:50%}.oba-tile-icon-wrap{width:40px;height:40px;background:#171a1f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;flex-shrink:0}.oba-tile-icon-wrap--sel{background:#35bd1033}.oba-tile-icon-img{width:24px;height:24px;object-fit:contain}.oba-tile-icon-fallback{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#bdc1ca}.oba-tile--selected .oba-tile-icon-fallback{color:#35bd10}.oba-tile-name{font-size:13px;font-weight:500;color:#bdc1ca;text-align:center;line-height:1.2;padding:0 4px}.oba-tile--selected .oba-tile-name{color:#f3f4f6}.oba-loading,.oba-error-state{display:flex;align-items:center;justify-content:center;min-height:200px;color:#bdc1ca;font-size:14px;flex-direction:column;gap:12px}.oba-retry-btn{padding:6px 16px;background:#262a33;border:1px solid #323743;border-radius:6px;color:#f3f4f6;font-size:13px;cursor:pointer;font-family:inherit;transition:background-color .15s}.oba-retry-btn:hover{background:#2e3340}.oba-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:12px;border-top:1px solid #323743;margin-top:12px}.oba-page-btn{padding:6px 14px;background:#262a33;border:1px solid #323743;border-radius:6px;color:#f3f4f6;font-size:13px;cursor:pointer;font-family:inherit;transition:background-color .15s}.oba-page-btn:hover:not(:disabled){background:#2e3340}.oba-page-btn:disabled{opacity:.4;cursor:not-allowed}.oba-page-info{font-size:13px;color:#bdc1ca}.oba-validation-error{font-size:13px;color:#ef4444;margin:0 0 8px}@media (max-width: 600px){.oba-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 400px){.oba-grid{grid-template-columns:repeat(2,1fr)}}.obc-step{display:flex;flex-direction:column;align-items:center;text-align:center}.obc-icon-ring{position:relative;width:96px;height:96px;background:#35bd101a;border-radius:50%;border:4px solid #000000;margin-bottom:24px;flex-shrink:0}.obc-icon-inner{position:absolute;inset:6px;background:#35bd1033;border-radius:50%;display:flex;align-items:center;justify-content:center}.obc-title{font-size:30px;font-weight:800;color:#f3f4f6;letter-spacing:-.5px;margin:0 0 12px}.obc-subtitle{font-size:15px;color:#bdc1ca;line-height:1.6;margin:0 0 32px;max-width:380px}.obc-summary{width:100%;background:#171a1f66;border:1px solid rgba(50,55,67,.5);border-radius:16px;padding:20px;margin-bottom:32px;text-align:left}.obc-summary-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:0}.obc-summary-icon-wrap{width:30px;height:30px;background:#000;border:1px solid rgba(50,55,67,.5);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 4px #0000004d}.obc-summary-label{font-size:11px;font-weight:600;color:#bdc1ca;text-transform:uppercase;letter-spacing:.08em;line-height:1;margin:0 0 4px}.obc-summary-value{font-size:14px;font-weight:500;color:#f3f4f6;margin:0}.obc-divider{height:1px;background:#32374380;margin:20px 0}.obc-interests-label{margin-bottom:12px}.obc-tags{display:flex;flex-wrap:wrap;gap:8px}.obc-tag{padding:4px 12px;background:#262a33;border:1px solid transparent;border-radius:9999px;font-size:12px;font-weight:500;color:#f3f4f6;transition:border-color .15s}.obc-tag:hover{border-color:#35bd104d}.obc-actions{display:flex;flex-direction:column;gap:12px;width:100%}.obc-btn-feed{width:100%;height:48px;background:#35bd10;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s,transform .1s;box-shadow:0 4px 16px #35bd1059}.obc-btn-feed:hover{background:#2ea50e}.obc-btn-feed:active{transform:scale(.98)}.obc-btn-feed:disabled{opacity:.7;cursor:not-allowed}.obc-btn-invite{width:100%;height:48px;background:transparent;color:#f3f4f6;border:1px solid #f3f4f6;border-radius:6px;font-size:15px;font-weight:500;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s,transform .1s}.obc-btn-invite:hover{background:#f3f4f60d}.obc-btn-invite:active{transform:scale(.98)}.role-type-management{padding:2rem;max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;margin-bottom:.5rem;color:#333}.page-header p{color:#666;font-size:1.1rem}.alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid}.alert-error{background:#fee;border-color:#fcc;color:#c33}.alert-success{background:#efe;border-color:#cfc;color:#3c3}.role-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.role-type-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.role-type-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#4caf50}.role-type-card.disabled{opacity:.6;background:#f5f5f5}.role-type-card.editing{border-color:#2196f3;box-shadow:0 4px 16px #2196f333}.role-type-display{display:flex;flex-direction:column;gap:1rem}.role-type-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.role-type-title{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.role-type-title h3{font-size:1.5rem;margin:0;color:#333}.role-type-id-badge{background:#e3f2fd;color:#1976d2;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;font-family:Courier New,monospace}.role-type-status{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.status-badge{padding:.375rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap}.status-badge.enabled{background:#e8f5e9;color:#2e7d32}.status-badge.disabled{background:#ffebee;color:#c62828}.sort-order-badge{background:#f5f5f5;color:#666;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.role-type-description{color:#555;line-height:1.6;margin:0}.role-type-meta{display:flex;gap:1.5rem;padding-top:.75rem;border-top:1px solid #e0e0e0}.role-type-meta small{color:#999;font-size:.85rem}.role-type-actions{display:flex;gap:.75rem;margin-top:.5rem}.role-type-form{display:flex;flex-direction:column;gap:1.25rem}.form-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:2px solid #2196F3}.form-header h3{margin:0;color:#2196f3;font-size:1.25rem}.form-group label{font-weight:600;color:#333;font-size:.95rem}.form-group input[type=text],.form-group input[type=number],.form-group textarea{padding:.75rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.form-group textarea{resize:vertical;min-height:80px}.form-group small{color:#666;font-size:.85rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}.form-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:#4caf50;color:#fff}.btn-primary:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.btn-secondary{background:#757575;color:#fff}.btn-secondary:hover{background:#616161}.btn-edit{background:#2196f3;color:#fff}.btn-edit:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.info-box{background:#e3f2fd;border:2px solid #90caf9;border-radius:12px;padding:1.5rem;margin-top:2rem}.info-box h4{margin:0 0 1rem;color:#1976d2;font-size:1.25rem}.info-box ul{margin:0 0 1rem 1.5rem;padding:0}.info-box li{margin-bottom:.5rem;color:#555;line-height:1.6}.info-box strong{color:#1565c0}.warning-text{background:#fff3e0;border:1px solid #ffb74d;border-radius:6px;padding:1rem;margin:1rem 0 0;color:#e65100}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.role-types-grid,.form-row{grid-template-columns:1fr}.role-type-header{flex-direction:column}.role-type-status{align-items:flex-start}}.admin-app{min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-app *{box-sizing:border-box}.admin-app h1,.admin-app h2,.admin-app h3,.admin-app h4,.admin-app h5,.admin-app h6{margin:0;padding:0;font-weight:700}.admin-app button{font-family:inherit}.admin-navbar{background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 20px #0003;border-bottom:1px solid rgba(255,255,255,.1)}.admin-app .nav-brand h1{margin:0;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.admin-app .nav-brand h1 svg{font-size:1.3rem}.admin-app .admin-welcome{font-size:.9rem;opacity:.8;display:block;margin-top:.25rem}.admin-app .nav-menu{display:flex;gap:1rem;flex-wrap:wrap}.admin-app .nav-menu button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.admin-app .nav-menu button svg{font-size:1rem;flex-shrink:0}.admin-app .nav-menu button:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-1px)}.admin-app .nav-menu button.active{background:#fff3;border-color:#ffffff80;font-weight:600}.admin-app .nav-actions{display:flex;gap:1rem;align-items:center}.admin-app .user-site-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.admin-app .user-site-btn svg{font-size:1rem}.admin-app .user-site-btn:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-1px);box-shadow:0 4px 15px #28a7454d}.admin-app .logout-btn{background:linear-gradient(135deg,#dc3545,#c82333);border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.admin-app .logout-btn svg{font-size:1rem}.admin-app .logout-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px);box-shadow:0 4px 15px #dc35454d}.admin-content{padding:2rem;max-width:1400px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem}.admin-header h1{margin:0;font-size:2.5rem;font-weight:700;text-align:center;flex:1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-left:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.admin-navbar{flex-direction:column;gap:1rem;padding:1rem}.nav-menu{justify-content:center;width:100%}.nav-menu button{font-size:.8rem;padding:.4rem .8rem}.admin-content{padding:1rem}.admin-header{flex-direction:column;gap:1rem}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App{min-height:100vh;max-width:1400px;margin:0 auto;width:100%;background-color:var(--bg-primary)}.page-layout-new{margin-top:6rem;background-color:var(--bg-primary)}.app-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.app-header h1{margin:0;color:#000;font-size:2.5rem;font-weight:700}.user-controls{display:flex;align-items:center;gap:1rem}.user-greeting{color:#666;font-weight:500;font-size:1rem;display:flex;align-items:center;gap:.5rem}.admin-badge{background:#dc3545;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-button{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#666;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .15s ease-in-out;font-weight:500;font-size:.9rem}.profile-button:hover{background:#ffffff4d;border-color:#ffffff80}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background:var(--bg-primary, #000000);color:#fff;font-size:1.2rem}.loading-spinner{width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px;flex-shrink:0;border:5px solid rgba(255,255,255,.3);border-top:5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem;aspect-ratio:1 / 1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-nav{display:flex;gap:1rem;margin-top:1rem;justify-content:center}.nav-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#666;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .15s ease-in-out;font-weight:600}.nav-btn:hover{background:#ffffff4d;border-color:#ffffff80}.nav-btn.active{background:#fff;border-color:#fff;color:#3b82f6;box-shadow:0 2px 4px #0000001a}main{padding:0 1rem 2rem}.event-admin{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a}.event-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.event-admin-header h2{margin:0;color:#000;font-size:1.8rem}.create-event-form{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:2rem;margin-bottom:2rem}.create-event-form h3{margin:0 0 1.5rem;color:#666}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#666}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:6px;font-size:1rem;color:var(--input-text)!important;background-color:var(--input-bg);transition:border-color .15s ease-in-out}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#fff3;box-shadow:none}.activity-search{position:relative}.activity-search .search-input{margin-bottom:.5rem}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;margin-bottom:0}.checkbox-group input[type=checkbox]{width:auto;margin-right:.5rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.events-list h3{color:#666;margin-bottom:1.5rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.event-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:all .15s ease-in-out}.event-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.event-header h4{margin:0;color:#000;font-size:1.2rem}.status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status.active{background-color:#d1fae5;color:#065f46}.status.inactive{background-color:#fee2e2;color:#991b1b}.event-details p{margin:.5rem 0;color:#4b5563}.event-details strong{color:#666}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{background-color:#e0e7ff;color:#3730a3;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.event-meta{font-size:.875rem;color:#6b7280!important;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.event-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.roles-section{border:2px solid #e5e7eb;border-radius:8px;padding:1rem;background:#f9fafb}.activity-roles p{margin:0 0 .5rem;color:#666;font-size:.875rem}.role-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.role-buttons button{padding:.25rem .75rem;background:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .15s ease-in-out}.role-buttons button:hover:not(:disabled){background:#c7d2fe}.role-buttons button:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.role-item{margin-bottom:.75rem}.role-inputs{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.5rem;align-items:center}.role-inputs input{padding:.5rem;border:2px solid #d1d5db;border-radius:4px;font-size:.875rem}.btn-small{padding:.5rem .75rem;font-size:.875rem;border-radius:4px;border:none;cursor:pointer;transition:all .15s ease-in-out}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}@media (max-width: 768px){.app-header{padding:1.5rem}.app-header h1{font-size:2rem}.app-nav{flex-direction:column;align-items:center}.nav-btn{width:200px}.event-admin-header{flex-direction:column;gap:1rem;align-items:stretch}.form-row,.events-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}.admin-controls,.user-controls-section{display:flex;align-items:center;gap:1rem}.header-buttons{display:flex;gap:.5rem}.admin-logout-button{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.admin-logout-button:hover{background:#b91c1c;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-primary);border-radius:12px;padding:2rem;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;position:relative}.admin-login-modal{border:2px solid #6366f1}.master-setup-modal{border:2px solid #059669;max-width:500px}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-button:hover{background:#f3f4f6;color:#666}.admin-branding{text-align:center;margin-bottom:2rem}.admin-branding h2{color:#6366f1;margin:0 0 .5rem;font-size:1.8rem}.admin-branding p{color:#6b7280;margin:0;font-size:1rem}.setup-header{text-align:center;margin-bottom:2rem}.setup-header h2{color:#059669;margin:0 0 .5rem;font-size:1.8rem}.setup-header p{color:#6b7280;margin:0;font-size:1rem}.admin-login-form,.master-setup-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#666;font-size:.9rem}.form-group input{padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--input-text)!important;background-color:var(--input-bg);transition:border-color .2s}.form-group input:focus{outline:none;border-color:#fff3}.form-group input.error{border-color:#dc2626}.error-text{color:#dc2626;font-size:.875rem;font-weight:500}.error-message{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:6px;border:1px solid #fecaca;font-size:.9rem}.admin-login-button{background:#6366f1;color:#fff;border:none;padding:.875rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.admin-login-button:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.admin-login-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.master-setup-button{background:#059669;color:#fff;border:none;padding:.875rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.master-setup-button:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.master-setup-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.setup-info{margin-top:1.5rem;padding:1rem;background:#f0fdf4;border-radius:6px;border:1px solid #bbf7d0}.setup-info p{margin:0;font-size:.9rem;color:#166534}.admin-dashboard{background:#fff;border-radius:12px;padding:2rem;margin:0 2rem;box-shadow:0 4px 6px -1px #0000001a}.admin-dashboard h2{color:#6366f1;margin:0 0 1rem;font-size:2rem}.master-admin-info{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:1rem;margin-top:1rem}.master-admin-info p{margin:0;color:#92400e;font-weight:500}.user-management,.admin-logs{background:#fff;border-radius:12px;padding:2rem;margin:0 2rem;box-shadow:0 4px 6px -1px #0000001a}.user-management h2,.admin-logs h2{color:#666;margin:0 0 1rem;font-size:1.8rem}.loading{text-align:center;padding:2rem;color:#6b7280;font-size:1.1rem}.role-item{border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;background:#f9fafb}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.role-header h4{margin:0;color:#666;font-size:1.2rem;font-weight:600}.role-basic-info{margin-bottom:1.5rem}.role-inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.input-group{display:flex;flex-direction:column}.input-group.full-width{grid-column:1 / -1}.input-group label{font-size:.875rem;font-weight:500;color:#666;margin-bottom:.375rem;display:block}.input-group input,.input-group select,.input-group textarea{width:100%;padding:.5rem;border:2px solid var(--border-color);border-radius:6px;font-size:.875rem;background-color:var(--input-bg);color:var(--input-text);transition:border-color .15s ease-in-out}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{outline:none;border-color:#fff3;box-shadow:none}.checkbox-group{align-items:flex-start;padding-top:.25rem}.checkbox-group label{display:flex;align-items:center;margin-bottom:0;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;margin-right:.5rem;margin-bottom:0}.additional-attributes{border:1px solid #e5e7eb;border-radius:6px;background:#fff}.additional-attributes details{margin:0}.additional-attributes summary{list-style:none;padding:.75rem 1rem;cursor:pointer;background:#f8fafc;border-radius:6px;display:flex;justify-content:space-between;align-items:center;font-weight:500;color:#666;-webkit-user-select:none;user-select:none}.additional-attributes summary:hover{background:#f1f5f9}.additional-attributes summary::-webkit-details-marker{display:none}.toggle-icon{transition:transform .2s ease;font-size:.75rem}.additional-attributes details[open] .toggle-icon{transform:rotate(180deg)}.attributes-content{padding:1rem;border-top:1px solid #e5e7eb;display:grid;gap:1rem}.attribute-subsection{border:1px solid #e2e8f0;border-radius:6px;background:#fafbfc}.attribute-subsection details{margin:0}.subsection-toggle{list-style:none;padding:.6rem .75rem;cursor:pointer;background:#fafbfc;border-radius:6px;display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:.875rem;color:#4b5563;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.subsection-toggle:hover{background:#f1f5f9}.subsection-toggle::-webkit-details-marker{display:none}.attribute-subsection details[open] .toggle-icon{transform:rotate(180deg)}.subsection-content{padding:.75rem;border-top:1px solid #e2e8f0;background:#fff}.requirement-enable-checkbox{margin-bottom:1rem;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.requirement-enable-checkbox .checkbox-item{font-weight:500;color:#666}.requirement-enable-checkbox .checkbox-item input[type=checkbox]{margin-right:.75rem;transform:scale(1.1)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-bottom:.25rem}.checkbox-item{display:flex;align-items:center;font-size:.875rem;cursor:pointer}.checkbox-item input[type=checkbox]{margin-right:.5rem;width:auto}.age-range-group,.skill-range-group{display:flex;flex-direction:column;gap:.75rem}.age-inputs,.skill-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.accessibility-group,.waitlist-group{display:flex;flex-direction:column;gap:.75rem}.field-hint{color:#6b7280;font-size:.75rem;margin-top:.25rem}.roles-section{margin-top:1.5rem}.event-roles-list{margin-top:1rem}@media (max-width: 768px){.role-inputs-grid{grid-template-columns:1fr}.role-header{flex-direction:column;align-items:flex-start;gap:.75rem}.age-inputs,.skill-inputs{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:1fr 1fr}}