code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.theme-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.theme-toggle{zoom:.8}}@media (max-width:480px){.theme-toggle{zoom:.6}}.theme-toggle:hover{transform:scale(1.05)}.toggle-track{background:linear-gradient(135deg,#87ceeb,#98d8e8);border-radius:15px;box-shadow:inset 0 2px 4px #0000001a,0 2px 8px #00000026;height:30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:60px}.dark .toggle-track{background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:inset 0 2px 4px #0000004d,0 2px 8px #00000040}.toggle-thumb{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0003,0 1px 3px #0000001a;color:#f39c12;display:flex;height:24px;justify-content:center;left:3px;position:absolute;top:3px;transition:all .4s cubic-bezier(.4,0,.2,1);width:24px}.dark .toggle-thumb{background:#2c3e50;box-shadow:0 2px 6px #0000004d,0 1px 3px #0003;color:#f39c12;transform:translateX(30px)}.toggle-icon,.toggle-thumb svg{transition:all .3s ease}.toggle-icon{align-items:center;display:flex;justify-content:center;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.toggle-sun{color:#f39c12;left:8px}.toggle-moon{color:#bdc3c7;right:8px}.dark .toggle-sun{opacity:.3}.dark .toggle-moon{color:#f39c12;opacity:.8}.theme-toggle:hover .toggle-thumb{box-shadow:0 4px 12px #00000040,0 2px 6px #00000026}.dark .theme-toggle:hover .toggle-thumb{box-shadow:0 4px 12px #0006,0 2px 6px #00000040}.theme-toggle:active .toggle-thumb{transform:scale(.95)}.dark .theme-toggle:active .toggle-thumb{transform:translateX(30px) scale(.95)}.notification-bell-container{position:relative}.notification-bell-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;padding:8px;position:relative;transition:all .2s;width:44px}.notification-bell-btn:hover{background:#3b82f61a;transform:scale(1.05)}.bell-icon{display:block;filter:grayscale(0)}.notification-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:12px;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:2px 6px;position:absolute;right:6px;top:6px}.notification-dropdown{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;max-height:600px;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:400px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown:before{border-bottom:8px solid #e5e7eb;border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;position:absolute;right:16px;top:-8px;width:0}.notification-dropdown:after{border-bottom:7px solid #fff;border-left:7px solid #0000;border-right:7px solid #0000;content:"";height:0;position:absolute;right:17px;top:-7px;width:0}.notification-dropdown-header{align-items:center;background:#fff;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 20px 16px}.notification-dropdown-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.view-all-btn{background:#0000;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600;padding:6px 12px;transition:all .2s}.view-all-btn:hover{background:#3b82f61a;color:#2563eb}.notification-list{max-height:500px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f9fafb}.notification-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.notification-empty,.notification-loading{color:#6b7280;padding:60px 20px;text-align:center}.notification-loading{font-size:14px}.notification-empty{align-items:center;display:flex;flex-direction:column;gap:12px}.notification-empty .empty-icon{font-size:3.5rem;opacity:.3}.notification-empty p{color:#9ca3af;font-size:15px;margin:0}.notification-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:14px;padding:16px 20px;position:relative;transition:all .2s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#3b82f60d}.notification-item.unread:hover{background:#3b82f614}.notification-icon{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;font-size:1.8rem;height:40px;justify-content:center;width:40px}.notification-item.unread .notification-icon{background:#3b82f61a}.notification-content{flex:1 1;min-width:0}.notification-text{color:#111827;font-size:16px;font-weight:500;line-height:1.5;margin:0 0 6px}.notification-post-title{color:#6b7280;font-size:15px;font-style:italic;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time{color:#9ca3af;font-size:14px;font-weight:500}.unread-dot{background:#3b82f6;border-radius:50%;box-shadow:0 0 0 3px #3b82f633;flex-shrink:0;height:10px;margin-top:6px;width:10px}.dark .notification-dropdown{background:#1f2937;border-color:#374151}.dark .notification-dropdown:after{border-bottom-color:#1f2937}.dark .notification-dropdown-header{background:#1f2937;border-bottom-color:#374151}.dark .notification-dropdown-header h3{color:#f3f4f6}.dark .notification-item{border-bottom-color:#374151}.dark .notification-item:hover{background:#111827}.dark .notification-item.unread{background:#60a5fa26}.dark .notification-item.unread:hover{background:#60a5fa33}.dark .notification-icon{background:#374151}.dark .notification-item.unread .notification-icon{background:#60a5fa40}.dark .notification-text{color:#f3f4f6}.dark .notification-post-title{color:#d1d5db}.dark .notification-time{color:#9ca3af}.dark .notification-badge{border-color:#1f2937}.dark .notification-list::-webkit-scrollbar-track{background:#111827}.dark .notification-list::-webkit-scrollbar-thumb{background:#4b5563}@media (max-width:768px){.notification-dropdown{right:-20px;width:360px}}@media (max-width:480px){.notification-dropdown{left:10px;position:fixed;right:10px;top:70px;width:auto}.notification-dropdown:after,.notification-dropdown:before{display:none}}.header{background:#fff;background:var(--header-bg,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);box-shadow:0 1px 3px #0000000d;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:2rem;height:64px;justify-content:space-between}.header-title-link{color:inherit;text-decoration:none}.header-title{color:#111827;color:var(--text-primary,#111827);cursor:pointer;font-size:1.25rem;font-weight:600;margin:0;transition:opacity .2s ease;white-space:nowrap}.header-title-link:hover .header-title{opacity:.8}.header-nav{display:flex;flex:1 1;gap:.5rem;justify-content:center}.nav-link{border-bottom:2px solid #0000;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.9375rem;font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.nav-link:hover{color:#111827;color:var(--text-primary,#111827)}.nav-link.active{border-bottom-color:#2563eb;border-bottom-color:var(--primary-color,#2563eb);color:#2563eb;color:var(--primary-color,#2563eb)}.nav-user{align-items:center;color:#111827;color:var(--text-primary,#111827);display:flex;font-size:.9375rem;font-weight:500;padding:.5rem 1rem}.user-avatar{border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:50%;cursor:pointer;height:40px;margin-left:.5rem;object-fit:cover;transition:all .2s ease;width:40px}.user-avatar:hover{border-color:#2563eb;border-color:var(--primary-color,#2563eb);transform:scale(1.05)}.nav-button{background:none;border:none;cursor:pointer;font-family:inherit}.nav-button:hover{color:#111827;color:var(--text-primary,#111827)}.dark .header{--header-bg:#1f2937;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#9ca3af;--hover-bg:#374151;--active-bg:#1e3a8a;--primary-color:#60a5fa}@media (max-width:768px){.header{padding:0 1rem}.header-content{gap:1rem;height:56px}.header-title{font-size:1.125rem}.nav-link{font-size:.875rem;padding:.5rem 1rem}}@media (max-width:480px){.header-title{font-size:1rem}.header-nav{gap:.25rem}.nav-link{font-size:.8125rem;padding:.4rem .75rem}}.filter-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:100%;position:relative;width:100%}.filter-content{flex:1 1;overflow-y:auto;padding:20px 10px 10px;scroll-behavior:smooth;scrollbar-width:none}.filter-content::-webkit-scrollbar{width:8px}.filter-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.filter-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.filter-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.filter-header h3{color:var(--text-primary);font-size:1.3rem;margin:0}.filter-close-btn{align-items:center;background:none;border:1px solid #676960;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;height:30px;justify-content:center;line-height:1;padding:6px;position:fixed;right:10px;top:16px;transition:all .3s ease;width:30px}.filter-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.filter-close-btn:active{transform:scale(.95)}.filter-close-btn svg{transition:all .3s ease}.filter-close-btn:hover svg{transform:translateX(-2px) scale(1.1)}.filter-close-btn:active svg{transform:translateX(-4px) scale(.9)}.filter-panel h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 20px}.filter-group{margin-bottom:20px}.filter-group label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:5px}.filter-group input,.filter-group select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-size:.9rem;padding:8px 12px;transition:border-color .2s;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.range-inputs{display:flex;gap:10px}.range-inputs input{flex:1 1}.checkbox-group{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;max-height:200px;overflow-y:auto;padding:10px}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:400;margin-bottom:8px}.checkbox-label input[type=checkbox]{margin-bottom:0;margin-right:8px;width:auto}.toggle-advanced{background:var(--text-secondary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 10px;transition:background-color .2s;width:100%}.toggle-advanced:hover{background:var(--text-primary)}.advanced-filters{border-top:2px solid var(--border-color);margin-top:20px;padding-top:20px}.filter-actions{display:flex;gap:10px;padding:10px;z-index:10}.apply-btn,.clear-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:8px 10px;transition:all .2s}.apply-btn{background:var(--success-color)}.apply-btn:hover{background:#218838}.clear-btn{background:var(--danger-color);color:#fff}.clear-btn:hover{background:#c82333}@media (max-width:768px){.filter-group{margin-bottom:15px}.checkbox-group{max-height:150px}}@media (max-width:480px){.filter-panel h3{font-size:1.2rem}.filter-actions{flex-direction:column}.apply-btn,.clear-btn{padding:6px 8px}}.filter-helper-text{color:var(--text-muted);display:block;font-size:.75rem;margin-top:4px}.candidate-table-container{background:var(--bg-primary);overflow:hidden}.candidate-table{border-collapse:collapse;font-size:.9rem;width:100%}.candidate-table thead{background:var(--bg-tertiary)}.candidate-table th{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:12px 10px;text-align:left;white-space:nowrap}.candidate-table td{border-bottom:1px solid var(--border-color);padding:10px;vertical-align:middle}.candidate-row{cursor:pointer;transition:background-color .2s}.candidate-row:hover{background:var(--bg-secondary)}.candidate-row:last-child td{border-bottom:none}.avatar-cell{width:60px}.candidate-avatar{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.candidate-avatar img{height:100%;object-fit:cover;width:100%}.name-cell{min-width:120px}.candidate-name{align-items:center;display:flex;gap:8px}.name{color:var(--text-primary);font-weight:600}.gender-cell{text-align:center}.gender-badge{align-items:center;border-radius:50%;display:flex;font-size:.7rem;font-weight:800;height:20px;justify-content:center;width:20px}.gender-badge.woman{background:#f6aab0;color:#721c24}.gender-badge.man{background:#b9caf0;color:#152757}.dark .gender-badge.woman{background:#4a1a1a;color:#ff6b6b}.dark .gender-badge.man{background:#3c449b;color:#bed0ef}.age-cell{color:var(--text-secondary);font-weight:700;width:80px}.technical-cell{width:100px}.technical-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:800;min-width:60px;padding:4px 8px;text-align:center}.technical-badge.technical{background:#79d990;color:#163e1f}.technical-badge.non-technical{background:#fff3cd;color:#614b08}.dark .technical-badge.technical{background:#1a4a1a;color:#9ef4af}.dark .technical-badge.non-technical{background:#4a4a1a;color:#ffd93d}.location-cell{min-width:150px}.location-info{gap:2px}.location{color:var(--text-primary);font-weight:500}.last-seen-cell{color:var(--text-secondary);font-size:.85rem;width:120px}.linkedin-cell,.profile-cell{width:120px}.level-cell{white-space:nowrap;width:auto}.level-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.8rem;padding:4px 6px;text-align:center;width:80px}.level-display{color:var(--text-primary);font-weight:600}.level-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.dark .level-input{background:var(--bg-secondary);border-color:var(--border-color)}.linkedin-btn{background:#0077b5;color:#fff}.linkedin-btn:hover:not(.disabled){background:#005885}.linkedin-btn.disabled{background:var(--text-muted);cursor:not-allowed;opacity:.5}.profile-btn{background:#f17438;color:#fff}.profile-btn:hover{background:#ff5100}.no-candidates{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:1.1rem;padding:60px 20px;text-align:center}@media (max-width:1024px){.candidate-table{font-size:.85rem}.candidate-table td,.candidate-table th{padding:8px 6px}.candidate-avatar{height:35px;width:35px}}@media (max-width:768px){.candidate-table-container{overflow-x:auto}.candidate-table{min-width:500px}.candidate-table td,.candidate-table th{padding:6px 4px}.location.region{display:none}.candidate-table thead th:nth-child(7),.candidate-table thead th:nth-child(8),.candidate-table thead th:nth-child(9),.last-seen-cell,.linkedin-cell,.profile-cell{display:none!important}.name-cell{min-width:100px}.location-cell{min-width:120px}.technical-cell{width:80px}.age-cell{width:60px}}@media (max-width:480px){.technical-badge{border-radius:12px;font-size:.7rem;font-weight:800;padding:2px 4px}.candidate-table{font-size:.8rem;min-width:400px}.candidate-avatar{height:30px;width:30px}.name-cell{min-width:80px}.location-cell{min-width:100px}.technical-cell{width:70px}.age-cell{width:50px}.avatar-cell,.gender-cell{width:40px}.last-seen-cell,.linkedin-cell,.profile-cell{display:none!important}}.connection-cell{width:120px}@media (max-width:768px){.connection-cell{width:100px}}@media (max-width:480px){.connection-cell{width:90px}}.link-btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:.8rem;font-weight:500;min-width:80px;padding:6px 12px;text-align:center;text-decoration:none;transition:all .2s;width:82px}@media (max-width:1024px){.link-btn{font-size:.75rem;min-width:70px;padding:5px 8px;width:72px}}@media (max-width:480px){.link-btn{font-size:.7rem;min-width:60px;padding:4px 6px}}.connection-buttons{display:flex;gap:4px;justify-content:center}.connection-btn{align-items:center;background:#0000;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.connection-btn:hover{color:#3b82f6;transform:scale(1.2)}.connection-btn.active{color:#3b82f6}.connection-btn:disabled{cursor:not-allowed;opacity:.6}.connection-btn:disabled:hover{transform:none}.connection-btn .spinner{animation:spin 1s linear infinite}.loading-dots{animation:pulse 1.5s ease-in-out infinite;font-size:16px;letter-spacing:2px}.connection-loading{color:var(--text-secondary);font-size:.9rem}.dark .connection-btn{color:#6b7280}.dark .connection-btn.active,.dark .connection-btn:hover{color:#60a5fa}@media (max-width:768px){.connection-btn{font-size:14px;height:28px;width:28px}}@media (max-width:480px){.connection-btn{font-size:13px;height:26px;width:26px}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:flex-start;border-bottom:2px solid var(--border-color);display:flex;gap:20px;justify-content:space-between;padding:25px;position:relative}.candidate-header-info{display:flex;flex:1 1;gap:20px}.candidate-avatar-large{border-radius:50%;flex-shrink:0;height:180px;overflow:hidden;width:180px}.candidate-avatar-large img{height:100%;object-fit:cover;width:100%}.candidate-basic-info h2{color:var(--text-primary);font-size:1.8rem;margin:0 0 10px}.candidate-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.candidate-meta span{border-radius:15px;font-size:.85rem;font-weight:500;padding:4px 10px}.age{background:var(--bg-tertiary);color:var(--text-primary)}.gender.woman{background:#f8d7da;color:#721c24}.gender.man,.technical.is-technical{background:#d4edda;color:#155724}.technical.non-technical{background:#fff3cd;color:#856404}.yc-founder{background:#f60;color:#fff;font-weight:600}.dark .gender{background:#4a1a1a;color:#ff6b6b}.dark .gender.man,.dark .technical.is-technical{background:#1a4a1a;color:#6bcf7f}.dark .technical.non-technical{background:#4a4a1a;color:#ffd93d}.dark .yc-founder{background:#f60;color:#fff}.location-info{color:var(--text-secondary);display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.modal-action-container{display:flex;flex-direction:column;gap:20px;justify-content:space-between;margin:0 30px}.modal-actions{gap:10px}.close-btn,.modal-actions{align-items:center;display:flex}.close-btn{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;height:35px;justify-content:center;position:absolute;right:12px;top:20px;transition:all .2s;width:35px}.close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:25px}.section{margin-bottom:25px}.section:last-child{margin-bottom:0}.section h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 12px}.section p{color:var(--text-secondary);line-height:1.6;margin:0}.free-time-section,.impressive-section,.intro-section,.life-story-section,.other-section{background:var(--bg-secondary);border-radius:8px;padding:20px}.professional-info{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.cofounder-info-box,.company-info-box,.education-box,.employment-box,.employment-education-box,.ideas-info-box,.impressive-achievement-box{background:var(--bg-secondary);border-radius:6px;padding:15px}.education-box,.employment-box,.impressive-achievement-box{margin-bottom:15px}.company-info-box h4,.education-box h4,.employment-box h4,.ideas-info-box h4,.impressive-achievement-box h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 10px}.impressive-content,.paragraph-content{color:var(--text-secondary);line-height:1.6}.paragraph-content{margin:0 0 10px}.paragraph-content:last-child{margin-bottom:0}.formatted-list{color:var(--text-secondary);line-height:1.5;margin:0;padding-left:20px}.formatted-list li{list-style-type:disc;margin-bottom:4px}.formatted-list li:last-child{margin-bottom:0}.list-item-content{display:inline}.company-info-box,.list-item-content{color:var(--text-secondary)}.company-info-box div{font-size:.95rem;margin-top:12px}.cofounder-info-box{color:var(--text-secondary)}.cofounder-info-box h4{color:var(--text-primary);font-size:1rem;margin:0 0 10px}.ideas-info-box{color:var(--text-secondary)}.ideas-info-box p{font-size:.95rem;line-height:1.5;margin:0}.cf-status{display:flex;font-size:.9rem;margin-bottom:8px}.link{color:#4e85c3}.another-cofounder-requirement{font-size:.9rem;margin-bottom:8px}.other-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.modal-footer{background:var(--bg-tertiary);border-radius:0 0 12px 12px;border-top:1px solid var(--border-color);padding:15px 25px}.timestamps{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between}.timestamp-item strong{color:var(--text-primary)}@media (max-width:768px){.education-box,.employment-box,.impressive-achievement-box{margin-bottom:12px;padding:12px}.other-details{grid-template-columns:1fr}.timestamps{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.modal-footer{padding:12px 15px}.timestamps{font-size:.8rem}}.detail-item{color:var(--text-secondary);font-size:.9rem}.detail-item strong{color:var(--text-primary)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{border-radius:15px;font-size:.8rem;font-weight:500;padding:6px 12px}.interest-tag{background:#e7f3ff;color:#0056b3}.responsibility-tag{background:#fff2e7;color:#b35600}.cf-responsibility-tag{background:#f0f8f0;color:#2d5a2d}.dark .interest-tag{background:#1a3a5c;color:#74c0fc}.dark .responsibility-tag{background:#5c3a1a;color:#ffa94d}.dark .cf-responsibility-tag{background:#1a5c1a;color:#8ce99a}.cofounder-preferences{background:var(--bg-secondary);border-radius:8px;padding:20px}.cf-details{display:flex;flex-direction:column;gap:10px}.cf-detail{color:var(--text-secondary);font-size:.9rem}.cf-detail strong{color:var(--text-primary)}.cf-detail .requirements-text{color:var(--text-secondary);line-height:1.6;margin:8px 0 0}.importance,.range{color:var(--text-muted);font-size:.85rem;font-style:italic}.detail-item a{color:var(--primary-color);margin-left:5px;text-decoration:none}.detail-item a:hover{text-decoration:underline}.email-settings-section,.ideas-section,.requirements-section{background:var(--bg-secondary);border-radius:8px;padding:20px}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header{align-items:stretch;flex-direction:column;padding:20px}.candidate-header-info{align-items:center;flex-direction:column;text-align:center}.modal-actions{justify-content:center}.modal-body{padding:20px}.details-grid{grid-template-columns:1fr}}@media (max-width:480px){.modal-body,.modal-header{padding:15px}.candidate-basic-info h2{font-size:1.5rem}.candidate-avatar-large{height:160px;width:160px}.candidate-meta{justify-content:center}.section{margin-bottom:20px}.cofounder-preferences,.free-time-section,.ideas-section,.impressive-section,.intro-section,.life-story-section,.other-section,.requirements-section{padding:15px}}.email-settings-content{margin-top:10px}.email-setting-tag{background:#e8f4fd;border:1px solid #bee5eb;color:#0c5460}.dark .email-setting-tag{background:#1a4a5c;border:1px solid #2d5a6b;color:#74c0fc}@media (max-width:480px){.email-settings-section{padding:15px}}.additional-info-section{background:var(--bg-secondary);border-radius:8px;padding:20px}.additional-info-content{display:flex;flex-direction:column;gap:15px}.requirements-text{color:var(--text-secondary);line-height:1.6;margin:8px 0 0}@media (max-width:480px){.additional-info-section{padding:15px}.additional-info-content{gap:12px}}.candidate-profile-section{background:var(--bg-secondary);border-radius:8px;padding:20px}.profile-content{display:flex;flex-direction:column;gap:20px}.profile-item h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 10px}.profile-item p{color:var(--text-secondary);line-height:1.6;margin:0}.profile-item .tags{margin-top:0}@media (max-width:480px){.candidate-profile-section{padding:15px}.profile-content{gap:15px}.profile-item h4{font-size:1rem}}.formatted-text-content,.text-paragraph{color:var(--text-secondary);line-height:1.6}.text-paragraph{margin:0 0 10px}.text-paragraph:last-child{margin-bottom:0}.free-time-content,.life-story-content,.other-content{color:var(--text-secondary);line-height:1.6}.free-time-content p,.life-story-content p,.other-content p{margin:0 0 10px}.free-time-content p:last-child,.life-story-content p:last-child,.other-content p:last-child{margin-bottom:0}@media (max-width:480px){.free-time-section,.life-story-section,.other-section{padding:15px}}.pagination-container{justify-content:space-between;position:relative;z-index:5}.pagination-container,.pagination-info{align-items:center;display:flex;flex-wrap:wrap}.pagination-info{color:var(--text-secondary);font-size:.9rem;gap:20px}.items-count{gap:20px;justify-content:space-between}.items-count,.items-per-page{align-items:center;display:flex}.items-per-page{gap:8px;padding:0 12px}.items-per-page select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;font-size:.9rem;height:28px;padding:4px 8px}.items-per-page select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.showing-info{color:var(--text-primary);font-weight:500}.pagination-controls{align-items:center;display:flex;gap:20px}.pagination{gap:8px}.page-btn,.pagination{align-items:center;display:flex}.page-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;height:28px;justify-content:center;min-width:40px;padding:4px 12px;transition:all .2s}.page-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color);color:#6d6d6d}.page-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.page-btn:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.5}.next-btn,.prev-btn{align-items:center;display:flex;font-weight:500;height:28px;justify-content:center;min-width:40px;padding:4px 12px}.next-btn svg,.prev-btn svg{transition:transform .2s ease}.prev-btn:hover:not(:disabled) svg{transform:translateX(-2px)}.next-btn:hover:not(:disabled) svg{transform:translateX(2px)}.page-dots{color:var(--text-muted);font-weight:700;padding:8px 4px}.go-to-page{align-items:center;display:flex;gap:8px;padding:0 12px}.go-to-page label{color:var(--text-secondary);font-size:.85rem;white-space:nowrap}.page-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-size:.9rem;height:28px;padding:4px 8px;text-align:center;width:60px}.page-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.go-btn{align-items:center;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;height:28px;justify-content:center;padding:4px 12px;transition:background-color .2s}.go-btn:hover:not(:disabled){background:var(--primary-hover)}.go-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.5}@media (max-width:1024px){.pagination-container{flex-direction:column;gap:12px}.pagination-info{align-items:center;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center;width:100%}.level-filter,.pagination{flex-wrap:wrap;gap:6px;justify-content:center}}@media (max-width:768px){.pagination-container{box-sizing:border-box;padding:8px;width:100%!important}.pagination-container,.pagination-info{display:flex!important;gap:10px;opacity:1!important;position:relative!important;visibility:visible!important}.pagination-info{align-items:center;flex-direction:column;width:100%}.items-per-page{order:1}.showing-info{order:3;text-align:center}.pagination{flex-wrap:wrap;gap:4px;justify-content:center}.page-btn{font-size:.85rem;min-width:36px}.go-to-page{gap:6px;justify-content:center}.pagination-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 8px #0000001a;display:block!important;height:auto!important;opacity:1!important;overflow:visible!important;padding:6px;position:-webkit-sticky;position:sticky;transform:none!important;visibility:visible!important;z-index:100}}@media (max-width:640px){.pagination-container{gap:8px;padding:6px}.pagination-info{gap:8px}.items-per-page{font-size:.85rem}.items-per-page select{font-size:.85rem;padding:3px 6px}.level-filter{gap:3px;padding:6px}.level-filter label{font-size:.8rem}.level-filter-input{font-size:.75rem;padding:3px 4px;width:50px}.apply-level-filter-btn,.clear-level-filter-btn{font-size:.75rem;padding:3px 8px}.showing-info{font-size:.85rem}.pagination{gap:3px}.page-btn{font-size:.8rem;min-width:32px}.next-btn,.page-btn,.prev-btn{height:26px;padding:3px 8px}.go-to-page{gap:4px;padding:0 8px}.go-to-page label{font-size:.8rem}.page-input{padding:3px 6px;width:50px}.go-btn,.page-input{font-size:.8rem;height:26px}.go-btn{padding:3px 8px}}@media (max-width:480px){.pagination-container{gap:6px;min-height:auto;overflow:visible;padding:4px}.pagination-info{align-items:center;flex-direction:column;gap:6px;text-align:center}.items-per-page{font-size:.8rem}.items-per-page select{font-size:.8rem;height:24px;padding:2px 4px}.level-filter{gap:2px;padding:4px}.level-filter label{font-size:.75rem;margin-bottom:2px;text-align:center}.level-filter-input{font-size:.7rem;height:24px;padding:2px 3px;width:45px}.apply-level-filter-btn,.clear-level-filter-btn{font-size:.7rem;height:24px;padding:2px 6px}.showing-info{font-size:.8rem}.pagination{gap:2px}.page-btn{font-size:.75rem;min-width:28px}.next-btn,.page-btn,.prev-btn{height:24px;padding:2px 6px}.next-btn svg,.prev-btn svg{height:12px;width:12px}.go-to-page{gap:3px;padding:0 6px}.go-to-page label{font-size:.75rem}.page-input{padding:2px 4px;width:40px}.go-btn,.page-input{font-size:.75rem;height:24px}.go-btn{padding:2px 6px}.pagination-footer{bottom:auto!important;box-sizing:border-box!important;left:auto!important;max-width:100%!important;padding:4px;position:relative!important;right:auto!important;width:100%!important}.pagination .page-btn:not(.active):not(.prev-btn):not(.next-btn):not(:first-of-type):not(:last-of-type){display:none}.pagination .next-btn,.pagination .page-btn.active,.pagination .page-btn:first-of-type,.pagination .page-btn:last-of-type,.pagination .prev-btn{display:flex}}.pagination-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);margin-top:auto;padding:8px;position:relative;z-index:10}.level-filter{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-shrink:0;gap:8px;min-height:28px;padding:0 12px}.level-filter label{color:var(--text-secondary);font-size:.9rem;font-weight:500;white-space:nowrap}.level-filter-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-size:.8rem;height:28px;padding:4px 6px;text-align:center;width:60px}.level-filter-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.level-filter span{color:var(--text-muted);font-weight:700}.apply-level-filter-btn{align-items:center;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;height:28px;justify-content:center;padding:4px 12px;transition:background-color .2s}.apply-level-filter-btn:hover:not(:disabled){background:var(--primary-hover)}.apply-level-filter-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6}.clear-level-filter-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;height:28px;justify-content:center;padding:4px 12px;transition:background-color .2s}.clear-level-filter-btn:hover{background:#c82333}.level-filter-error{color:#dc3545;font-size:.7rem;font-weight:500;margin-left:8px;white-space:nowrap}.dark .level-filter-error{color:#ff6b6b}.candidate-search{width:100%}.admin-mode,.candidate-search{display:flex;flex-direction:column;height:100%}.changes-indicator{color:#856404;font-size:.85rem;font-weight:500}.dark .changes-indicator{color:#ffd93d}.level-cancel-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background-color .2s}.level-cancel-btn:hover:not(:disabled){background:#545b62}.level-apply-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:background-color .2s}.level-apply-btn:hover:not(:disabled){background:#218838}.level-apply-btn:disabled,.level-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.level-control-modal{animation:slideInFromRight .3s ease-out;background:#fff3cd;border:2px solid #ffeaa7;border-radius:8px;box-shadow:0 4px 12px #00000026;position:fixed;right:20px;top:42px;z-index:1000}.dark .level-control-modal{background:#4a4a1a;border-color:#6a6a1a;box-shadow:0 4px 12px #0000004d}.level-control-content{display:flex;flex-direction:column;gap:12px;min-width:250px;padding:16px}.level-control-content .changes-indicator{color:#856404;font-size:.9rem;font-weight:600;text-align:center}.dark .level-control-content .changes-indicator{color:#ffd93d}.level-control-buttons{display:flex;gap:10px;justify-content:center}.level-control-buttons .level-apply-btn,.level-control-buttons .level-cancel-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;min-width:80px;padding:8px 16px;transition:all .2s}.level-control-buttons .level-cancel-btn{background:#6c757d;color:#fff}.level-control-buttons .level-cancel-btn:hover:not(:disabled){background:#545b62}.level-control-buttons .level-apply-btn{background:#28a745;color:#fff}.level-control-buttons .level-apply-btn:hover:not(:disabled){background:#218838}.level-control-buttons .level-apply-btn:disabled,.level-control-buttons .level-cancel-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.search-container{align-items:flex-start;display:flex;flex:1 1;min-height:0;overflow:hidden;padding:8px 0;position:relative;transition:all .3s ease}.search-container.filters-hidden{gap:0}.filter-sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease;width:320px}.filter-sidebar.visible{opacity:1;transform:translateX(0)}.filter-sidebar.hidden{height:100%;opacity:0;transform:translateX(-100%);width:0}.filter-container{flex:1 1;overflow-y:auto;padding-left:8px}.results-section{display:flex;flex:1 1;flex-direction:column;height:100%;margin:0 8px;min-width:0}.results-content{border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);flex:1 1;min-height:0;overflow-y:auto;scrollbar-width:none}.show-filters-btn{align-items:center;background:none;border:1px solid #676960;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;height:30px;justify-content:center;left:20px;line-height:1;padding:6px;position:absolute;top:24px;transition:all .3s ease;width:30px;z-index:1000}.show-filters-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.show-filters-btn:active{transform:scale(.95)}.show-filters-btn svg{transition:all .3s ease}.show-filters-btn:hover svg{transform:translateX(2px) scale(1.1)}.show-filters-btn:active svg{transform:translateX(4px) scale(.9)}.loading{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:1.1rem;padding:60px 20px;text-align:center}.error{background-color:#fee;border:1px solid #fcc;border-radius:5px;color:#c33;margin:20px 0;padding:15px}.dark .error{background-color:#4a1a1a;border-color:#6a2c2c;color:#ff6b6b}.error-state{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:60px 20px;text-align:center}.error-state p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:20px}.refresh-btn{align-items:center;background:#60c97c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.refresh-btn:hover{background:#49a060}.refresh-btn svg{transition:transform .2s ease}.refresh-btn:hover svg{transform:rotate(180deg)}@media (max-width:1024px){.level-controls{justify-content:center}.level-control-modal{left:10px;right:10px;top:10px;width:auto}.level-control-content{min-width:auto}}@media (max-width:768px){.filter-container{padding:0}.results-section{margin:0}.filter-sidebar{height:100%;width:100%}.filter-sidebar.hidden{height:100%;transform:translateX(-100%);width:0}}@media (max-width:480px){.search-container{margin:2px;padding:0}.results-section{margin:0;padding:0}.show-filters-btn{left:2px;top:18px}}@media (max-width:360px){.search-container{margin:0;padding:0}.show-filters-btn{left:2px;top:16px}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;-webkit-transition:background-color .2s;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body.dark-mode ::-webkit-scrollbar-track{background:#2d2d2d}body.dark-mode ::-webkit-scrollbar-thumb{background:#555}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#777}*{scrollbar-color:#81868a var(--bg-secondary);scrollbar-width:thin}body.dark-mode *{scrollbar-color:#555 #2d2d2d}.auth-container{align-items:center;background:#f6f8fa;background:var(--auth-bg,#f6f8fa);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem 1rem;position:relative}.auth-back-link{align-items:center;color:#0969da;color:var(--link-color,#0969da);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;left:2rem;position:absolute;text-decoration:none;top:2rem;transition:opacity .2s ease}.auth-back-link:hover{opacity:.7}.auth-back-link svg{flex-shrink:0}.auth-box{background:#fff;background:var(--auth-box-bg,#fff);border:1px solid #d0d7de;border:1px solid var(--auth-border,#d0d7de);border-radius:6px;max-width:340px;padding:1.5rem;width:100%}.auth-header{margin-bottom:1.5rem;text-align:center}.auth-logo-link{color:inherit;display:inline-block;text-decoration:none}.auth-logo{color:#24292f;color:var(--text-primary,#24292f);cursor:pointer;font-size:1.5rem;font-weight:600;margin:0 0 1rem;transition:opacity .2s ease}.auth-logo-link:hover .auth-logo{opacity:.7}.auth-title{color:#24292f;color:var(--text-primary,#24292f);font-size:1.5rem;font-weight:300;letter-spacing:-.5px;margin:0}.auth-form{margin-top:1.5rem}.auth-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:6px;color:#c53030;font-size:.875rem;margin-bottom:1rem;padding:.75rem;text-align:center}.dark .auth-error{background:#2d1f1f;border-color:#9b2c2c;color:#fc8181}.auth-success{background:#f0fdf4;border:1px solid #86efac;border-radius:6px;color:#15803d;font-size:.875rem;margin-bottom:1rem;padding:.75rem;text-align:center}.dark .auth-success{background:#1f2d1f;border-color:#2d5f2d;color:#86efac}.form-group{margin-bottom:1rem}.form-group label{color:#24292f;color:var(--text-primary,#24292f);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.form-label-row label{margin-bottom:0}.form-group input{background:#fff;background:var(--input-bg,#fff);border:1px solid #d0d7de;border:1px solid var(--input-border,#d0d7de);border-radius:6px;box-sizing:border-box;color:#24292f;color:var(--text-primary,#24292f);font-size:.875rem;line-height:1.5;outline:none;padding:.5rem .75rem;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#0969da;border-color:var(--input-focus,#0969da);box-shadow:0 0 0 3px #0969da1a}.form-hint{margin:.5rem 0 0}.form-hint,.form-terms{color:#57606a;color:var(--text-secondary,#57606a);font-size:.75rem}.form-terms{line-height:1.5;margin:1rem 0 0;text-align:center}.form-link{color:#0969da;color:var(--link-color,#0969da);font-size:.75rem;text-decoration:none}.form-link:hover{text-decoration:underline}.auth-button{background:#1f883d;background:var(--button-bg,#1f883d);border:1px solid #1f883d1a;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.5rem 1rem;transition:background-color .2s ease;width:100%}.auth-button:hover{background:#1a7f37;background:var(--button-hover,#1a7f37)}.auth-button:active{background:#18722f;background:var(--button-active,#18722f)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-footer{border-top:1px solid #d0d7de;border-top:1px solid var(--auth-border,#d0d7de);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-footer p{color:#24292f;color:var(--text-primary,#24292f);font-size:.875rem;margin:0}.auth-link{color:#0969da;color:var(--link-color,#0969da);font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.dark .auth-container{--auth-bg:#0d1117;--auth-box-bg:#161b22;--auth-border:#30363d;--text-primary:#c9d1d9;--text-secondary:#8b949e;--input-bg:#0d1117;--input-border:#30363d;--input-focus:#58a6ff;--link-color:#58a6ff;--button-bg:#238636;--button-hover:#2ea043;--button-active:#238636}@media (max-width:480px){.auth-container{padding:1rem .5rem}.auth-box{max-width:100%;padding:1.25rem}.auth-logo,.auth-title{font-size:1.25rem}}.help-page-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1400px;padding:1rem}.help-page-header{flex-shrink:0;margin-bottom:1rem}.help-page-content{display:flex;flex:1 1;gap:1rem;min-height:0;overflow:hidden}.help-sidebar{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;flex-shrink:0;overflow-y:auto;padding:1rem;width:280px}.help-nav{display:flex;flex-direction:column;gap:.5rem}.help-nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:.875rem 1rem;text-align:left;transition:all .2s}.help-nav-item:hover{background:#0000000d;background:var(--hover-bg,#0000000d);color:#111827;color:var(--text-primary,#111827)}.help-nav-item.active{background:#667eea;background:var(--primary-color,#667eea);color:#fff}.help-nav-icon{flex-shrink:0;font-size:1.125rem}.help-nav-title{flex:1 1}.help-main-content{min-height:0}.help-content-section,.help-main-content{display:flex;flex:1 1;flex-direction:column}.help-content-section{-ms-overflow-style:none;background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-y:auto;padding:1.5rem;scrollbar-width:none}.help-content-section::-webkit-scrollbar{display:none}.help-content-section h2{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);font-size:1.5rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.help-content-section h2,.help-page-title{color:#111827;color:var(--text-primary,#111827)}.help-page-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-align:center}.help-page-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1.125rem;margin:0 0 1rem;text-align:center}.help-page-sections{display:flex;flex-direction:column;gap:3rem}.help-page-section{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.help-page-section h2{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);color:#111827;color:var(--text-primary,#111827);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem}.help-page-card{background:#f9fafb;background:var(--card-inner-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;margin-bottom:.75rem;padding:1rem}.help-page-card:last-child{margin-bottom:0}.help-page-card h3{color:#111827;color:var(--text-primary,#111827);font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.help-page-card p{font-size:.9375rem;line-height:1.6;margin:0}.help-page-card p,.help-page-card ul{color:#6b7280;color:var(--text-secondary,#6b7280)}.help-page-card ul li{line-height:1.6;margin-bottom:.5rem}.help-page-contact-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.help-page-contact-section h2{border-bottom-color:#fff3;color:#fff}.help-page-contact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;text-align:center}.help-page-contact-card p{color:#fffffff2;font-size:1rem;margin-bottom:1.5rem}.help-page-telegram-button{align-items:center;background:#08c;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .2s ease}.help-page-telegram-button:hover{background:#069;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.help-page-telegram-button svg{flex-shrink:0}.help-page-contact-note{color:#fffc;font-size:.875rem;margin-top:1rem}.dark .help-page-container{--page-bg:#0d1117;--card-bg:#161b22;--card-inner-bg:#1c2128;--border-color:#30363d;--text-primary:#e6edf3;--text-secondary:#adbac7}@media (max-width:1024px){.help-page-content{flex-direction:column;gap:1.5rem}.help-sidebar{order:2;width:100%}.help-nav{flex-direction:row;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.help-nav-item{flex-shrink:0;white-space:nowrap}.help-main-content{order:1}}@media (max-width:768px){.help-page-container{padding:1rem}.help-page-title{font-size:2rem}.help-page-subtitle{font-size:1rem}.help-content-section{padding:1.5rem}.help-page-card{padding:1.25rem}.help-sidebar{padding:1rem}}@media (max-width:480px){.help-page-title{font-size:1.75rem}.help-page-section h2{font-size:1.25rem}.help-page-card h3{font-size:1rem}.help-page-telegram-button{font-size:.9375rem;padding:.75rem 1.5rem}}.my-connections{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-height:100%;max-width:1400px;padding:2rem}.connections-header{flex-shrink:0;margin-bottom:2rem}.connections-header h1{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.connections-header p{color:var(--text-secondary);font-size:1rem}.connections-tabs{border-bottom:2px solid var(--border-color);display:flex;flex-shrink:0;gap:.5rem;margin-bottom:2rem}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s}.tab-button:hover{background:var(--hover-bg);color:var(--text-primary)}.tab-button.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.tab-count{background:var(--secondary-bg);border-radius:12px;font-size:.875rem;font-weight:600;padding:.125rem .5rem}.tab-button.active .tab-count{background:var(--primary-color);color:#fff}.connections-content{flex:1 1;min-height:0;overflow-y:auto}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color)}.empty-state{justify-content:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);margin-bottom:1.5rem;max-width:400px}.browse-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.browse-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.dark .connections-header h1{color:var(--text-primary)}.dark .connections-header p,.dark .tab-button{color:var(--text-secondary)}.dark .empty-state h3,.dark .tab-button:hover{color:var(--text-primary)}.dark .empty-state p{color:var(--text-secondary)}@media (max-width:768px){.my-connections{padding:1rem}.connections-header h1{font-size:1.5rem}.connections-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-button{font-size:.875rem;padding:.5rem 1rem;white-space:nowrap}}.category-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;white-space:nowrap}.category-icon{font-size:16px}.category-label{line-height:1}.reaction-buttons{align-items:center;display:flex;gap:12px}.reaction-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.reaction-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.reaction-btn:disabled{cursor:not-allowed;opacity:.6}.reaction-btn.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.reaction-btn.like-btn.active{background:#dcfce7;border-color:#10b981;color:#10b981}.reaction-btn.dislike-btn.active{background:#fee2e2;border-color:#ef4444;color:#ef4444}.reaction-icon{font-size:18px;line-height:1}.reaction-count{font-weight:600;min-width:20px;text-align:center}.dark .reaction-btn{background:#1f2937;border-color:#374151;color:#e5e7eb}.dark .reaction-btn:hover:not(:disabled){background:#374151;border-color:#4b5563}.post-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;margin-bottom:16px;max-height:300px;overflow:hidden;padding:20px;transition:box-shadow .2s}.post-card:hover{box-shadow:0 4px 6px -1px #0000001a}.post-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.post-author{align-items:center;display:flex;gap:12px}.author-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{color:#111827;font-size:14px;font-weight:600}.post-time{color:#6b7280;font-size:12px}.post-card-body{cursor:pointer;flex:1 1;margin-bottom:16px;min-height:0;overflow:hidden}.post-title{color:#111827;font-size:18px;font-weight:700;line-height:1.4;margin:0 0 12px}.post-content{-webkit-line-clamp:10;-webkit-box-orient:vertical;color:#374151;display:-webkit-box;font-size:14px;line-height:1.6;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap}.post-image{border-radius:8px;margin-top:12px;max-height:400px;object-fit:cover;width:100%}.post-card-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding-top:16px}.comment-count-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.comment-count-btn:hover{background:#f9fafb;border-color:#d1d5db}.comment-icon{font-size:18px}.dark .post-card{background:#1f2937;border-color:#374151}.dark .author-name{color:#f3f4f6}.dark .post-time{color:#9ca3af}.dark .post-title{color:#f9fafb}.dark .post-content{color:#d1d5db}.dark .post-card-footer{border-top-color:#374151}.dark .comment-count-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.dark .comment-count-btn:hover{background:#4b5563}.search-filter{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.search-filter-row{align-items:stretch;display:flex;flex-direction:column;gap:12px}.search-filter-row:not(:last-child){margin-bottom:12px}.search-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s}.search-input:focus{border-color:#3b82f6}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s;width:100%}.filter-select:focus{border-color:#3b82f6}.filter-btn{padding:10px 16px;width:100%}.apply-btn{background:#3b82f6;color:#fff}.apply-btn:hover{background:#2563eb}.clear-btn{background:#f3f4f6;color:#6b7280}.clear-btn:hover{background:#e5e7eb}.dark .search-filter{background:#1f2937;border-color:#374151}.dark .filter-select,.dark .search-input{background:#374151;border-color:#4b5563;color:#f3f4f6}.dark .filter-select:focus,.dark .search-input:focus{border-color:#3b82f6}.dark .clear-btn{background:#374151;color:#9ca3af}.dark .clear-btn:hover{background:#4b5563}@media (max-width:768px){.search-filter-row{flex-wrap:wrap}.filter-select{flex:1 1;min-width:120px}.filter-btn{flex:1 1}}.create-post-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.create-post-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.create-post-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.create-post-modal-header h2{color:#111827;font-size:20px;font-weight:700;margin:0}.create-post-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:32px}.create-post-modal-close:hover{background:#f3f4f6}.create-post-form{padding:20px}.create-post-form-error{background:#fee2e2;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:12px}.create-post-form-group{margin-bottom:20px}.create-post-form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.create-post-form-group input[type=text],.create-post-form-group select,.create-post-form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.create-post-form-group input:focus,.create-post-form-group select:focus,.create-post-form-group textarea:focus{border-color:#3b82f6}.create-post-form-group textarea{min-height:120px;resize:vertical}.create-post-char-count{color:#6b7280;display:block;font-size:12px;margin-top:4px;text-align:right}.create-post-image-upload{border:2px dashed #d1d5db;border-radius:8px;padding:32px;text-align:center;transition:border-color .2s}.create-post-image-upload:hover{border-color:#3b82f6}.create-post-upload-label{align-items:center;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;gap:8px}.create-post-upload-icon{font-size:32px}.create-post-upload-hint{color:#9ca3af;font-size:12px}.create-post-image-preview{border-radius:8px;overflow:hidden;position:relative}.create-post-image-preview img{display:block;max-height:300px;object-fit:cover;width:100%}.create-post-remove-image{background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;position:absolute;right:12px;top:12px;transition:background .2s}.create-post-remove-image:hover{background:#000000e6}.create-post-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px}.create-post-btn{padding:10px 24px;transition:all .2s}.create-post-btn:disabled{cursor:not-allowed;opacity:.6}.create-post-btn-secondary{background:#f3f4f6;color:#374151}.create-post-btn-secondary:hover:not(:disabled){background:#e5e7eb}.create-post-btn-primary{background:#3b82f6;color:#fff}.create-post-btn-primary:hover:not(:disabled){background:#2563eb}.dark .create-post-modal-content{background:#1f2937}.dark .create-post-modal-header{border-bottom-color:#374151}.dark .create-post-modal-header h2{color:#f9fafb}.dark .create-post-modal-close{color:#9ca3af}.dark .create-post-modal-close:hover{background:#374151}.dark .create-post-form-group label{color:#d1d5db}.dark .create-post-form-group input,.dark .create-post-form-group select,.dark .create-post-form-group textarea{background:#374151;border-color:#4b5563;color:#f3f4f6}.dark .create-post-image-upload{border-color:#4b5563}.dark .create-post-image-upload:hover{border-color:#3b82f6}.dark .create-post-upload-label{color:#9ca3af}.dark .create-post-modal-footer{border-top-color:#374151}.dark .create-post-btn-secondary{background:#374151;color:#d1d5db}.dark .create-post-btn-secondary:hover:not(:disabled){background:#4b5563}.feed-page{background:#f3f2ef;background:var(--page-bg,#f3f2ef);padding:0}.feed-container,.feed-page{height:100%;overflow:hidden}.feed-container{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:24% 1fr 24%;margin:0 auto;max-width:1280px;padding:16px 12px}.feed-left-sidebar{align-self:start;display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 94px);overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;top:70px}.feed-profile-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;margin-bottom:12px;overflow:hidden}.feed-profile-header{background:linear-gradient(135deg,#667eea,#764ba2);height:60px}.feed-profile-content{margin-top:-30px;padding:0 12px 12px;text-align:center}.feed-profile-avatar{align-items:center;background:#fff;background:var(--card-bg,#fff);border:3px solid #fff;border:3px solid var(--card-bg,#fff);border-radius:50%;color:#667eea;display:flex;font-size:24px;font-weight:600;height:60px;justify-content:center;margin:0 auto 8px;width:60px}.feed-profile-name{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:600;margin:0 0 4px}.feed-profile-bio{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;margin:0}.feed-quick-links{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex:1 1;overflow-y:auto;padding:8px 0}.feed-quick-link{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:13px;font-weight:500;gap:12px;padding:8px 12px;text-decoration:none;transition:background .2s}.feed-quick-link:hover{background:#0000000d;background:var(--hover-bg,#0000000d)}.feed-quick-link-icon{font-size:16px}.feed-main{height:100%;min-width:0;overflow-x:hidden;overflow-y:auto}.feed-create-box{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;margin-bottom:12px;padding:12px}.feed-create-box .create-post-btn{justify-content:center;width:100%}.feed-create-input-wrapper{align-items:center;display:flex;gap:12px;margin-bottom:12px}.feed-create-avatar{align-items:center;background:#e5e7eb;border-radius:50%;color:#667eea;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.feed-create-input{background:#f9fafb;background:var(--input-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:24px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;flex:1 1;font-size:14px;padding:10px 14px;transition:background .2s}.feed-create-input:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.feed-create-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:8px;padding-top:8px}.feed-create-action{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:background .2s}.feed-create-action:hover{background:#0000000d;background:var(--hover-bg,#0000000d)}.feed-create-action-icon{font-size:18px}.feed-sort-bar{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.feed-sort-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;font-weight:500}.feed-header{display:none}.create-post-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:background .2s}.create-post-btn:hover{background:#2563eb}.btn-icon{font-size:18px}.error-message{border-radius:8px;margin-bottom:16px;padding:20px;text-align:center}.error-message p{margin:0 0 12px}.error-message button{border-radius:6px;padding:8px 16px}.loading-state{padding:60px 20px;text-align:center}.loading-more{padding:20px;text-align:center}.loading-more p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin-top:12px}.sidebar-loading-more{padding:12px;text-align:center}.sidebar-loading-more .spinner{height:24px;margin:0 auto;width:24px}.spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 16px;width:40px}.empty-state{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:60px 20px;text-align:center}.empty-icon{display:block;font-size:64px;margin-bottom:16px}.empty-state h3{color:var(--text-primary,#111827);font-size:20px;margin:0 0 8px}.empty-state p{color:var(--text-secondary,#6b7280);margin:0 0 20px}.posts-list{display:flex;flex-direction:column;gap:8px}.highlight-post{animation:highlight 2s ease-in-out}@keyframes highlight{0%,to{background:#0000}50%{background:#3b82f61a;background:var(--hover-bg,#3b82f61a)}}.feed-pagination{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;gap:16px;justify-content:center;margin-top:16px;padding:20px}.feed-pagination-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.feed-pagination-btn:hover:not(:disabled){background:#2563eb}.feed-pagination-btn:disabled{background:#e5e7eb;background:var(--border-color,#e5e7eb);color:#9ca3af;cursor:not-allowed}.feed-pagination-info{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;font-weight:500}.feed-right-sidebar{align-self:start;display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 94px);overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;top:70px}.feed-news-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex:1 1;margin-bottom:12px;overflow-y:auto;padding:12px}.feed-news-header{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:600;margin:0 0 12px}.feed-news-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);border-radius:4px;cursor:pointer;display:block;margin:0 -12px;padding:12px;text-decoration:none;transition:background .2s}.feed-news-item:hover{background:#0000000d;background:var(--hover-bg,#0000000d)}.feed-news-item:last-child{border-bottom:none}.feed-news-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;color:var(--text-primary,#111827);display:-webkit-box;font-size:13px;font-weight:600;line-height:1.4;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis}.feed-news-stats{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-wrap:wrap;font-size:11px;gap:8px;margin:4px 0 0}.feed-news-stats span{align-items:center;display:inline-flex;gap:4px;white-space:nowrap}.feed-news-author{flex-shrink:0}.feed-footer-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:12px;text-align:center}.feed-footer-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:12px}.feed-footer-link{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;text-decoration:none}.feed-footer-link:hover{text-decoration:underline}.feed-footer-copyright{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;margin:0}.dark .feed-page{--page-bg:#000;--card-bg:#1b1f23;--border-color:#30363d;--text-primary:#e6edf3;--text-secondary:#8b949e;--hover-bg:#ffffff0d;--input-bg:#0d1117}@media (max-width:1200px){.feed-container{gap:16px;grid-template-columns:200px 1fr 280px}}@media (max-width:1024px){.feed-container{grid-template-columns:1fr;padding:16px}.feed-left-sidebar,.feed-right-sidebar{display:none}.feed-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.feed-header h1{color:#111827;color:var(--text-primary,#111827);font-size:24px;font-weight:700;margin:0}}@media (max-width:768px){.feed-page{padding:0}.feed-container{padding:12px}.feed-create-input-wrapper{align-items:stretch;flex-direction:column}.feed-create-avatar{display:none}.feed-create-actions{flex-wrap:wrap}.feed-create-action{font-size:12px}}.single-post-page{background:#f9fafb;min-height:100vh;padding:20px}.single-post-container{margin:0 auto;max-width:900px}.back-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:10px 20px;text-decoration:none;transition:all .2s}.back-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateX(-4px)}.error-message,.loading-state{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px 20px;text-align:center}.loading-state .spinner{border:4px solid #e5e7eb;height:40px;margin:0 auto 16px;width:40px}.loading-state p{font-size:14px}.error-message{border-color:#fecaca}.error-message button{padding:10px 24px}.post-detail{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:32px}.post-detail-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.post-author-section{align-items:center;display:flex;gap:16px}.author-avatar-large{border:2px solid #e5e7eb;border-radius:50%;height:56px;object-fit:cover;width:56px}.author-details h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 4px}.author-details p{color:#6b7280;font-size:14px;margin:0}.post-header-actions{align-items:center;display:flex;gap:12px}.post-actions{display:flex;gap:8px}.post-actions button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.post-actions button:hover{background:#f3f4f6;border-color:#d1d5db}.post-actions .delete-btn{border-color:#fecaca;color:#dc2626}.post-actions .delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.post-detail-title{color:#111827;font-size:32px;font-weight:700;line-height:1.3;margin:0 0 20px}.post-detail-content{word-wrap:break-word;color:#374151;font-size:16px;line-height:1.8;margin-bottom:24px;white-space:pre-wrap}.post-detail-image{border:1px solid #e5e7eb;border-radius:12px;margin:24px 0;max-height:600px;object-fit:cover;width:100%}.post-detail-footer{align-items:center;border-top:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-top:24px;padding-top:20px}.comments-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:32px}.comments-section h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 24px}.comment-form{border-bottom:2px solid #f3f4f6;margin-bottom:32px;padding-bottom:24px}.comment-form textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#111827;font-family:inherit;font-size:15px;line-height:1.6;min-height:120px;padding:16px;resize:vertical;transition:all .2s;width:100%}.comment-form textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.comment-form-footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.char-count{color:#6b7280;font-size:13px;font-weight:500}.comment-form button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .2s}.comment-form button:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.comment-form button:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.auth-prompt{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;margin-bottom:24px;padding:32px;text-align:center}.auth-prompt p{color:#6b7280;font-size:15px;margin:0 0 16px}.auth-prompt a{background:#3b82f6;border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .2s}.auth-prompt a:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.comments-list{display:flex;flex-direction:column;gap:16px}.no-comments{color:#9ca3af;font-size:15px;padding:40px 20px;text-align:center}.comment-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.comment-item:hover{background:#f3f4f6;border-color:#d1d5db}.comment-avatar{border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;height:44px;object-fit:cover;width:44px}.comment-content{flex:1 1;min-width:0}.comment-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.comment-author{color:#111827;font-size:15px;font-weight:600}.comment-time{color:#9ca3af;font-size:13px}.comment-text{word-wrap:break-word;color:#374151;font-size:15px;line-height:1.6;margin:0 0 12px;white-space:pre-wrap}.delete-comment-btn{background:#0000;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.delete-comment-btn:hover{background:#fee2e2;border-color:#fca5a5}.dark .single-post-page{background:#111827}.dark .back-btn,.dark .comments-section,.dark .post-detail{background:#1f2937;border-color:#374151}.dark .back-btn{color:#f9fafb}.dark .back-btn:hover{background:#374151}.dark .author-details h3,.dark .comment-author,.dark .comments-section h2,.dark .post-detail-title{color:#f9fafb}.dark .author-details p,.dark .comment-text,.dark .post-detail-content{color:#d1d5db}.dark .comment-form textarea{background:#111827;border-color:#374151;color:#f9fafb}.dark .comment-form textarea:focus{background:#1f2937;border-color:#3b82f6}.dark .comment-item{background:#111827;border-color:#374151}.dark .comment-item:hover{background:#1f2937;border-color:#4b5563}.dark .auth-prompt{background:#111827;border-color:#374151}.dark .char-count,.dark .comment-time{color:#9ca3af}@media (max-width:768px){.single-post-page{padding:12px}.comments-section,.post-detail{padding:20px}.post-detail-header{flex-direction:column;gap:16px}.post-header-actions{justify-content:space-between;width:100%}.post-detail-title{font-size:24px}.post-detail-content{font-size:15px}.author-avatar-large{height:48px;width:48px}.comment-item{padding:16px}.comment-avatar{height:40px;width:40px}}.notifications-page{background:#f9fafb;min-height:calc(100vh - 80px);padding:20px}.notifications-container{margin:0 auto;max-width:900px}.notifications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.notifications-header h1{align-items:center;color:#111827;display:flex;font-size:32px;font-weight:700;gap:12px;margin:0}.notifications-header h1:before{content:"🔔";font-size:36px}.mark-all-read-btn{background:#3b82f6;border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f633;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.mark-all-read-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.notifications-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:12px;margin-bottom:24px;padding:8px}.filter-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.filter-btn:hover{background:#f3f4f6;color:#374151}.filter-btn.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.empty-state,.error-message,.loading-state{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:80px 20px;text-align:center}.loading-state .spinner{animation:spin .8s linear infinite;border:5px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-state p{color:#6b7280;font-size:15px;margin:0}.empty-state{align-items:center;display:flex;flex-direction:column;gap:16px}.empty-state .empty-icon{font-size:5rem;opacity:.3}.empty-state h3{color:#111827;font-size:22px;font-weight:700;margin:0}.empty-state p{color:#6b7280;font-size:15px;margin:0}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;gap:20px;padding:24px;position:relative;transition:all .2s}.notification-card:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.notification-card.unread{background:#3b82f60d;border-left:4px solid #3b82f6;padding-left:20px}.notification-card.unread:hover{background:#3b82f614}.notification-icon-large{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.notification-card.unread .notification-icon-large{background:#3b82f61a;border-color:#3b82f633}.notification-details{flex:1 1;min-width:0}.notification-message{color:#111827;font-size:18px;font-weight:600;line-height:1.5;margin:0 0 8px}.notification-post{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 8px}.notification-post span{color:#374151;font-style:italic;font-weight:500}.notification-timestamp{align-items:center;color:#9ca3af;display:flex;font-size:15px;font-weight:500;gap:6px}.notification-timestamp:before{content:"🕐";font-size:14px}.unread-indicator{animation:pulse 2s infinite;background:#3b82f6;border-radius:50%;box-shadow:0 0 0 4px #3b82f633;height:12px;position:absolute;right:24px;top:24px;width:12px}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #3b82f633}50%{box-shadow:0 0 0 8px #3b82f61a}}.error-message{background:#fee2e2;border:1px solid #fecaca;padding:32px}.error-message p{color:#dc2626;font-size:16px;font-weight:500;margin:0 0 16px}.error-message button{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.error-message button:hover{background:#b91c1c;transform:translateY(-1px)}.dark .notifications-page{background:#111827}.dark .notifications-header h1{color:#f3f4f6}.dark .notifications-filters{background:#1f2937;border-color:#374151}.dark .filter-btn{color:#d1d5db}.dark .filter-btn:hover{background:#374151;color:#f3f4f6}.dark .filter-btn.active{background:#3b82f6;color:#fff}.dark .empty-state,.dark .loading-state,.dark .notification-card{background:#1f2937;border-color:#374151}.dark .notification-card:hover{background:#111827;border-color:#4b5563}.dark .notification-card.unread{background:#60a5fa26;border-left-color:#60a5fa}.dark .notification-card.unread:hover{background:#60a5fa33}.dark .notification-icon-large{background:#374151;border-color:#4b5563}.dark .notification-card.unread .notification-icon-large{background:#60a5fa40;border-color:#60a5fa4d}.dark .notification-message{color:#f3f4f6}.dark .notification-post{color:#d1d5db}.dark .notification-post span{color:#e5e7eb}.dark .notification-timestamp{color:#9ca3af}.dark .empty-state h3{color:#f3f4f6}.dark .empty-state p,.dark .loading-state p{color:#d1d5db}@media (max-width:768px){.notifications-page{padding:12px}.notifications-header{align-items:flex-start;flex-direction:column;gap:16px}.notifications-header h1{font-size:26px}.mark-all-read-btn{width:100%}.notifications-filters{flex-direction:column;gap:8px}.filter-btn{width:100%}.notification-card{gap:16px;padding:20px}.notification-icon-large{font-size:2rem;height:50px;width:50px}.notification-message{font-size:15px}.unread-indicator{right:20px;top:20px}}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#292d32;--text-secondary:#373c40;--text-muted:#515961;--border-color:#dee2e6;--shadow:0 2px 4px #0000001a;--shadow-hover:0 4px 8px #00000026;--primary-color:#007bff;--primary-hover:#0056b3;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--hover-bg:#0000000d;--secondary-bg:#e9ecef}.dark,[data-theme=dark]{--bg-primary:#1e2124;--bg-secondary:#2b2f33;--bg-tertiary:#36393f;--text-primary:#f2f3f5;--text-secondary:#c9cccf;--text-muted:#96989d;--border-color:#4a4d52;--shadow:0 2px 4px #0000004d;--shadow-hover:0 4px 8px #0006;--primary-color:#5b9fff;--primary-hover:#7db3ff;--hover-bg:#ffffff14;--secondary-bg:#ffffff1f}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--bg-secondary);color:#292d32;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}body.dark-mode{background-color:#fff;background-color:var(--bg-primary)}.App{background-color:#f8f9fa;background-color:var(--bg-secondary);height:100vh;transition:background-color .3s ease}.App-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);color:#fff;display:flex;height:60px;justify-content:space-between;padding:5px 20px;width:100%}.nav-tabs{display:flex;gap:10px}.nav-tabs button{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.nav-tabs button:hover{background:#fff3}.nav-tabs button.active{background:#ffffff4d;border-color:#fff6;font-weight:500}.dark .App-header{background:linear-gradient(135deg,#4c63d2,#5a4a7c)}.App-header h1{font-size:2rem;font-weight:600;margin:0}main{height:calc(100vh - 65px);margin:0 auto}@media (max-width:768px){.App-header{gap:12px;padding:15px}.App-header h1{font-size:1.5rem}.nav-tabs button{font-size:12px;padding:4px 8px}}@media (max-width:480px){.App-header{padding:10px}.App-header h1{font-size:1rem}.nav-tabs button{font-size:8px;padding:2px 4px}}.admin-mode{position:relative}.admin-mode:before{background:#dc3545;border-radius:4px;color:#fff;content:"ADMIN MODE";font-size:.7rem;font-weight:700;opacity:.8;padding:4px 8px;position:fixed;right:10px;top:10px;z-index:1000}
/*# sourceMappingURL=main.4708f79d.css.map*/