:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{cursor:pointer}a{color:#315efb}.app-shell{width:min(1240px,100% - 32px);margin:0 auto;padding:40px 0}.app-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.app-header h1,.panel h2{margin:0}.tabs{background:#fff;border:1px solid #d9e2f0;border-radius:999px;gap:8px;padding:6px;display:inline-flex}.tabs button,.ghost-button{background:0 0;border:0;border-radius:999px}.tabs button{color:#60708a;padding:10px 18px;font-weight:700}.tabs button.active{color:#fff;background:#315efb}.dashboard-grid{grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:20px;display:grid}.panel{background:#fff;border:1px solid #d9e2f0;border-radius:24px;min-width:0;padding:24px;box-shadow:0 24px 60px #354a6e14}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.ghost-button{color:#315efb;background:#eef3ff;padding:9px 14px;font-weight:800}.status{color:#60708a;margin:14px 0}.status.error{color:#b42318}.session-list{gap:12px;display:grid}.session-card{color:#60708a;text-align:left;background:#f8faff;border:1px solid #d9e2f0;border-radius:18px;gap:6px;width:100%;padding:16px;display:grid}.session-card.selected{background:#eef3ff;border-color:#315efb}.session-id{color:#172033;text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.journey-summary,.heatmap-meta{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.journey-summary span,.heatmap-meta span{color:#40516b;background:#f1f5fb;border-radius:999px;padding:6px 10px;font-size:.85rem;font-weight:700}.event-timeline{gap:14px;margin:0;padding-left:24px;display:grid}.event-timeline li{padding-left:6px}.event-timeline div{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.event-timeline span{color:#60708a}.event-timeline a{overflow-wrap:anywhere;margin-top:6px;display:block}.heatmap-panel{min-height:700px}.page-selector{color:#60708a;gap:8px;min-width:min(100%,420px);font-size:.9rem;font-weight:800;display:grid}.page-selector select{color:#172033;background:#fff;border:1px solid #d9e2f0;border-radius:12px;width:100%;padding:10px 12px}.heatmap-canvas{background-color:#f8faff;background-image:linear-gradient(#315efb0f 1px,#0000 1px),linear-gradient(90deg,#315efb0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px dashed #b7c5dc;border-radius:22px;width:100%;min-height:560px;position:relative;overflow:hidden}.heatmap-dot{background:#ef4444cc;border:3px solid #fffc;border-radius:999px;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 14px #ef44441f}@media (width<=900px){.app-header,.panel-heading{flex-direction:column;align-items:stretch}.dashboard-grid{grid-template-columns:1fr}.tabs{align-self:flex-start}}