@font-face{font-family:Inter;font-weight:400;src:url(/fonts/Inter_400Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Inter;font-weight:500;src:url(/fonts/Inter_500Medium.ttf) format("truetype");font-display:swap}@font-face{font-family:Inter;font-weight:600;src:url(/fonts/Inter_600SemiBold.ttf) format("truetype");font-display:swap}@font-face{font-family:Inter;font-weight:700;src:url(/fonts/Inter_700Bold.ttf) format("truetype");font-display:swap}@font-face{font-family:Archivo;font-weight:600;src:url(/fonts/Archivo_600SemiBold.ttf) format("truetype");font-display:swap}@font-face{font-family:Archivo Condensed;font-weight:700;src:url(/fonts/Archivo_Condensed-Bold.ttf) format("truetype");font-display:swap}:root{--bg: #151314;--card: #232427;--border: #2b2b33;--text: #ffffff;--muted: #9ba1a6;--accent: #04bdd5;--brand: #ffc000;--danger: #ff4444;--pill: rgba(215, 215, 215, .15);--pill-selected: rgba(215, 215, 215, .25);--track: rgba(255, 255, 255, .15);--grid: rgba(255, 255, 255, .08);--neutral: #666666;--ok: #b2d28b;--ink-dark: #151314;--ink-light: #ffffff;--chart-1: #98d8ed;--chart-2: #107293;--chart-3: #eb8500;--chart-4: #ffc000;--bar-gradient: linear-gradient(90deg, #ffc000, #b2d28b, #4696ac);--radius: 20px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-title: "Archivo Condensed", "Inter", sans-serif;--font-figure: "Archivo", "Inter", sans-serif;color-scheme:dark;font-family:var(--font-body)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1{margin:0;font-family:var(--font-title);font-weight:700;font-size:28px;line-height:31px}h2{margin:0 0 12px;color:var(--muted);font-size:16px;font-weight:500;line-height:20px}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger)}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.login-form{display:flex;flex-direction:column;gap:12px;width:280px}.login-form input{padding:12px 16px;border:1px solid var(--muted);border-radius:999px;background:transparent;color:inherit;font:inherit}.login-form button{padding:12px 16px;border:0;border-radius:999px;background:var(--accent, #fff);color:#000;font:inherit;font-weight:600;cursor:pointer}.login-form button:disabled{opacity:.6;cursor:default}.page{max-width:960px;margin:0 auto;padding:24px 16px 48px}.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.controls{margin-bottom:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chip{background:var(--pill);color:var(--text);border:0;border-radius:999px;padding:7px 14px;font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer}.chip.active{background:var(--pill-selected)}input[type=datetime-local]{min-width:220px;min-height:36px;color-scheme:dark;font-size:16px;background:var(--pill);color:var(--text);border:0;border-radius:12px;padding:6px 10px;font-family:var(--font-body)}.content{display:flex;flex-direction:column;gap:16px;transition:opacity .2s}.content.loading{opacity:.5}.range{margin:0;font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.big-numbers,.two{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tile{display:flex;flex-direction:column;gap:6px}.tile>.muted:first-child{color:var(--text);font-size:14px;font-weight:500}.big{font-family:var(--font-figure);font-weight:600;font-size:45px;line-height:50px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-weight:500}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-head h2{margin:0}.link{background:none;border:0;color:var(--muted);font-family:var(--font-body);font-size:13px;cursor:pointer}.link:hover{color:var(--text)}.area-chart{position:relative;width:100%}.area-chart svg{display:block;touch-action:pan-y}.grid{stroke:var(--grid);stroke-width:1}.axis{fill:var(--muted);font-size:11px}.axis.end{text-anchor:end}.axis.mid{text-anchor:middle}.series-line{fill:none;stroke:var(--chart-1);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.crosshair{stroke:var(--muted);stroke-width:1}.end-dot{fill:var(--chart-1);stroke:var(--card);stroke-width:2}.end-label{fill:var(--text);font-size:12px;font-weight:600;text-anchor:middle}.tooltip{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:12px;pointer-events:none;white-space:nowrap}.tooltip strong{font-family:var(--font-figure);font-size:18px}.tooltip span,.tooltip small{color:var(--muted);font-size:12px}.spark-line{fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.spark-dot{fill:var(--chart-1)}.funnel{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.funnel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.funnel-label{font-size:16px;font-weight:500;line-height:25px}.funnel-value{display:flex;align-items:baseline;gap:10px;white-space:nowrap}.funnel-value small{color:var(--muted);font-size:12px}.funnel-value strong{font-family:var(--font-figure);font-weight:600;font-size:20px;line-height:25px}.funnel-track{margin-top:8px;height:5px;border-radius:3px;background:var(--track);overflow:hidden}.funnel-bar{height:100%;border-radius:3px;background:var(--bar-gradient);background-size:100% 100%;transition:filter .15s}.funnel li.lift .funnel-bar{filter:brightness(1.2)}.segmented{display:flex;gap:2px;height:28px}.segment{display:flex;align-items:center;padding-left:8px;min-width:4px;border-radius:4px;font-size:12px;font-weight:600;transition:filter .15s}.segment.lift{filter:brightness(1.15)}.legend{list-style:none;margin:14px 0 0;padding:0}.legend li{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:6px 0;font-size:14px}.legend strong{font-family:var(--font-figure);font-weight:600;font-size:16px}.swatch{width:12px;height:12px;border-radius:3px}@property --fade-start{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --fade-end{syntax: "<length>"; inherits: false; initial-value: 0px;}.tabs{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;--fade-start: 0px;--fade-end: 0px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent);transition:--fade-start .2s,--fade-end .2s}.tabs::-webkit-scrollbar{display:none}.tabs.fade-start{--fade-start: 40px}.tabs.fade-end{--fade-end: 40px}.profile{position:relative}.profile-button{display:flex;align-items:center;gap:8px;max-width:220px;padding:4px 12px 4px 4px;background:var(--pill);color:var(--text);border:0;border-radius:999px;font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer}.profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;object-fit:cover}.avatar-initials{display:flex;align-items:center;justify-content:center;background:var(--brand);color:var(--ink-dark);font-size:13px;font-weight:700}.profile-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:10;min-width:180px;padding:8px;background:var(--card);border:1px solid var(--border);border-radius:16px}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:var(--pill);color:var(--text);border:0;border-radius:12px;font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer}.tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:8px 14px;font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap}.tab.active{color:var(--text);border-bottom-color:var(--brand)}.note{margin:12px 0 0}.donut{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.donut-legend{flex:1;min-width:140px;margin:0}.donut-value{fill:var(--text);font-family:var(--font-figure);font-size:22px;font-weight:600;text-anchor:middle}.donut-caption{fill:var(--muted);font-size:12px;text-anchor:middle}.intensity{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.intensity div{display:flex;flex-direction:column;gap:4px}.big.text{font-size:28px;line-height:34px}@media(min-width:900px){.page{max-width:1240px}.layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start}.main{min-width:0}.tabs{position:sticky;top:24px;flex-direction:column;gap:4px;margin-bottom:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.tab{padding:10px 14px;border-bottom:0;border-radius:12px;text-align:left}.tab:hover{background:var(--pill)}.tab.active{background:#ffc00024;color:var(--brand)}}
