:root{--bg:#0f1410;--bg-elevated:#1a2218;--bg-card:#222b1f;--border:#2f3d2e;--text:#eef2ea;--text-muted:#9aab94;--parado:#e8a838;--parado-dim:#5c4520;--movimiento:#4caf7a;--movimiento-dim:#1f4a35;--accent:#c45c2a;--danger:#e05a5a;--radius:12px;--shadow:0 8px 32px #00000059;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(ellipse 80% 50% at 50% -20%, #4caf7a1f, transparent), var(--bg);min-height:100vh;margin:0}#root{min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:1.5rem}.app-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.brand{--brand-logo-size:44px;align-items:center;gap:.85rem;display:flex}.brand-logo{width:var(--brand-logo-size);height:var(--brand-logo-size);border-radius:8px;flex-shrink:0;display:block}.brand-text{height:var(--brand-logo-size);flex-direction:column;justify-content:center;min-width:0;display:flex}.brand h1{letter-spacing:-.02em;margin:0;font-family:Ubuntu,system-ui,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.1}.brand-toro{color:var(--text-muted)}.brand-track{color:var(--movimiento)}.brand p{color:var(--text-muted);margin:.15rem 0 0;font-size:.68rem;line-height:1.15}.legend{gap:1.25rem;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.legend-swatch{border-radius:4px;width:14px;height:14px}.legend-swatch.parado{background:var(--parado)}.legend-swatch.movimiento{background:var(--movimiento)}.summary-bar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.summary-item{flex-direction:column;display:flex}.summary-value{font-size:1.75rem;font-weight:700;line-height:1.1}.summary-label{color:var(--text-muted);font-size:.85rem}.refresh-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;margin-left:auto;padding:.55rem 1rem;font-size:.9rem;transition:background .15s}.refresh-btn:hover:not(:disabled){background:var(--border)}.refresh-btn:disabled{opacity:.6;cursor:wait}.dashboard-grid{grid-template-columns:minmax(280px,360px) 1fr;align-items:start;gap:1.5rem;display:grid}.dashboard-grid>*{min-width:0}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 1rem;font-size:1rem;font-weight:600}.toro-cards{flex-direction:column;gap:.75rem;display:flex}.toro-card{text-align:left;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:100%;color:inherit;padding:1rem 1.1rem;transition:border-color .15s,box-shadow .15s}.toro-card:hover{border-color:#4a5f46}.toro-card.selected{border-color:var(--movimiento);box-shadow:0 0 0 1px var(--movimiento-dim)}.toro-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.toro-id{flex:1;min-width:0}.toro-id-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:500;display:block}.toro-id-value{word-break:break-word;font-size:1rem;font-weight:600;line-height:1.3;display:block}.toro-card-stats{gap:1.5rem;margin-bottom:.75rem;display:flex}.stat-value{font-size:1.25rem;font-weight:700;display:block}.stat-label{color:var(--text-muted);font-size:.75rem}.toro-card-ratio{background:var(--bg);border-radius:3px;height:6px;margin-bottom:.6rem;display:flex;overflow:hidden}.ratio-bar.parado{background:var(--parado)}.ratio-bar.movimiento{background:var(--movimiento)}.toro-card-meta{color:var(--text-muted);margin:0;font-size:.8rem}.meta-detail{opacity:.8;margin-top:.15rem;font-size:.75rem;display:block}.state-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.state-badge.size-sm{padding:.2rem .55rem;font-size:.75rem}.state-badge.size-md{padding:.3rem .7rem;font-size:.85rem}.state-badge.size-lg{padding:.45rem .9rem;font-size:1rem}.state-badge.parado{background:var(--parado-dim);color:#f5d08a}.state-badge.movimiento{background:var(--movimiento-dim);color:#8ee4b8}.state-badge.unknown{background:var(--bg);color:var(--text-muted)}.activity-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.activity-badge.size-sm{padding:.2rem .55rem;font-size:.75rem}.activity-badge.size-md{padding:.3rem .7rem;font-size:.85rem}.activity-badge.size-lg{padding:.4rem .8rem;font-size:.95rem}.activity-badge.usado-recientemente{background:var(--movimiento-dim);color:#8ee4b8}.activity-badge.en-reposo-recientemente{background:var(--parado-dim);color:#f5d08a}.activity-badge.sin-datos-recientes{background:var(--bg);color:var(--text-muted)}.state-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.placeholder,.empty-state,.loading-state,.error-state{text-align:center}.placeholder h2,.empty-state h2,.error-state h2{margin-top:0}.muted{color:var(--text-muted)}.toro-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .25rem;font-size:.8rem}.detail-header-main{flex:1;min-width:0}.detail-title{margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.detail-title-label{color:var(--text-muted);font-size:.85rem;font-weight:500;display:block}.detail-title-id{word-break:break-word;display:block}.detail-time-section{margin-bottom:2rem}.detail-time-section h3{margin:0 0 .75rem;font-size:1rem}.detail-time-meta{color:var(--text-muted);margin:.75rem 0 0;font-size:.8rem}.time-summary{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:1rem}.time-summary.compact{background:var(--bg);border:none;margin-bottom:.75rem;padding:.75rem}.time-summary-empty{margin:0;font-size:.85rem}.time-summary-bar{background:var(--bg);border-radius:5px;height:10px;margin-bottom:.75rem;display:flex;overflow:hidden}.time-summary.compact .time-summary-bar{height:8px;margin-bottom:.6rem}.time-summary-segment{min-width:2px}.time-summary-segment.parado{background:var(--parado)}.time-summary-segment.movimiento{background:var(--movimiento)}.time-summary-segment.sin-registros{background:var(--text-muted);opacity:.45}.time-summary-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.time-summary-stat{text-align:center}.time-summary-value{font-size:1.1rem;font-weight:700;line-height:1.3;display:block}.time-summary-pct{opacity:.85;font-size:.75rem;font-weight:500;display:block}.time-summary.compact .time-summary-value{font-size:.95rem}.time-summary.compact .time-summary-pct{font-size:.7rem}.time-summary-value.parado{color:var(--parado)}.time-summary-value.movimiento{color:var(--movimiento)}.time-summary-value.sin-registros{color:var(--text-muted)}.time-summary-label{color:var(--text-muted);font-size:.75rem}.detail-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.detail-stat{background:var(--bg-elevated);border:1px solid var(--border);text-align:center;border-radius:10px;padding:1rem}.detail-stat-value{font-size:1.5rem;font-weight:700;display:block}.detail-stat-value.parado{color:var(--parado)}.detail-stat-value.movimiento{color:var(--movimiento)}.detail-stat-label{color:var(--text-muted);font-size:.8rem}.sessions-list h3{margin:0 0 1rem;font-size:1rem}.session-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;overflow:hidden}.session-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.1rem 0;display:flex}.session-timeline{padding:1rem 1.1rem}.session-details{border-top:1px solid var(--border)}.session-summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted);padding:.75rem 2.5rem .75rem 1.1rem;font-size:.85rem;font-weight:500;list-style:none;position:relative}.session-summary::-webkit-details-marker{display:none}.session-summary:after{content:"";border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);width:.5rem;height:.5rem;transition:transform .15s;position:absolute;top:50%;right:1.1rem;transform:translateY(-70%)rotate(45deg)}.session-details[open] .session-summary:after{transform:translateY(-30%)rotate(225deg)}.session-summary:hover{background:var(--bg);color:var(--text)}.session-body{padding:0 1.1rem 1rem}.session-time{margin:0;font-weight:600}.session-file{color:var(--text-muted);word-break:break-all;margin:.25rem 0 0;font-size:.8rem}.session-count{color:var(--text-muted);white-space:nowrap;font-size:.85rem}.timeline{margin-bottom:0}.timeline-scrubber{cursor:crosshair;position:relative}.timeline-track{background:var(--bg);border-radius:6px;height:28px;position:relative;overflow:hidden}.timeline-cursor{background:var(--text);pointer-events:none;z-index:2;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 4px #0006}.timeline-tooltip{background:var(--bg-card);border:1px solid var(--border);pointer-events:none;white-space:nowrap;z-index:3;border-radius:6px;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .55rem;display:flex;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);box-shadow:0 4px 12px #00000040}.timeline-tooltip-time{font-size:.8rem;font-weight:600}.timeline-tooltip-state{color:var(--text-muted);font-size:.7rem}.timeline-tooltip-state.parado{color:var(--parado)}.timeline-tooltip-state.movimiento{color:var(--movimiento)}.timeline-segment{min-width:4px;position:absolute;top:0;bottom:0}.timeline-segment.parado{background:var(--parado)}.timeline-segment.movimiento{background:var(--movimiento)}.timeline-segment.sin-registros{background:var(--text-muted);opacity:.45;min-width:1px}.timeline-labels{color:var(--text-muted);justify-content:space-between;margin-top:.35rem;font-size:.75rem;display:flex}.transitions-table{border-collapse:collapse;width:100%;font-size:.9rem}.transitions-table th,.transitions-table td{text-align:left;border-top:1px solid var(--border);padding:.5rem .75rem}.transitions-table th{color:var(--text-muted);font-size:.8rem;font-weight:500}.spinner{border:3px solid var(--border);border-top-color:var(--movimiento);border-radius:50%;width:36px;height:36px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-state button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:.6rem 1.2rem;font-size:.95rem}code{background:var(--bg);border-radius:4px;padding:.15rem .4rem;font-size:.9em}@media (width<=640px){.app{padding:1rem;overflow-x:hidden}.app-header{gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem}.brand{--brand-logo-size:40px}.brand h1{font-size:1.1rem}.brand p{font-size:.62rem}.summary-bar{grid-template-columns:1fr 1fr;gap:.85rem 1rem;padding:1rem;display:grid}.summary-item:nth-child(3){grid-column:1/-1}.summary-value{font-size:1.4rem}.refresh-btn{text-align:center;grid-column:1/-1;width:100%;margin-left:0}.toro-card{padding:.85rem 1rem}.toro-card-header{flex-direction:column;align-items:stretch;gap:.5rem}.toro-card-header .activity-badge{white-space:normal;align-self:flex-start;line-height:1.25}.toro-id-value{font-size:.95rem}.toro-card-stats{gap:1rem}.stat-value{font-size:1.1rem}.toro-detail{padding:1rem}.detail-header{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.25rem}.detail-title{font-size:1.1rem}.detail-header .activity-badge.size-lg{white-space:normal;text-align:left;align-self:flex-start;padding:.3rem .65rem;font-size:.8rem;line-height:1.25}.time-summary,.time-summary.compact{padding:.75rem}.time-summary-stats{grid-template-columns:1fr;gap:0}.time-summary-stat{text-align:left;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.time-summary-stat:last-child{border-bottom:none}.time-summary-value{text-align:right;font-size:.9rem}.time-summary-pct{margin-left:.35rem;font-size:.75rem;display:inline}.time-summary-label{flex-shrink:0;font-size:.8rem}.session-header{flex-direction:column;align-items:stretch;gap:.35rem;padding:.85rem 1rem 0}.session-count{white-space:normal;font-size:.8rem}.session-time{font-size:.95rem;line-height:1.35}.session-timeline{padding:.85rem 1rem}.session-summary{padding:.65rem 2.25rem .65rem 1rem}.timeline-track{height:24px}.timeline-tooltip{padding:.3rem .45rem;font-size:.75rem}.transitions-table{font-size:.8rem}.transitions-table th,.transitions-table td{padding:.4rem .35rem}.panel{padding:1.25rem 1rem}}