*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg-variant:#23272a;--surface:#f5f5f5;--surface2:#ebebeb;--border:#024ab61f;--accent:#024ab6;--accent-hover:#01347e;--secondary:#fa9227;--secondary-hover:#ef7a06;--tertiary:#26e293;--tertiary-hover:#16a267;--text:#23272a;--text-muted:#23272a80;--error:#da2323;--error-hover:#da2323;--light:#fff;--light-variant:#f5f5f5;--dark:#23272a;--dark-variant:#000;--gradient-1:linear-gradient(135deg, #ef7a06, #024ab6);--gradient-2:linear-gradient(135deg, #fa9227, #26e293);--font-family:"Exo", sans-serif;--font-h1-size:3.75rem;--font-h1-weight:900;--font-h2-size:2.5rem;--font-h2-weight:900;--font-h3-size:1.5rem;--font-h3-weight:700;--font-h4-size:1.25rem;--font-h4-weight:600;--font-h5-size:1rem;--font-h5-weight:600;--font-body-size:1rem;--font-body-weight:500;--font-caption-size:.875rem;--font-caption-weight:500;--font-link-size:1.125rem;--font-link-weight:500;--font-btn-size:1.125rem;--font-btn-weight:600;--spacing-none:0px;--spacing-xxs:8px;--spacing-xs:16px;--spacing-s:24px;--spacing-m:32px;--spacing-l:40px;--spacing-xl:68px;--spacing-xxl:84px;--radius:10px;--sb-page:#fff;--sb-base:#0e1116;--sb-video:#46505f;--sb-ad:#2a78d6;--sb-logo:#eda100;--sb-video-ink:#fff;--sb-ad-ink:#fff;--sb-logo-ink:#23272a;--sb-fill-ink:#23272a99;font-family:var(--font-family);color:var(--text);background:var(--bg)}body{height:100dvh;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;padding:24px 0;transition:transform .25s;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:200;flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 16px;display:none;position:sticky;top:0}.topbar-brand{color:var(--accent);font-size:14px;font-weight:700}.hamburger{background:var(--surface2);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;display:flex}.hamburger span{background:var(--text);transform-origin:50%;border-radius:2px;width:18px;height:2px;transition:transform .22s,opacity .22s;display:block}.hamburger--open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.sidebar-backdrop{z-index:99;cursor:default;background:#0000008c;border:none;padding:0;animation:.2s fade-in;display:none;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=768px){.app-shell{flex-direction:column}.topbar,.hamburger{display:flex}.sidebar-backdrop{display:block}.main-content{padding:24px 16px;overflow-y:visible}.charts-grid{grid-template-columns:1fr}.chart-card-header{flex-wrap:wrap}.chart-title{white-space:normal}.sidebar{z-index:100;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.breakdown-grid{flex-direction:column}}@media (width>=769px){.hamburger{display:none}}.sidebar-brand{padding:0 14px 24px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:0 10px;display:flex}.nav-link{color:var(--text-muted);border-radius:7px;padding:10px 12px;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:block}.nav-link:hover{background:var(--surface2);color:var(--text)}.nav-link.active{background:var(--accent);color:#fff}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:auto;padding:16px 20px;display:flex}.tenant-label{color:var(--text-muted);word-break:break-all;font-size:12px}.logout-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:13px}.logout-btn:hover{border-color:var(--text-muted);color:var(--text)}.main-content{flex:1;padding:32px;overflow-y:auto}.page-title{margin-bottom:24px}.page-error{color:var(--error);margin-bottom:16px;font-size:14px}.page-empty{color:var(--text-muted);margin-bottom:16px;font-size:14px}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;display:flex}.charts-grid{grid-template-columns:repeat(auto-fill,minmax(min(460px,100%),1fr));gap:20px;margin-bottom:20px;display:grid}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.chart-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.chart-title{white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:600}.chart-toggle-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:12px;transition:border-color .15s,color .15s}.chart-toggle-btn:hover{border-color:var(--accent);color:var(--text)}.chart-toggle-btn--active{border-color:var(--accent);color:var(--text);background:var(--surface2)}.chart-placeholder{height:300px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.chart-error{height:100px;color:var(--error);justify-content:center;align-items:center;font-size:13px;display:flex}.layout-gallery{flex-wrap:wrap;gap:16px;max-height:460px;padding:2px;display:flex;overflow-y:auto}.layout-item{border:1px solid var(--border);background:var(--surface2);border-radius:8px;flex:0 0 200px;padding:10px}.layout-item-caption{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.layout-chip{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.layout-item-facts{color:var(--text-muted);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.layout-renders-bar{margin-top:6px}.layout-renders-bar-track{background:var(--surface);border-radius:2px;height:4px;overflow:hidden}.layout-renders-bar-fill{background:var(--accent);height:100%}.layout-renders-count{color:var(--text-muted);margin-top:2px;font-size:11px}.layout-clamped{color:var(--secondary-hover);background:color-mix(in srgb, var(--secondary) 18%, transparent);cursor:help;border-radius:4px;align-items:center;padding:1px 5px;font-size:10px;font-weight:700;display:inline-flex}.anatomy-layout{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.anatomy-figure{flex:320px;min-width:260px}.anatomy-legend{flex-direction:column;flex:0 0 200px;gap:8px;font-size:12px;list-style:none;display:flex}.anatomy-legend-item{align-items:center;gap:8px;display:flex}.anatomy-legend-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.anatomy-legend-code{color:var(--text);font-family:monospace;font-size:11px}.auth-split{min-height:100dvh;display:flex}.auth-panel{background:var(--accent-hover);flex-direction:column;flex:0 0 52%;justify-content:space-between;padding:44px 52px;display:flex;position:relative;overflow:hidden}.auth-panel:before{content:"";background-image:radial-gradient(circle, color-mix(in srgb, var(--secondary) 20%, transparent) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 75% at 15% 85%,#000 0%,#0000 65%);mask-image:radial-gradient(90% 75% at 15% 85%,#000 0%,#0000 65%)}.auth-panel:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--secondary) 10%, transparent) 0%, transparent 70%);pointer-events:none;z-index:0;width:480px;height:480px;animation:7s ease-in-out infinite alternate auth-glow;position:absolute;bottom:-100px;left:-100px}@keyframes auth-glow{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.auth-panel-content{z-index:1;position:relative}.auth-panel-headline{letter-spacing:-.035em;margin-bottom:20px;line-height:1.07}.auth-panel-headline em{color:var(--accent);font-style:normal}.auth-panel-tagline{color:#ffffffb3;max-width:340px;font-size:15px;line-height:1.65}.auth-panel-footer{color:#ffffff80;z-index:1;font-size:12px;position:relative}.auth-form-panel{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:48px 40px;display:flex}.auth-form-inner{width:100%;max-width:340px}.auth-form-title{letter-spacing:-.02em;color:var(--text);margin-bottom:6px;font-size:22px;font-weight:700}.auth-form-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:14px;line-height:1.5}.auth-error{color:var(--error);background:#da232312;border:1px solid #da232333;border-radius:7px;margin-bottom:16px;padding:10px 13px;font-size:13px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:4px;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s}.auth-submit:hover:not(:disabled){background:var(--accent-hover)}.auth-submit:disabled{opacity:.55;cursor:default}.auth-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:10px;margin:20px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-oauth{flex-direction:column;gap:10px;display:flex}.auth-oauth-btn{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:8px;padding:11px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .15s,background .15s}.auth-oauth-btn:hover:not(:disabled){border-color:var(--accent);background:var(--surface2)}.auth-oauth-btn:disabled{opacity:.55;cursor:default}@media (width<=768px){.auth-split{flex-direction:column}.auth-panel{flex:none;padding:28px 24px}.auth-panel:after{display:none}.auth-panel-headline{margin-bottom:0}.auth-panel-tagline,.auth-panel-footer{display:none}.auth-form-panel{align-items:flex-start;padding:32px 24px}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.custom-range{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;animation:.2s both slide-down;display:flex}.custom-range-label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.custom-range-sep{color:var(--text-muted);padding-top:18px;font-size:16px}.custom-date-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:7px;outline:none;padding:7px 10px;font-size:13px;transition:border-color .15s}.custom-date-input:focus{border-color:var(--accent)}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:0;flex-direction:column;gap:12px;padding:20px;transition:box-shadow .2s,border-color .2s;animation:.35s both card-in;display:flex;position:relative}.kpi-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);z-index:10}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.kpi-info{cursor:default;color:var(--text-muted);font-size:10px;position:relative}.kpi-info:after{content:attr(data-tooltip);z-index:99;background:var(--text);border:1px solid var(--border);color:var(--bg);text-transform:none;letter-spacing:0;white-space:normal;opacity:0;pointer-events:none;border-radius:6px;width:200px;padding:6px 9px;font-size:11px;font-weight:400;line-height:1.5;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.kpi-info:hover:after{opacity:1}.kpi-body{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.kpi-value{line-height:1}.kpi-value-text{display:inline-block}.kpi-delta{white-space:nowrap;font-size:13px;font-weight:500}.kpi-card--refreshing .kpi-value-text,.kpi-card--refreshing .kpi-delta,.kpi-card--refreshing .kpi-sparkline{opacity:.25}.kpi-value-text,.kpi-delta,.kpi-sparkline{transition:opacity .3s}.kpi-delta--good{color:#22c55e}.kpi-delta--bad{color:var(--error)}.kpi-delta--neutral{color:var(--text-muted)}.kpi-skeleton{background:var(--surface2);border-radius:4px;width:80px;height:30px;animation:1.4s ease-in-out infinite kpi-shimmer;display:inline-block}@keyframes kpi-shimmer{0%,to{opacity:.4}50%{opacity:.8}}@keyframes spark-draw{0%{stroke-dashoffset:500px}to{stroke-dashoffset:0}}.kpi-sparkline{width:100%;height:36px;margin-top:4px;display:block;overflow:visible}.kpi-sparkline polyline{stroke-dasharray:500;stroke-dashoffset:500px;animation:.8s cubic-bezier(.4,0,.2,1) both spark-draw}.filter-bar{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.filter-row{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.filter-bar-mobile,.filter-mobile-dates{display:none}.filter-sheet-backdrop{z-index:299;cursor:default;background:#0000008c;border:none;padding:0;display:none;position:fixed;inset:0}.filter-sheet{display:none}.filter-sheet-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s}.filter-sheet-btn:hover,.filter-sheet-btn--active{border-color:var(--accent);color:var(--text)}.filter-sheet-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.filter-sheet-title{font-size:15px;font-weight:600}.filter-sheet-clear{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.filter-sheet-clear:hover{text-decoration:underline}.filter-sheet-footer{border-top:1px solid var(--border);flex-shrink:0;padding:12px 16px}.filter-sheet-done{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600}.filter-sheet-done:hover{background:var(--accent-hover)}@media (width<=768px){.filter-row{display:none}.filter-bar-mobile{justify-content:space-between;align-items:center;gap:8px;display:flex}.filter-mobile-dates{flex-wrap:wrap;gap:6px;display:flex}.filter-sheet-backdrop--open{animation:.2s fade-in;display:block}.filter-sheet{background:var(--surface);border-top:1px solid var(--border);z-index:300;border-radius:12px 12px 0 0;flex-direction:column;max-height:85vh;transition:transform .25s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.filter-sheet--open{transform:translateY(0)}.filter-sheet-body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.filter-sheet-body .filter-item{width:100%}}.filter-item{background:var(--surface2);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;padding:8px 15px 6px;transition:border-color .15s;display:flex}.filter-item:hover{border-color:var(--accent)}.filter-item button[aria-haspopup=listbox]{background:0 0;border:none;padding:0}.filter-item:focus-within{border-color:var(--accent)}.filter-item-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;pointer-events:none;white-space:nowrap;margin-bottom:3px;font-size:10px;font-weight:700}.filter-item--period .filter-item-label{color:var(--accent)}.dd{width:100%;position:relative}.dd-trigger{width:100%;color:var(--accent);font-family:var(--font-family);cursor:pointer;text-align:left;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:0;font-size:1.125rem;font-weight:600;display:flex}.dd-value{white-space:nowrap;flex:1}.dd-chevron{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--accent);flex-shrink:0;width:0;height:0;transition:transform .15s}.dd--open .dd-chevron{transform:rotate(180deg)}@keyframes panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dd-panel{background:var(--surface);border:1px solid var(--accent);z-index:300;border-radius:10px;min-width:145px;padding:4px;animation:.15s both panel-in;position:absolute;top:calc(100% + 10px);left:-11px;box-shadow:0 8px 24px #00000073}.dd-group+.dd-group,.dd-group--sep:first-child{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.dd-group-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:4px 8px 2px;font-size:10px;font-weight:700}.dd-option{width:100%;color:var(--text-muted);font-family:var(--font-family);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:1rem;font-weight:500;transition:background .1s,color .1s;display:flex}.dd-option:hover{background:var(--surface2);color:var(--text)}.dd-option--active{color:var(--text);font-weight:700}.dd-check{color:var(--accent);font-size:11px}.filter-item--period{min-width:120px}.filter-divider{background:var(--border);align-self:stretch;width:1px;margin:2px 6px;display:block}.filter-period-hint{color:var(--text-muted);align-items:center;gap:5px;font-size:11px;display:flex}.filter-period-hint strong{color:var(--text)}.filter-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-pill{background:var(--surface2);border:1px solid var(--accent);color:var(--text);border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:flex}.filter-pill-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:15px;line-height:1;display:flex}.filter-pill-remove:hover{color:var(--error)}.filter-clear-all{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:20px;padding:3px 10px;font-size:12px;transition:border-color .15s,color .15s}.filter-clear-all:hover{border-color:var(--error);color:var(--error)}.chart-builder{max-width:900px}.builder-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:14px}.builder-form{flex-direction:column;gap:12px;display:flex}.builder-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);resize:vertical;outline:none;padding:14px;font-size:14px}.builder-input:focus{border-color:var(--accent)}.builder-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:7px;align-self:flex-start;padding:10px 22px;font-size:14px;font-weight:600}.builder-submit:hover:not(:disabled){background:var(--accent-hover)}.builder-submit:disabled{opacity:.5;cursor:default}.builder-submit .spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.suggestions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.suggestions-label{color:var(--text-muted);font-size:13px}.suggestion-chip{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:5px 12px;font-size:12px}.suggestion-chip:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.builder-result{flex-direction:column;gap:16px;margin-top:32px;display:flex}.sql-details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.sql-details summary{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:12px 16px;font-size:13px}.sql-code{color:var(--text);white-space:pre;padding:16px;font-size:12px;overflow-x:auto}.error-page{justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:relative;overflow:hidden}.error-page:before{content:"";background-image:radial-gradient(circle, color-mix(in srgb, var(--text-muted) 30%, transparent) 1px, transparent 1px);pointer-events:none;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(65% 55% at 50% 40%,#000 0%,#0000 70%);mask-image:radial-gradient(65% 55% at 50% 40%,#000 0%,#0000 70%)}@keyframes error-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.error-card{z-index:1;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;padding:40px 36px;animation:.4s both error-card-in;position:relative;box-shadow:0 12px 32px #024ab614}.error-image{width:100%;max-width:6.5rem;margin:0 auto 20px;display:block}.error-eyebrow{text-transform:uppercase;letter-spacing:.07em;border-radius:20px;margin-bottom:16px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.error-title{letter-spacing:-.02em;margin-bottom:12px}.error-body{color:var(--text-muted);margin-bottom:6px;line-height:1.6}.error-actions{justify-content:center;margin-top:22px;display:flex}@media (prefers-reduced-motion:reduce){.error-card{animation:none}}@media (width<=480px){.error-card{padding:32px 24px}}