.td-page{min-height:100vh;padding:5rem 1.5rem 3rem;position:relative;z-index:1}.td-outer{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:.875rem}.td-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;background:#0c1424eb;border:1px solid rgba(45,130,170,.12);border-left:3px solid var(--accent-cyan);border-radius:var(--radius-lg);padding:1rem 1.5rem;box-shadow:0 12px 48px #0000004d}[data-theme=light] .td-header{background:#fffffff2;border-color:#0a182c14;border-left-color:var(--accent-cyan);box-shadow:0 4px 24px #00000014}.td-header-left{display:flex;align-items:center}.td-brand{display:flex;align-items:center;gap:.7rem}.td-brand-icon{width:40px;height:40px;background:#4db8d41f;border:1px solid rgba(77,184,212,.25);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);font-size:1.15rem;flex-shrink:0}.td-brand-title{display:block;font-size:1.2rem;font-weight:800;color:var(--heading-color);letter-spacing:-.03em;line-height:1.15}[data-theme=light] .td-brand-title{color:var(--heading-color)}.td-brand-sub{display:block;font-size:.78rem;color:var(--text-muted);letter-spacing:.01em;margin-top:.05rem}.td-header-badges{display:flex;gap:.5rem;flex-wrap:wrap}.td-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:700;border-radius:20px;padding:.3rem .75rem;letter-spacing:.01em;white-space:nowrap}.td-badge--green{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#22c55e}.td-badge--outline{background:#4db8d414;border:1px solid rgba(77,184,212,.3);color:var(--accent-cyan)}.td-section{background:#0c1424eb;border:1px solid rgba(45,130,170,.12);border-radius:var(--radius-lg);padding:1.25rem 1.5rem 1.5rem;box-shadow:0 12px 48px #0000004d}[data-theme=light] .td-section{background:#fffffff2;border-color:#0a182c14;box-shadow:0 4px 24px #00000012}.td-section-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;padding-bottom:.9rem;margin-bottom:1rem;border-bottom:1px solid rgba(45,130,170,.1)}[data-theme=light] .td-section-head{border-bottom-color:#0a182c14}.td-section-label{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.td-section-meta{font-size:.75rem;color:var(--text-muted);letter-spacing:.02em}.td-section-actions{display:flex;gap:.5rem;flex-wrap:wrap}.td-action-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:var(--accent-cyan);background:#4db8d412;border:1px solid rgba(77,184,212,.2);border-radius:20px;padding:.2rem .6rem;text-decoration:none;transition:background .2s}.td-action-link:hover{background:#4db8d429;border-color:#4db8d466}.td-api-status{display:flex;align-items:center;gap:.4rem}.td-api-lbl{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.td-refresh-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#4db8d412;border:1px solid rgba(77,184,212,.18);color:var(--text-muted);cursor:pointer;font-size:.78rem;transition:var(--transition-fast)}.td-refresh-btn:hover{color:var(--accent-cyan);background:#4db8d42e}.td-refresh-btn.spinning i{animation:td-spin .8s linear infinite}@keyframes td-spin{to{transform:rotate(360deg)}}.td-error{background:#ef444412;border:1px solid rgba(239,68,68,.18);border-radius:var(--radius-sm);padding:.55rem 1rem;color:#fca5a5;font-size:.85rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem}.td-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.td-kpi{display:flex;flex-direction:column;gap:.2rem;padding:.1rem 1.25rem .1rem 0;border-right:1px solid rgba(45,130,170,.1)}.td-kpi:first-child{padding-left:0}.td-kpi:last-child{border-right:none}[data-theme=light] .td-kpi{border-right-color:#0a182c14}.td-kpi-val{font-size:2.4rem;font-weight:800;color:var(--heading-color);letter-spacing:-.05em;line-height:1}[data-theme=light] .td-kpi-val{color:var(--heading-color)}.td-kpi-lbl{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.15rem}.td-two-col{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.td-card{background:#0c1424eb;border:1px solid rgba(45,130,170,.12);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:0 12px 48px #0000004d}[data-theme=light] .td-card{background:#fffffff2;border-color:#0a182c14;box-shadow:0 4px 24px #00000012}.td-card--list{padding:.5rem 0}.td-card-label-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem}.td-card-lbl{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.td-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.td-dot--green{background:#22c55e}.td-dot--orange{background:var(--accent-orange)}.td-dot--blue{background:var(--accent-cyan);opacity:.6}.td-dot--loading{background:#f59e0b;animation:td-blink 1.2s infinite}.td-dot--ok{background:#22c55e}.td-dot--error{background:#ef4444}.td-dot--live{background:#22c55e;animation:td-pulse 2s ease infinite}@keyframes td-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes td-pulse{0%,to{opacity:1}50%{opacity:.4}}.td-cumul-val{display:flex;align-items:baseline;gap:.3rem;margin-bottom:.15rem}.td-cumul-km{font-size:2.8rem;font-weight:800;color:var(--heading-color);letter-spacing:-.05em;line-height:1}[data-theme=light] .td-cumul-km{color:var(--heading-color)}.td-cumul-unit{font-size:1rem;font-weight:600;color:var(--text-muted);align-self:flex-end;padding-bottom:.3rem}.td-cumul-sub{font-size:.82rem;color:var(--text-muted);margin:0 0 .75rem}.td-progress-track{height:5px;background:#4db8d41a;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.td-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),#22c55e);border-radius:10px;transition:width .9s cubic-bezier(.4,0,.2,1)}.td-cumul-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.1rem}.td-pct-lbl{font-size:.78rem;font-weight:600;color:var(--accent-cyan)}.td-obj-badge{font-size:.72rem;font-weight:600;color:var(--text-muted);background:#4db8d40f;border:1px solid rgba(77,184,212,.18);border-radius:20px;padding:.12rem .5rem;white-space:nowrap}.td-act-name{font-size:1.05rem;font-weight:700;color:var(--white);margin:0 0 .3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .td-act-name{color:var(--text-light)}.td-act-meta{font-size:.78rem;color:var(--text-muted);margin:0 0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-act-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(45,130,170,.09);padding-top:.75rem}[data-theme=light] .td-act-stats{border-top-color:#0a182c12}.td-act-stat{display:flex;flex-direction:column;gap:.1rem;padding-right:.75rem;border-right:1px solid rgba(45,130,170,.09)}.td-act-stat:last-child{border-right:none;padding-right:0}[data-theme=light] .td-act-stat{border-right-color:#0a182c12}.td-act-val{font-size:1.5rem;font-weight:800;color:var(--heading-color);letter-spacing:-.04em;line-height:1}[data-theme=light] .td-act-val{color:var(--heading-color)}.td-act-lbl{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.td-etapes-list{list-style:none;margin:0;padding:0}.td-etape-row{display:flex;align-items:center;gap:.6rem;padding:.65rem 1.5rem;border-bottom:1px solid rgba(45,130,170,.07);transition:background .15s}.td-etape-row:last-child{border-bottom:none}.td-etape-row:hover{background:#4db8d40a}[data-theme=light] .td-etape-row{border-bottom-color:#0a182c0f}[data-theme=light] .td-etape-row:hover{background:#4db8d408}.td-etape-row--accent .td-etape-ville{font-weight:700;color:var(--white)}[data-theme=light] .td-etape-row--accent .td-etape-ville{color:var(--text-light)}.td-etape-ville{font-size:var(--text-sm);font-weight:500;color:var(--text-light);white-space:nowrap}[data-theme=light] .td-etape-ville{color:var(--text-light)}.td-etape-sep{flex:1;border-bottom:1px dotted rgba(45,130,170,.18);min-width:20px}[data-theme=light] .td-etape-sep{border-bottom-color:#0a182c1a}.td-etape-km{font-size:.78rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.td-pill{display:inline-flex;align-items:center;font-size:.7rem;font-weight:700;border-radius:20px;padding:.15rem .55rem;white-space:nowrap;letter-spacing:.02em}.td-pill--muted{background:#8fa3b81a;border:1px solid rgba(143,163,184,.18);color:var(--text-muted)}.td-pill--green{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#22c55e}.td-pill--orange{background:#d4845a1a;border:1px solid rgba(212,132,90,.25);color:var(--accent-orange)}.td-pill--live{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#22c55e;animation:td-pulse 2s ease infinite}.td-big-num{display:block;font-size:3rem;font-weight:800;color:var(--heading-color);letter-spacing:-.06em;line-height:1;margin:.15rem 0 .25rem}[data-theme=light] .td-big-num{color:var(--heading-color)}.td-big-sub{font-size:.82rem;color:var(--text-muted);margin:0 0 .875rem}.td-terrain-links{display:flex;gap:.5rem;flex-wrap:wrap}.td-terrain-btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:var(--accent-cyan);background:#4db8d412;border:1px solid rgba(77,184,212,.22);border-radius:20px;padding:.25rem .7rem;text-decoration:none;transition:background .2s}.td-terrain-btn:hover{background:#4db8d42e;border-color:#4db8d46b}.td-statusbar{background:#0c1424d9;border:1px solid rgba(45,130,170,.1);border-radius:var(--radius-md);padding:.65rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}[data-theme=light] .td-statusbar{background:#f0f5f9e6;border-color:#0a182c12}.td-statusbar-left,.td-statusbar-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.td-statusbar-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:#fc4c02;background:#fc4c0212;border:1px solid rgba(252,76,2,.18);border-radius:20px;padding:.12rem .5rem}.td-statusbar-item{font-size:.72rem;color:var(--text-muted)}.td-statusbar-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;color:var(--accent-cyan);text-decoration:none;transition:opacity .2s}.td-statusbar-link:hover{opacity:.75}@media (max-width: 860px){.td-two-col{grid-template-columns:1fr}.td-kpi-row{grid-template-columns:repeat(2,1fr);gap:1rem 0}.td-kpi{border-right:none;padding-right:0;border-bottom:1px solid rgba(45,130,170,.1);padding-bottom:.75rem}.td-kpi:nth-child(2n){border-right:none}.td-kpi:nth-last-child(-n+2){border-bottom:none}}@media (max-width: 540px){.td-page{padding:4.5rem 1rem 2rem}.td-header{flex-direction:column;align-items:flex-start}.td-kpi-row{grid-template-columns:repeat(2,1fr)}.td-kpi-val{font-size:1.9rem}.td-etape-row{padding:.55rem 1rem}.td-statusbar{flex-direction:column;align-items:flex-start}.td-act-val{font-size:1.25rem}}