:root{--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #0f172a;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-accent: #3b82f6;--color-secondary: #8b5cf6;--color-accent-light: #dbeafe;--radius: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04)}@media(prefers-color-scheme:dark){:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-border: #334155;--color-accent: #60a5fa;--color-secondary: #a78bfa;--color-accent-light: #1e3a5f;--shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}#dashboard-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:1.5rem 2rem}.header-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.header-title h1{font-size:1.5rem;font-weight:700}.header-title h1 a{color:var(--color-accent);text-decoration:none}.header-title h1 a:hover{text-decoration:underline}.subtitle{color:var(--color-text-muted);font-size:.875rem}.subtitle code{background:var(--color-accent-light);padding:.1em .4em;border-radius:4px;font-size:.825rem}.kpi-row{display:flex;gap:1rem;flex-wrap:wrap}.kpi-card{display:flex;flex-direction:column;align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1.25rem;min-width:90px}.kpi-icon{font-size:1.5rem;color:var(--color-accent)}.kpi-value{font-size:1.5rem;font-weight:700;line-height:1.2}.kpi-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.dashboard-grid{max-width:1200px;margin:2rem auto;padding:0 2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.card h2{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-header h2{margin-bottom:0}.summary-row{max-width:1200px;margin:1.5rem auto 0;padding:0 2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.summary-card{display:flex;align-items:center;gap:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:var(--shadow)}.summary-icon{font-size:1.75rem;color:var(--color-accent)}.summary-text{display:flex;flex-direction:column}.summary-value{font-size:1.35rem;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.summary-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.period-pills{display:flex;gap:2px;background:var(--color-bg);border-radius:8px;padding:2px}.period-pill{padding:.3rem .65rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s;line-height:1.4;white-space:nowrap}.period-pill:hover{background:var(--color-border);color:var(--color-text)}.period-pill.active{background:var(--color-accent);color:#fff}.period-pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.chart-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.chart-subtitle{font-size:.8rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.03em}.card-wide{grid-column:1 / -1}.chart-container{position:relative;width:100%}.chart-container--wide{aspect-ratio:2.5 / 1}.chart-container--half{aspect-ratio:1.2 / 1}.paths-table{width:100%;border-collapse:collapse;font-size:.875rem}.paths-table th{text-align:left;padding:.5rem .75rem;border-bottom:2px solid var(--color-border);color:var(--color-text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.paths-table td{padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.path-cell{max-width:180px}.path-cell code{font-size:.8rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.num-cell{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.bar-cell{width:80px}.mini-bar{height:8px;border-radius:4px;background:var(--color-accent);opacity:.7;transition:width .3s ease}.badge{font-size:.7rem;background:var(--color-accent-light);color:var(--color-accent);padding:.15em .5em;border-radius:999px;font-weight:600}.timeline-track{position:relative;height:160px}.timeline-line{position:absolute;top:50%;left:3%;right:3%;height:2px;background:var(--color-border);border-radius:1px}.timeline-point{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;z-index:1}.timeline-point:hover{z-index:5}.timeline-dot{width:100%;height:100%;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-surface);box-shadow:0 0 0 2px var(--color-accent);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.timeline-point:hover .timeline-dot{transform:scale(1.35);box-shadow:0 0 0 3px var(--color-accent)}.timeline-label{position:absolute;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap;display:flex;flex-direction:column;align-items:center}.timeline-point--above .timeline-label{bottom:calc(100% + 10px)}.timeline-point--below .timeline-label{top:calc(100% + 10px)}.timeline-tag{font-size:.75rem;font-weight:600;color:var(--color-text);line-height:1.3}.timeline-date{font-size:.65rem;color:var(--color-text-muted);line-height:1.3}.timeline-dl{font-size:.625rem;color:var(--color-accent);line-height:1.3;max-height:0;overflow:hidden;opacity:0;transition:max-height .2s ease,opacity .2s ease}.timeline-point:hover .timeline-dl{max-height:1.5em;opacity:1}.timeline-empty{color:var(--color-text-muted);text-align:center;padding:2rem}.error-banner{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:1rem 2rem;margin:2rem auto;max-width:1200px;border-radius:var(--radius);text-align:center}@media(prefers-color-scheme:dark){.error-banner{background:#450a0a;color:#fca5a5;border-color:#7f1d1d}}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr;padding:0 1rem}.header-inner{flex-direction:column;align-items:flex-start}.kpi-row{width:100%;justify-content:space-between}#dashboard-header{padding:1rem}.chart-container--wide{aspect-ratio:2 / 1}.chart-container--half{aspect-ratio:1.5 / 1}.chart-pair{grid-template-columns:1fr}.summary-row{grid-template-columns:repeat(2,1fr);padding:0 1rem}}