:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cp-bg:#f7f4ef;--cp-bg-elevated:#fcfbf8;--cp-surface:#fff;--cp-surface-soft:#f5f5f5;--cp-border:#dedede;--cp-border-strong:#919191;--cp-text:#242424;--cp-text-muted:#5c5c5c;--cp-text-soft:#6f6f6f;--cp-accent:#b11f4b;--cp-accent-hover:#9a1a41;--cp-accent-soft:#b11f4b14;--cp-accent-fg:#fff;--cp-success:#16a34a;--cp-danger:#dc2626;--cp-warning:#f59e0b;--cp-link:#0078d4;--cp-shadow:0 18px 48px #0000001f;--cp-overlay:#fffc;--cp-panel:#ffffffdb;--cp-panel-strong:#fffffff5;--cp-sheen:#ffffff8c;--cp-highlight:#b11f4b1f}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cp-bg:#3d3b3a;--cp-bg-elevated:#343231;--cp-surface:#292929;--cp-surface-soft:#2e2e2e;--cp-border:#474747;--cp-border-strong:#5f5f5f;--cp-text:#dedede;--cp-text-muted:#919191;--cp-text-soft:#b0b0b0;--cp-accent:#fd8ea1;--cp-accent-hover:#fb7b91;--cp-accent-soft:#fd8ea124;--cp-accent-fg:#1a1a1a;--cp-success:#4ade80;--cp-danger:#f87171;--cp-warning:#fbbf24;--cp-link:#4da6ff;--cp-shadow:0 18px 48px #00000052;--cp-overlay:#292929e0;--cp-panel:#292929b8;--cp-panel-strong:#292929f5;--cp-sheen:#ffffff0a;--cp-highlight:#fd8ea11f}*{box-sizing:border-box}body{background:var(--cp-bg);color:var(--cp-text);margin:0;font:14px Segoe UI,Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif}button,select,input{font:inherit;color:var(--cp-text);background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:10px;padding:8px 12px}button{cursor:pointer}button:hover{border-color:var(--cp-accent);background:var(--cp-accent-soft)}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cp-accent);outline-offset:3px}select[multiple]{width:100%;padding:4px}select option{padding:4px 8px}.shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}aside{background:var(--cp-bg-elevated);border-right:1px solid var(--cp-border);padding:28px 16px}.brand{align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.brand-icon{background:var(--cp-accent);color:var(--cp-accent-fg);border-radius:8px;padding:4px 9px}.nav-caption{color:var(--cp-text-soft);letter-spacing:2px;margin:48px 8px 12px;font-size:10px}.nav-active{color:var(--cp-accent);background:var(--cp-accent-soft);border-radius:10px;padding:12px;font-weight:600;text-decoration:none;display:block}.aside-note{color:var(--cp-text-soft);margin:48px 8px;font-size:12px;line-height:1.7}main{width:100%;min-width:0;max-width:1800px;margin:auto;padding:32px}header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.eyebrow{letter-spacing:2px;color:var(--cp-accent);font-size:10px;font-weight:600}h1{letter-spacing:-.5px;margin:8px 0;font-size:32px}header p{color:var(--cp-text-muted);margin:0 0 24px}.preview,.badges span{background:var(--cp-surface-soft);border:1px solid var(--cp-border);color:var(--cp-text-muted);border-radius:20px;padding:6px 12px;font-size:11px}.freshness{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);border-radius:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px;display:grid}.freshness div{padding:16px}small{color:var(--cp-text-soft);font-size:11px}.freshness small{letter-spacing:1px;margin-bottom:8px;display:block}.freshness strong{font-size:12px;font-weight:600}.filters,.visualization{background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:16px;margin-bottom:20px;padding:20px}.filters{padding:12px}.filter-strip{flex-wrap:wrap;align-items:flex-end;gap:12px;width:100%;display:flex}label{flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.filter-strip>label{flex:auto;gap:4px;min-width:max-content;font-size:11px}.filter-strip>.subscription-filter{flex-grow:2;min-width:0}.filter-strip select{width:100%;height:32px;padding:4px 6px;font-size:11px}.compact-filter{flex:auto;min-width:max-content}.filter-caption{margin-bottom:4px;font-size:11px;font-weight:600;display:block}.compact-dropdown summary{cursor:pointer;border:1px solid var(--cp-border);border-radius:10px;justify-content:space-between;align-items:center;gap:6px;height:32px;padding:6px 8px;font-size:11px;list-style:none;display:flex}.compact-dropdown summary::-webkit-details-marker{display:none}.compact-dropdown summary>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.compact-dropdown summary:focus-visible{outline:2px solid var(--cp-accent);outline-offset:2px}.compact-dropdown[open] summary{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.filter-panel{z-index:100;background:var(--cp-surface);border:1px solid var(--cp-border);width:288px;box-shadow:var(--cp-shadow);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex;position:fixed;overflow-y:auto}.filter-panel label{gap:4px}.filter-panel input[type=datetime-local],.filter-panel select{width:100%}.filter-options{flex-direction:column;gap:2px;max-height:200px;display:flex;overflow-y:auto}.filter-options label{cursor:pointer;flex-direction:row;align-items:center;gap:8px;padding:4px;font-size:12px;font-weight:400}.filter-options input{accent-color:var(--cp-accent);margin:0}.group-actions{justify-content:flex-end;gap:8px;display:flex}.group-actions button{padding:6px 12px;font-size:12px}.billing-filter{border:0;flex:auto;min-width:max-content;margin:0;padding:0}.billing-filter legend{margin-bottom:4px;font-size:11px;font-weight:600}.segmented{border:1px solid var(--cp-border);border-radius:10px;display:flex;overflow:hidden}.segmented button{border:0;border-radius:0;flex:1;height:30px;padding:6px;font-size:11px}.segmented button+button{border-left:1px solid var(--cp-border)}.segmented button[aria-pressed=true]{background:var(--cp-accent);color:var(--cp-accent-fg);font-weight:600}.segmented button:focus-visible{outline-offset:-3px}.primary{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-accent-fg)}.primary:hover{background:var(--cp-accent-hover)}.chart-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.view-switch{flex-direction:row;align-items:center}.badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.range{color:var(--cp-text-soft);font-size:11px;line-height:1.8}.chart{width:100%;height:480px}.chart-tooltip small{font-size:8.25px}.chart-tooltip svg{width:12px;height:12px}.legend{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px auto;display:flex}.legend button{border-color:var(--cp-border);font-size:12px}.legend-key{margin-right:6px;font-size:16px}.dimmed{opacity:.35}.highlighted{background:var(--cp-highlight);border-color:var(--cp-accent);font-weight:600}.hint,footer{text-align:center;color:var(--cp-text-muted);font-size:11px;line-height:1.8}.notice{background:var(--cp-accent-soft);color:var(--cp-text-muted);border-radius:10px;margin-bottom:12px;padding:12px 16px;font-size:12px}.error{border:1px solid var(--cp-danger);color:var(--cp-danger);background:var(--cp-surface);border-radius:10px;margin-bottom:16px;padding:16px}.empty{text-align:center;color:var(--cp-text-muted);padding:80px 24px}.access-page{max-width:1100px;margin:32px auto}.access-card{background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:16px;margin:24px 0;padding:32px}.access-card button+button{margin-left:8px}.account-nav{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.account-nav a,.access-page a{color:var(--cp-link)}.account-nav span{color:var(--cp-text-muted);margin-left:auto}.sign-in{border:1px solid var(--cp-border);border-radius:10px;padding:12px 16px;display:inline-block}.access-toolbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.table-wrap{max-height:560px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{background:var(--cp-surface-soft);text-align:left;position:sticky;top:0}td,th{border-bottom:1px solid var(--cp-border);padding:12px}.numeric{text-align:right;font-variant-numeric:tabular-nums}.pager{align-items:center;gap:12px;margin-top:16px;font-size:12px;display:flex}.pager>span:first-child{color:var(--cp-text-soft);margin-right:auto}@media (width<=1000px){.shell{grid-template-columns:1fr}aside{display:none}main{padding:16px}.freshness{grid-template-columns:repeat(2,1fr)}header{flex-direction:column;margin-bottom:16px}.chart{height:400px}}
