.filter-btn{font-size:.9rem;font-weight:500;color:#6b7280;background-color:transparent;border-color:transparent;transition:color .2s ease-in-out,border-color .2s ease-in-out;cursor:pointer;margin-bottom:-1px}.filter-btn:hover{color:#374151;border-color:#d1d5db}.filter-btn.active{color:#ea260c;border-color:#ea260c;font-weight:600}.filter-btn.active:hover{color:#ea260c;border-color:#ea260c}.project-status-badge.completed{background-color:#10b981}.project-status-badge.in_progress{background-color:#3b82f6}.project-status-badge.planned{background-color:#f59e0b}.timeline-group-header{position:sticky;top:10px;z-index:10;padding:8px 0;transition:all .3s ease}.timeline-group-header .group-label{display:inline-block;color:#373e49;font-weight:600;padding:8px 16px;border-radius:8px;border:1px solid #d1d5db;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;position:relative;margin-top:-1rem;background-color:#fff;font-size:1rem}.timeline-group-header+.project-item{margin-top:2rem}.timeline-group:last-child .timeline-group-header{margin-bottom:2rem}html,body{overflow-x:visible!important}