.feature-header-container{background:#fff;border-radius:8px;padding:30px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.feature-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:20px}.feature-title-section h1{font-size:24px;font-weight:600;color:var(--primary-color);margin:0 0 5px 0}.feature-title-section p{color:#666;margin:0;font-size:14px}.feature-header-stats{display:flex;gap:20px}.feature-stat-item{text-align:center;padding:10px 15px;background:#f8f9fa;border-radius:6px;min-width:100px}.feature-stat-label{display:block;font-size:12px;color:#666;margin-bottom:5px}.feature-stat-value{display:block;font-size:18px;font-weight:600;color:var(--primary-color)}.feature-action-bar{background:#fff;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #eaeaea}.feature-nav-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px}.feature-nav-wrapper{display:flex;gap:10px;min-width:max-content;padding-bottom:5px}.feature-nav-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f8f9fa;border:1px solid #eaeaea;border-radius:20px;color:#666;text-decoration:none;font-size:14px;white-space:nowrap;transition:all .2s ease}.feature-nav-link:hover{background:#e9ecef;border-color:#dee2e6;color:#495057;text-decoration:none}.feature-nav-link.active{background:#007bff;border-color:#007bff;color:#fff}.feature-container{position:relative}.feature-list-wrapper{min-height:200px}.feature-request-item{background:#fff;border:1px solid #eaeaea;border-radius:8px;padding:20px;margin-bottom:15px;transition:all .2s ease;position:relative;margin:20px 0;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.08)!important;transition:box-shadow .2s ease}.feature-request-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px rgba(0,123,255,.1)}.feature-request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.feature-request-title{flex:1;margin-right:15px}.feature-request-title h3{margin:0 0 5px 0;font-size:18px;font-weight:600}.feature-request-title h3 a{color:var(--primary-color);text-decoration:none}.feature-request-title h3 a:hover{color:#007bff}.feature-request-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:#666;flex-wrap:wrap}.feature-request-status{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.feature-request-meta .auther{display:inline-flex;gap:6px;align-items:center;flex-wrap:nowrap;flex-direction:row}.status-badge{padding:3px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-open{background:#6ee36ead;color:green}.status-pending{background:#fff3cd;color:#856404}.status-under_review{background:#d1ecf1;color:#0c5460}.status-planned{background:#cce5ff;color:#004085}.status-in_progress{background:#d4edda;color:#155724}.status-completed{background:#d1e7dd;color:#0f5132}.status-rejected{background:#f8d7da;color:#721c24}.feature-request-body{color:#555;line-height:1.6;margin-bottom:15px;max-height:80px;overflow:hidden;position:relative}.feature-request-body:after{content:'';position:absolute;bottom:0;right:0;width:30%;height:20px;background:linear-gradient(to right,rgba(255,255,255,0),#fff 50%)}.feature-request-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #f0f0f0}.feature-request-votes{display:flex;align-items:center;gap:10px}.vote-btn{background:0 0;border:1px solid #dee2e6;border-radius:4px;padding:4px 12px;color:#666;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .2s ease}.vote-btn:hover{background:#f8f9fa}.vote-btn.active{background:#007bff;border-color:#007bff;color:#fff}.upvote-btn.active{background:#28a745;border-color:#28a745;color:#fff}.downvote-btn.active{background:#dc3545;border-color:#dc3545;color:#fff}.vote-count{font-weight:600;color:var(--primary-color)}.feature-request-stats{display:flex;gap:20px;color:#666;font-size:14px}.feature-stat{display:inline-flex;align-items:center;gap:5px}.feature-stat i{font-size:12px}.feature-back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#007bff;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 10px rgba(0,123,255,.3);z-index:1000;transition:all .3s ease}.feature-back-to-top:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,123,255,.4)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature-request-item{animation:fadeIn .3s ease-out}.search-filter{width:100%}@media (max-width:768px){.add_feature_button{margin-top:10px;margin-bottom:15px;width:100%}.add_feature_button a{width:100%}.search-filter input{width:100%}.feature-header-top{flex-direction:column;align-items:stretch}.feature-header-stats{justify-content:space-between}.feature-stat-item{flex:1;min-width:0}.feature-request-footer{flex-direction:column;gap:15px;align-items:flex-start}.feature-request-stats{width:100%;justify-content:space-between}}.feature-pinned{border-left:4px solid #ffc107;background:#fff9e6}.feature-locked{opacity:.8}.feature-locked:after{content:'🔒';position:absolute;top:10px;right:10px;font-size:16px}.dropdown-menu.show{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-btn{width:36px;height:36px;border-radius:20%;border:1px solid #dee2e6;background:#fff;color:#6c757d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#f8f9fa;color:#495057;border-color:#adb5bd}.action-btn.active{background:#f8f9fa;border-color:var(--primary-color);color:#007bff}.dropdown-menu.show{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;width:100%;padding:8px 16px;clear:both;font-weight:400;color:#212529;left:-143px;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;cursor:pointer;transition:all .2s ease}.dropdown-item:hover{background-color:#f8f9fa;color:#16181b}.dropdown-item i{width:20px;text-align:center}.dropdown-item.text-danger{color:#dc3545}.dropdown-item.text-danger:hover{background-color:#f8d7da;color:#721c24}.dropdown-wrap{position:relative;display:inline-flex}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:1050;min-width:180px;padding:8px 0;margin:0;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.1);display:none}.dropdown-menu.show{left:-230px;display:block;animation:fadeIn .15s ease}.feature-request-header,.feature-request-item{overflow:visible}