.repo-input-section{border-bottom:1px solid var(--border);padding:28px 24px 20px}.repo-input-prompt{font-family:var(--font-mono);color:var(--text-terminal);letter-spacing:.05rem;margin-bottom:6px;font-size:.7rem}.repo-input-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;font-size:1.4rem;font-weight:800}.repo-input-subtitle{color:var(--text-muted);margin-bottom:12px;font-size:.8rem}.provider-indicator{align-items:center;gap:6px;margin-bottom:10px;display:flex}.provider-badge{font-family:var(--font-mono);letter-spacing:.04rem;white-space:nowrap;border-radius:3px;padding:3px 8px;font-size:.65rem;font-weight:700}.provider-badge.github{color:var(--green);background:#00ff871f;border:1px solid #00ff874d}.provider-badge.ado{color:#4fa8e8;background:#0078d41f;border:1px solid #0078d459}.provider-detected{font-family:var(--font-mono);color:var(--text-terminal);font-size:.62rem}.repo-input-form{flex-wrap:wrap;gap:8px;max-width:640px;display:flex}.repo-input-field-wrap{flex:1;min-width:260px}.repo-input-field{background:var(--surface);border:1px solid var(--border-bright);border-radius:var(--radius-sm);width:100%;font-family:var(--font-mono);color:var(--text-secondary);outline:none;padding:9px 14px;font-size:.85rem;transition:border-color .2s}.repo-input-field:focus{border-color:var(--green)}.repo-input-field::placeholder{color:var(--text-muted)}.analyse-btn{background:linear-gradient(135deg, var(--green-mid), var(--green));color:var(--base);border-radius:var(--radius-sm);font-family:var(--font-sans);letter-spacing:.05rem;cursor:pointer;white-space:nowrap;border:none;padding:9px 20px;font-size:.8rem;font-weight:800;transition:opacity .2s,transform .15s}.analyse-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.analyse-btn:disabled{opacity:.4;cursor:not-allowed}.days-tabs{gap:4px;margin-top:12px;display:flex}.days-tab{font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;padding:3px 10px;font-size:.7rem;transition:all .15s}.days-tab:hover{border-color:var(--border-bright);color:var(--text-secondary)}.days-tab.active{border-color:var(--green);color:var(--green);background:#00ff8714}.repo-input-error{color:#f44;font-size:.75rem;font-family:var(--font-mono);margin-top:6px}.status-bar{background:var(--surface);border-bottom:1px solid var(--border);font-family:var(--font-mono);align-items:center;gap:8px;padding:6px 24px;font-size:.72rem;display:flex}.status-bar-prompt{color:var(--text-terminal)}.status-bar-step{color:var(--green)}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.metric-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.metric-card-top-border{height:2px;position:absolute;top:0;left:0;right:0}.metric-card-label{font-family:var(--font-mono);letter-spacing:.1rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;font-size:.65rem}.metric-card-value{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:2px;font-size:2rem;font-weight:800;line-height:1}.metric-card-value.na{color:var(--text-muted);font-size:1.5rem}.metric-card-unit{color:var(--text-muted);margin-bottom:10px;font-size:.75rem}.metric-card-footer{justify-content:space-between;align-items:center;display:flex}.metric-card-datapoints{font-family:var(--font-mono);color:var(--text-terminal);font-size:.65rem}.timeline{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.timeline-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.timeline-label{font-family:var(--font-mono);letter-spacing:.1rem;text-transform:uppercase;color:var(--text-muted);font-size:.65rem}.timeline-count{font-family:var(--font-mono);color:var(--text-terminal);font-size:.65rem}.timeline-bars{align-items:flex-end;gap:2px;height:56px;display:flex}.timeline-bar-wrap{cursor:pointer;flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.timeline-bar{border-radius:2px 2px 0 0;width:100%;min-height:2px;transition:filter .1s,transform .1s}.timeline-bar-wrap.hovered .timeline-bar{filter:brightness(1.4);transform-origin:bottom;transform:scaleY(1.06)}.timeline-bar.deploy{background:linear-gradient(180deg, var(--green), var(--green-mid))}.timeline-bar.incident{background:linear-gradient(180deg, var(--amber), var(--amber-mid))}.timeline-bar.empty{background:var(--border)}.timeline-tooltip-popup{border:1px solid var(--border-bright);border-radius:var(--radius-sm);z-index:10;pointer-events:none;white-space:nowrap;background:#0d1f2d;min-width:130px;padding:8px 10px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.timeline-tooltip-popup.align-right{left:auto;right:0;transform:none}.ttp-date{font-family:var(--font-mono);color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:5px;padding-bottom:4px;font-size:.68rem;font-weight:600}.ttp-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.ttp-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06rem;font-size:.62rem}.ttp-value{font-family:var(--font-mono);font-size:.75rem;font-weight:700}.ttp-value.green{color:var(--green)}.ttp-value.dim{color:var(--text-terminal)}.ttp-incident{font-family:var(--font-mono);color:var(--amber);border-top:1px solid var(--border);margin-top:5px;padding-top:4px;font-size:.62rem}.timeline-dates{justify-content:space-between;margin-top:6px;display:flex}.timeline-date{font-family:var(--font-mono);color:var(--text-terminal);font-size:.6rem}.methodology{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.methodology-toggle{background:var(--surface);text-align:left;cursor:pointer;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;transition:background .15s;display:flex}.methodology-toggle:hover{background:var(--border)}.methodology-toggle-label{font-family:var(--font-mono);letter-spacing:.08rem;color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.methodology-arrow{color:var(--text-muted);font-size:.7rem;transition:transform .2s}.methodology-arrow.open{transform:rotate(180deg)}.methodology-body{background:var(--base);border-top:1px solid var(--border);padding:16px}.methodology-body p{color:var(--text-muted);margin-bottom:8px;font-size:.8rem;line-height:1.6}.methodology-body strong{color:var(--text-secondary);font-family:var(--font-mono)}.methodology-disclaimer{color:var(--text-terminal);border-top:1px solid var(--border);margin-top:10px;padding-top:10px;font-size:.75rem;font-style:italic}:root{--base:#060a0d;--surface:#080d11;--border:#0e1f2d;--border-bright:#1a3344;--green:#00ff87;--green-mid:#00c878;--cyan:#00d4ff;--cyan-mid:#0080ff;--purple:#c800ff;--purple-mid:#7c00ff;--amber:#fc0;--amber-mid:#ff8c00;--text-primary:#fff;--text-secondary:#c8e6f0;--text-muted:#7ab8cc;--text-terminal:#4a8fa8;--font-mono:"Courier New", "Courier", monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius:8px;--radius-sm:4px}.light{--base:#f0f4f8;--surface:#fff;--border:#cddae6;--border-bright:#a8bfcf;--green:#008f4c;--green-mid:#007040;--cyan:#0068c0;--cyan-mid:#004fa0;--purple:#6a00b8;--purple-mid:#520090;--amber:#a06000;--amber-mid:#885000;--text-primary:#0a1929;--text-secondary:#1a3a52;--text-muted:#2e5470;--text-terminal:#3a6880}.light body{background:var(--base);color:var(--text-primary)}.light .navbar{background:var(--surface);border-bottom-color:var(--border);box-shadow:0 1px 4px #00000014}.light .navbar-version{color:var(--text-muted)}.light .navbar-github{color:var(--green);border-color:#008f4c59}.light .navbar-github:hover{background:#008f4c14}.light .repo-input-section{background:var(--base);border-bottom-color:var(--border)}.light .repo-input-prompt{color:var(--text-terminal)}.light .repo-input-title{color:var(--text-primary)}.light .repo-input-subtitle{color:var(--text-muted)}.light .repo-input-field{background:var(--surface);border-color:var(--border);color:var(--text-primary)}.light .repo-input-field:focus{border-color:var(--green)}.light .repo-input-field::placeholder{color:var(--text-muted)}.light .days-tab{border-color:var(--border);color:var(--text-muted);background:var(--surface)}.light .days-tab:hover{border-color:var(--border-bright);color:var(--text-secondary)}.light .days-tab.active{border-color:var(--green);color:var(--green);background:#008f4c12}.light .metric-card{background:var(--surface);border-color:var(--border);box-shadow:0 1px 6px #0000000f}.light .metric-card:hover{border-color:var(--border-bright);box-shadow:0 3px 12px #0000001a}.light .metric-card-label{color:var(--text-muted)}.light .metric-card-value{color:var(--text-primary)}.light .metric-card-unit{color:var(--text-muted)}.light .metric-card-datapoints{color:var(--text-terminal)}.light .tier-badge.elite{background:#008f4c1a}.light .tier-badge.high{background:#0068c01a}.light .tier-badge.medium{background:#a060001a}.light .tier-badge.low{background:#c8000014}.light .tier-badge.na{color:var(--text-muted);border-color:var(--border)}.light .timeline{background:var(--surface);border-color:var(--border)}.light .timeline-label{color:var(--text-muted)}.light .timeline-count{color:var(--text-terminal)}.light .timeline-bar.empty{background:var(--border)}.light .timeline-date{color:var(--text-terminal)}.light .timeline-tooltip-popup{background:var(--surface);border-color:var(--border-bright);box-shadow:0 4px 16px #00000026}.light .ttp-date{color:var(--text-secondary);border-bottom-color:var(--border)}.light .ttp-label{color:var(--text-muted)}.light .ttp-incident{color:var(--amber);border-top-color:var(--border)}.light .methodology{border-color:var(--border)}.light .methodology-toggle{background:var(--surface);color:var(--text-muted)}.light .methodology-toggle:hover{background:#edf2f7}.light .methodology-toggle-label,.light .methodology-arrow{color:var(--text-muted)}.light .methodology-body{border-top-color:var(--border);background:#f7fafc}.light .methodology-body p{color:var(--text-secondary)}.light .methodology-body strong{color:var(--text-primary)}.light .methodology-disclaimer{color:var(--text-terminal);border-top-color:var(--border)}.light .error-banner{color:#c00000;background:#c800000f;border-color:#c8000040}.light .theme-toggle{border-color:var(--border-bright);color:var(--text-muted)}.light .theme-toggle:hover{color:var(--text-secondary)}.theme-toggle{border:1px solid var(--border-bright);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:3px 10px;font-size:.8rem;transition:all .15s;display:flex}.theme-toggle:hover{border-color:var(--text-muted);color:var(--text-secondary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--base);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh}.mono{font-family:var(--font-mono)}.tier-badge{font-family:var(--font-mono);letter-spacing:.08rem;border-radius:var(--radius-sm);text-transform:uppercase;border:1px solid;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.tier-badge.elite{color:var(--green);border-color:var(--green);background:#00ff8714}.tier-badge.high{color:var(--cyan);border-color:var(--cyan);background:#00d4ff14}.tier-badge.medium{color:var(--amber);border-color:var(--amber);background:#ffcc0014}.tier-badge.low{color:#f44;background:#ff444414;border-color:#f44}.tier-badge.na{color:var(--text-muted);border-color:var(--border);background:0 0}.navbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.navbar-logo{font-family:var(--font-mono);font-size:1rem;font-weight:700;text-decoration:none}.navbar-logo .logo-dora{color:var(--green)}.navbar-logo .logo-trace{color:var(--text-primary)}.navbar-meta{align-items:center;gap:12px;display:flex}.navbar-version{font-family:var(--font-mono);color:var(--text-terminal);font-size:.65rem}.navbar-github{color:var(--green);border-radius:var(--radius-sm);border:1px solid #00ff874d;padding:3px 10px;font-size:.72rem;text-decoration:none;transition:background .15s}.navbar-github:hover{background:#00ff8714}.app{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 24px;display:grid}.bottom-panels{flex-direction:column;gap:12px;padding:0 24px 32px;display:flex}.error-banner{border-radius:var(--radius-sm);font-family:var(--font-mono);color:#f44;background:#ff444414;border:1px solid #ff44444d;margin:20px 24px 0;padding:10px 16px;font-size:.8rem}@media (width<=700px){.metrics-grid{grid-template-columns:1fr 1fr}}@media (width<=420px){.metrics-grid{grid-template-columns:1fr}}