:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9eef7;background:#0e1726;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit}main{max-width:1180px;margin:0 auto;padding:42px 24px 80px}header,.section-title{display:flex;justify-content:end;align-items:center;gap:18px}header{display:grid;grid-template-columns:1fr auto 1fr;margin-bottom:44px}h2{margin:0 0 16px;font-size:1.35rem}.muted,.session span,.report-row span{color:#8b9ab1;font-size:.85rem}.live{justify-self:center;color:#64d7a4;background:#15372f;padding:10px 14px;border-radius:999px;font-weight:700;white-space:nowrap}.source-filter{position:relative;justify-self:start;width:96px;height:38px}.source-filter summary{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:38px;list-style:none;border:1px solid #64d7a4;background:transparent;color:#64d7a4;border-radius:999px;padding:9px 34px 9px 14px;cursor:pointer}.source-filter summary::-webkit-details-marker{display:none}.source-filter summary:after{content:"";position:absolute;right:15px;top:14px;width:7px;height:7px;border-right:2px solid #64d7a4;border-bottom:2px solid #64d7a4;transform:rotate(45deg)}.source-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.source-menu{position:absolute;z-index:3;top:calc(100% + 8px);left:0;min-width:150px;padding:8px;background:#172235;border:1px solid #263449;border-radius:12px;box-shadow:0 12px 30px #0008}.source-menu label{display:flex;align-items:center;gap:8px;padding:8px;border-radius:7px;cursor:pointer;text-transform:capitalize;white-space:nowrap}.source-menu label.selected{background:#264c48;color:#64d7a4}.source-choice-input{position:absolute;opacity:0;pointer-events:none}.refresh{justify-self:end;width:96px;height:38px;border:1px solid #64d7a4;background:transparent;color:#64d7a4;border-radius:999px;padding:9px 14px;cursor:pointer;white-space:nowrap;flex-shrink:0}.refresh:disabled{opacity:.55;cursor:wait}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:28px}.card{background:#172235;border:1px solid #263449;border-radius:14px;padding:16px;min-width:0}.card span{color:#8b9ab1;font-size:.75rem;display:block;margin-bottom:8px}.card strong{font-size:1.12rem;white-space:normal;overflow-wrap:anywhere;line-height:1.3}.cost-breakdown{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}.cost-breakdown span{font-size:.68rem;margin:0}.day-cost{color:#f4b860!important}.night-cost{color:#5437d9!important}.cost-separator{color:#8b9ab1!important}section{margin-bottom:42px}.toggle{display:flex;background:#172235;border-radius:8px;padding:3px}.toggle button{border:0;background:transparent;padding:7px 12px;border-radius:6px;cursor:pointer}.toggle .active{background:#64d7a4;color:#0e1726;font-weight:700}.report-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:14px 0;border-bottom:1px solid #263449}.report-row strong{text-align:right}.session-list{display:grid;gap:8px}.session{position:relative;width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;text-align:left;gap:20px;background:#172235;border:1px solid #263449;border-radius:12px;padding:28px 20px 17px;cursor:pointer}.session:hover{border-color:#64d7a4}.session>div{display:flex;flex-direction:column;gap:5px}.session>div:last-child{text-align:right}.session-source{position:absolute;top:8px;left:20px;flex-direction:row!important;align-items:center;gap:6px!important;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.session-source .source-icon{width:14px;height:14px}.session-source span{color:inherit;font-size:inherit}.source-home{color:#64d7a4}.source-public{color:#8aa9ff}.source-garage{color:#f4b860}.active-session{border-color:#64d7a4;box-shadow:inset 4px 0 #64d7a4;background:#15372f}.drawer{position:fixed;z-index:2;inset:0 0 0 auto;width:min(620px,100%);background:#101b2c;border-left:1px solid #263449;padding:34px 28px;overflow:auto;box-shadow:-20px 0 60px #0008}.close{position:absolute;right:22px;top:15px;background:none;border:0;font-size:2rem;cursor:pointer}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 28px}.chart{width:100%;height:300px}.error{color:#ff8d8d}.metadata h3{margin:0 0 12px;font-size:1rem}.metadata-row{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;padding:11px 0;border-bottom:1px solid #263449}.metadata-row span{color:#8b9ab1;font-size:.82rem;overflow-wrap:anywhere}.metadata-row strong{text-align:right;font-size:.86rem;overflow-wrap:anywhere}@media(max-width:800px){main{padding:28px 15px}header{grid-template-columns:auto minmax(0,1fr) auto;row-gap:0;margin-bottom:28px}.live{grid-column:2;grid-row:1;justify-self:stretch;min-width:0;padding:8px 10px;font-size:.82rem;text-align:center;overflow:hidden;text-overflow:ellipsis}.source-filter{grid-column:1;grid-row:1}.refresh{grid-column:3;grid-row:1;padding:8px 12px;font-size:.85rem}.cards{grid-template-columns:repeat(2,1fr)}.session{grid-template-columns:1.5fr 1fr 1fr;padding:28px 12px 14px;gap:8px}.session-source{left:12px}.session strong{font-size:.88rem}.session span{font-size:.72rem}.report-row{grid-template-columns:1fr 1fr;gap:8px}.report-row strong{text-align:left}.drawer{padding:30px 16px}.chart{height:380px}}@media(min-width:801px){.source-filter{grid-column:1}.live{grid-column:2}.refresh{grid-column:3}}.source-menu label.source-home{color:#64d7a4}.source-menu label.source-public{color:#8aa9ff}.source-menu label.source-garage{color:#f4b860}.source-filter summary{gap:0}.page-tabs{position:sticky;top:0;z-index:1;display:flex;width:100%;gap:3px;margin:0 0 28px;padding:3px;background:#172235;border-radius:8px}.page-tabs button{flex:1 1 0;border:0;background:transparent;color:#8b9ab1;padding:7px 16px;border-radius:6px;cursor:pointer}.page-tabs button.active{background:#64d7a4;color:#0e1726;font-weight:700}.scroll-top{position:fixed;right:24px;bottom:24px;z-index:2;border:1px solid #64d7a4;background:#15372f;color:#64d7a4;padding:10px 14px;border-radius:999px;cursor:pointer;box-shadow:0 8px 24px #0008}.scroll-top:hover{background:#1d4b40}.card strong{white-space:normal;overflow-wrap:anywhere;line-height:1.3}.metric-breakdown,.metric-distribution{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px;margin-top:10px;color:#8b9ab1;font-size:.78rem}.metric-distribution{flex-direction:column;align-items:flex-start}.metric-breakdown span,.metric-distribution span{display:inline-flex;align-items:center;gap:5px;margin:0;white-space:nowrap}.metric-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.metric-distribution .source-icon{width:15px;height:15px}.metric-distribution .source-home{color:#64d7a4}.metric-distribution .source-public{color:#8aa9ff}.metric-distribution .source-garage{color:#f4b860}.spinner{display:inline-block;width:15px;height:15px;border:2px solid #64d7a466;border-top-color:#64d7a4;border-radius:50%;animation:spin .75s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}@keyframes charging-pulse{0%,to{opacity:1}50%{opacity:.45}}.live{animation:charging-pulse 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.live{animation:none}}@media(max-width:800px){.scroll-top{right:15px;bottom:15px}}.summary-cards{grid-template-columns:repeat(2,1fr)}.summary-cards{margin-bottom:12px}.activity-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.averages{margin-bottom:28px}.average-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:800px){.summary-cards{grid-template-columns:repeat(2,1fr)}.activity-cards,.average-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}