.timeline-page{max-width:1100px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.page-header h1{margin-bottom:var(--space-1)}.timeline-stats{display:flex;gap:var(--space-6)}.stat{text-align:right}.stat-value{display:block;font-size:var(--text-xl);font-weight:600}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.progress-overview{margin-bottom:var(--space-6)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-size:var(--text-sm)}.progress-label{font-weight:500}.main-progress-bar{position:relative;height:24px;background:var(--color-bg-muted);border-radius:var(--radius-md);overflow:visible}.main-progress-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-md);transition:width .3s ease}.today-marker{position:absolute;top:-8px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.today-label{background:var(--color-accent);color:#fff;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap}.timeline-visualization{margin-bottom:var(--space-6);position:relative;z-index:1}.timeline-visualization h2{margin-bottom:var(--space-4)}.timeline-container{position:relative;height:200px;background:var(--color-bg-subtle);border-radius:var(--radius-md);padding:var(--space-4);padding-top:50px;overflow:visible}.month-markers{position:absolute;top:0;left:var(--space-4);right:var(--space-4);height:50px;overflow:visible}.month-marker{position:absolute;transform:translate(-50%);white-space:nowrap;top:0}.month-label{color:var(--color-text-muted)}.phase-bars{position:absolute;top:60px;left:var(--space-4);right:var(--space-4);height:100px;display:flex;flex-direction:column;gap:2px}.phase-bar{position:absolute;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;overflow:visible;transition:opacity .2s ease;text-decoration:none;color:inherit}.phase-bar:nth-child(1){top:0}.phase-bar:nth-child(2){top:32px}.phase-bar:nth-child(3){top:64px}.phase-bar:nth-child(4){top:0}.phase-bar:nth-child(5){top:32px}.phase-bar:nth-child(6){top:64px}.phase-bar:nth-child(7){top:0}.phase-bar.past{background:#d4d4d4}.phase-bar.current{background:var(--color-accent);color:#fff}.phase-bar.future{background:#e5e5e5;border:1px dashed var(--color-border)}.phase-bar:hover,.phase-bar:focus-visible{z-index:2}.phase-bar:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.phase-bar-content{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);font-size:var(--text-xs);white-space:nowrap;overflow:hidden}.phase-bar-number{font-weight:600}.assignment-markers{position:absolute;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);height:20px}.assignment-marker{position:absolute;transform:translate(-50%);cursor:pointer;text-decoration:none;color:inherit}.marker-dot{display:block;width:8px;height:8px;background:var(--color-warning);border-radius:50%;border:2px solid white;box-shadow:var(--shadow-sm)}.assignment-marker.past .marker-dot{background:var(--color-text-muted)}.phase-popover,.assignment-popover{position:absolute;left:50%;transform:translate(-50%,6px);bottom:calc(100% + 10px);background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, 0 18px 38px rgba(0, 0, 0, .08));padding:var(--space-3);width:min(360px,80vw);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;color:var(--color-text);z-index:9999}.assignment-popover{width:min(380px,85vw)}.phase-bar:hover .phase-popover,.phase-bar:focus-visible .phase-popover,.assignment-marker:hover .assignment-popover,.assignment-marker:focus-visible .assignment-popover{opacity:1;pointer-events:auto;transform:translate(-50%)}.popover-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.popover-title{font-weight:600;margin-bottom:var(--space-2)}.popover-row{display:grid;grid-template-columns:90px 1fr;gap:var(--space-2);font-size:var(--text-sm);align-items:start;padding:2px 0}.popover-label{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.02em}.popover-chip{background:var(--color-bg-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:2px 8px;font-size:var(--text-xs);white-space:nowrap}.today-line{position:absolute;top:50px;bottom:var(--space-4);width:2px;background:var(--color-accent);transform:translate(-50%)}.timeline-legend{display:flex;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);font-size:var(--text-xs);color:var(--color-text-muted)}.legend-item{display:flex;align-items:center;gap:var(--space-2)}.legend-dot{width:12px;height:12px;border-radius:var(--radius-sm)}.legend-dot.past{background:#d4d4d4}.legend-dot.current{background:var(--color-accent)}.legend-dot.future{background:#e5e5e5;border:1px dashed var(--color-border)}.legend-marker{width:8px;height:8px;background:var(--color-warning);border-radius:50%}.phase-cards h2{margin-bottom:var(--space-4)}.phase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.phase-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.phase-card.current{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.phase-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.phase-number{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-muted);text-decoration:none}.phase-card h3{margin-bottom:var(--space-3)}.phase-card-meta{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.meta-row{display:flex;gap:var(--space-2);font-size:var(--text-sm)}.meta-row .meta-label{color:var(--color-text-muted);min-width:70px}.phase-card-assignments{padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}.assignments-label{font-size:var(--text-xs);color:var(--color-text-muted);display:block;margin-bottom:var(--space-2)}.assignment-dots{display:flex;flex-wrap:wrap;gap:var(--space-2)}.assignment-dot{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--color-bg-subtle);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text-secondary)}.assignment-dot:hover{background:var(--color-bg-muted);color:var(--color-text)}.table-wrapper{overflow-x:auto}.past-row td{color:var(--color-text-muted)}.active-row,.active-row td{background:var(--color-bg-subtle)}@media(max-width:768px){.timeline-visualization{overflow-x:auto;margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4);-webkit-overflow-scrolling:touch}.timeline-container{min-width:800px}.phase-grid{grid-template-columns:1fr}.timeline-legend{flex-wrap:wrap}.phase-popover,.assignment-popover{display:none!important}}