@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#dfe7f5;background-color:#080c18;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(120% 120% at 20% 20%,#10214a 0,transparent 35%),radial-gradient(90% 80% at 80% 0,#1c2c55 0,transparent 40%),#080c18;color:#dfe7f5}a{color:inherit;text-decoration:none}button{font-family:inherit}#root{max-width:1380px;margin:0 auto;padding:32px 28px 60px}.page{display:flex;flex-direction:column;gap:20px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.page-header h1{margin:4px 0;font-size:36px;letter-spacing:-.02em}.system-clock{display:inline-flex;flex-direction:column;gap:4px;margin-top:14px;padding:12px 14px;border-radius:14px;border:1px solid #1f2a42;background:#0b1224b8}.system-clock-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#7fa3ff;font-weight:700}.system-clock-value{font-size:16px;font-weight:700;color:#f4f7ff}.system-clock-zone{font-size:12px;color:#8ea1c3}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#7fa3ff;font-weight:600}.muted{color:#8ea1c3;font-size:14px}.error{color:#f87171;font-weight:600}.grid{display:grid;gap:16px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.table-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.kpi-card{background:linear-gradient(145deg,#0f172a,#0b1224);border:1px solid #1f2a42;border-radius:16px;padding:16px 18px;box-shadow:0 20px 60px #03071266}.kpi-card .kpi-title{font-size:14px;color:#91a7d7}.kpi-card .kpi-value{font-size:30px;font-weight:700;margin:6px 0}.kpi-card .kpi-delta{font-size:13px;color:#9bb8ff}.kpi-card .kpi-subtitle{font-size:12px;color:#89a;margin-top:2px}.accent-blue{border-color:#38bdf8}.accent-orange{border-color:#fb923c}.accent-green{border-color:#34d399}.accent-pink{border-color:#f472b6}.accent-slate{border-color:#94a3b8}.panel{background:#0f172aeb;border:1px solid #1f2a42;border-radius:16px;padding:16px;box-shadow:0 16px 40px #03071259}.panel-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.panel-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.panel-title{font-size:18px;font-weight:700}.panel-subtitle{color:#7a8db7;font-size:13px}.panel-body{margin-top:10px}.row-clickable{cursor:pointer}.row-clickable:hover td,.row-selected td{background:#3b82f614}.error-detail-card{margin-top:16px;border:1px solid #1f2a42;border-radius:14px;padding:14px;background:#080f1ecc}.error-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.error-detail-pre{margin:0;padding:14px;border-radius:12px;background:#091120;border:1px solid #17233b;color:#d6e0f5;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.5}.chart-wrapper{height:280px}.controls{display:flex;gap:10px}.mode-switch{display:inline-flex;gap:8px;flex-wrap:wrap}.chip{border-radius:999px;padding:8px 14px;border:1px solid #233357;background:#121f3bcc;color:#dfe7f5;cursor:pointer;transition:all .15s ease}.chip:hover{border-color:#8bb5ff}.chip.active{background:linear-gradient(135deg,#2b5cff,#38bdf8);border-color:transparent;color:#0b1224;font-weight:700}.table{width:100%}.table-head,.table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;font-size:13px;align-items:center}.table-head{color:#7fa3ff;text-transform:uppercase;letter-spacing:.04em;font-weight:700;border-bottom:1px solid #1f2a42;padding-bottom:8px}.table-body{display:flex;flex-direction:column;gap:10px;margin-top:10px}.table-row{padding:10px 0;border-bottom:1px solid #162038}.table-row:last-child{border-bottom:none}.pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.pill-green{background:#34d3991f;color:#34d399}.pill-slate{background:#94a3b81f;color:#cbd5e1}.pill-red{background:#ef44441f;color:#f87171}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.stat-row{background:#1c28488c;border:1px solid #1f2a42;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}.stat-label{color:#91a7d7;font-size:13px}.stat-value{font-size:18px;font-weight:700;display:flex;align-items:baseline;gap:6px}.stat-hint{color:#8ea1c3;font-size:13px;font-weight:500}.chip-list{margin-top:12px}.chip-title{color:#7fa3ff;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-flat{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#203a7059;border:1px solid #1f2a42;font-size:13px}.chip-flat strong{color:#dfe7f5}@media(max-width:900px){.page-header{flex-direction:column;align-items:flex-start}.chart-wrapper{height:220px}}.music-analytics-section,.observability-section{margin-top:40px;display:flex;flex-direction:column;gap:20px}.secondary-insights-section{margin-top:36px;display:flex;flex-direction:column;gap:20px}.workspace-section{display:flex;flex-direction:column;gap:20px}.workspace-layout{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(320px,380px);gap:20px;align-items:start}.investigation-rail{position:sticky;top:24px}.workspace-main{display:flex;flex-direction:column;gap:20px;min-width:0}.workspace-detail-rail{position:sticky;top:24px;align-self:start}.rail-grid{grid-template-columns:1fr}.workspace-empty{border:1px dashed #233357;border-radius:14px;padding:18px;background:#080f1e9e}.workspace-empty-title{font-size:18px;font-weight:700;margin-bottom:6px}.section-header{padding-bottom:12px;border-bottom:1px solid #1f2a42}.section-header h2{margin:0 0 6px;font-size:28px;letter-spacing:-.02em}.section-header h3{margin:0 0 4px;font-size:20px;letter-spacing:-.01em}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead{color:#7fa3ff;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.data-table th{text-align:left;padding:10px 12px;border-bottom:1px solid #1f2a42}.data-table td{padding:12px;border-bottom:1px solid #162038}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#203a7026}.compact-table th,.compact-table td{padding:10px;font-size:13px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.filter-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#91a7d7}.filter-field input,.filter-field select{border-radius:12px;border:1px solid #233357;background:#121f3bcc;color:#dfe7f5;padding:10px 12px;font:inherit}.filter-field input::placeholder{color:#7a8db7}.filter-field input:focus,.filter-field select:focus{outline:none;border-color:#8bb5ff;box-shadow:0 0 0 3px #3b82f626}.filter-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.timeline-note{margin-bottom:14px;padding:12px 14px;border-radius:12px;border:1px solid #233357;background:#14213c8c;color:#c7d5ee;font-size:13px}.timeline-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.timeline-pagination-actions{display:flex;gap:10px}.timeline-device-list{display:flex;flex-direction:column;gap:12px}.timeline-device-group{border:1px solid #243455;border-radius:16px;background:#0a1224b8;overflow:hidden}.timeline-device-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.timeline-device-toggle{flex:1;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left}.timeline-device-toggle:hover{color:#f4f7ff}.timeline-device-group:hover .timeline-device-header{background:#121d37b8}.timeline-device-toggle:focus-visible,.timeline-device-actions .table-link:focus-visible{outline:2px solid rgba(139,181,255,.75);outline-offset:2px;border-radius:6px}.timeline-device-actions .table-link{padding:0}.timeline-device-title{font-size:15px;font-weight:700;color:#f4f7ff}.timeline-device-actions{display:flex;align-items:center;gap:12px}.timeline-group-table{margin-top:0;border-top:1px solid #243455;min-width:760px}.timeline-group-table th,.timeline-group-table td{white-space:nowrap}.timeline-group-table-wrap,.error-table-wrap{overflow-x:auto}.timeline-empty{padding:18px;border:1px dashed #2a3d64;border-radius:14px;background:#0c1426a3}.timeline-table-wrap{min-width:0;overflow-x:auto}.timeline-detail-card{margin-top:0}.timeline-detail-empty{min-height:220px}.workspace-detail-rail .workspace-empty{min-height:320px}.workspace-detail-rail .error-detail-pre{min-height:420px;max-height:72vh}.table-link{appearance:none;border:none;background:none;padding:0;color:#8bb5ff;cursor:pointer;font:inherit;text-align:left}.table-link:hover{color:#b5ccff;text-decoration:underline}.table-link:focus-visible{outline:2px solid rgba(139,181,255,.75);outline-offset:2px;border-radius:4px}.panel-inner{padding:14px;background:#080f1e8c}.panel-inner .panel-head{margin-bottom:6px}.panel-inner .panel-body{margin-top:8px}.chip:disabled{opacity:.6;cursor:wait}@media(max-width:1180px){.workspace-layout{grid-template-columns:minmax(260px,300px) minmax(0,1fr)}.workspace-detail-rail{grid-column:1 / -1;position:static}}@media(max-width:900px){.filter-actions{flex-direction:column;align-items:flex-start}.workspace-layout{grid-template-columns:1fr}.investigation-rail{position:static}.rail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.timeline-pagination,.timeline-device-header{flex-direction:column;align-items:flex-start}.timeline-device-toggle{width:100%}}@media(max-width:700px){#root{padding:24px 18px 48px}.page-header h1{font-size:30px}.data-table{min-width:720px}}