:root{--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-display:clamp(2rem,1.5rem + 2vw,3rem);--font-title-1:clamp(1.75rem,1.4rem + 1.5vw,2.25rem);--font-title-2:clamp(1.5rem,1.3rem + 1vw,1.75rem);--font-headline:clamp(1.125rem,1.05rem + .4vw,1.5rem);--font-body:16px;--font-caption:12px;--font-footnote:11px;--leading-heading:1.25;--leading-body:1.5;--leading-tight:1.3;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--target-min:44px;--control-height-sm:32px;--control-height-md:40px;--control-height-lg:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--duration-fast:.15s;--duration-base:.25s;--ease-standard:cubic-bezier(.4,0,.2,1);--content-max:1024px;--content-wide:1440px;--gutter:clamp(16px,4vw,32px);--color-bg:#F4F4F5;--color-surface:#FFFFFF;--color-surface-elevated:#F3F2EE;--color-text:#18181B;--color-text-secondary:#8B8B8F;--color-text-tertiary:#8B8B8F;--color-border:#E4E4E7;--color-accent:#F59E0B;--color-accent-soft:rgba(245,158,11,.12);--shadow-1:0 1px 3px rgba(0,0,0,.06);--shadow-2:0 4px 12px rgba(0,0,0,.08);--color-flow-views:#2DD4BF;--color-flow-visits:#6366F1;--color-flow-sales:#16A34A;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-size:var(--font-body);line-height:var(--leading-body)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}.app-shell{height:100vh;display:flex;overflow:hidden;background:var(--color-bg)}.sidebar{--color-bg:#18181B;--color-surface:#18181B;--color-surface-elevated:#27272A;--color-text:#FAFAFA;--color-text-secondary:#A1A1AA;--color-text-tertiary:#A1A1AA;--color-border:#27272A;--color-accent:#F59E0B;width:260px;flex-basis:260px;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-bg);border-right:1px solid var(--color-border)}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.brand{display:flex;align-items:center;gap:var(--space-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#f97316);display:grid;place-items:center;color:#fff;font-size:14px;font-weight:700}.sidebar-nav{display:grid;gap:var(--space-sm)}.nav-item{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--target-min);padding:0 var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);text-decoration:none;font-weight:var(--weight-medium)}.nav-item.is-active{background:var(--color-surface-elevated);color:var(--color-text)}.nav-item:hover{background:var(--color-surface-elevated)}.nav-icon{width:18px;height:18px;display:inline-grid;place-items:center}.analytics-page,.overview-page{width:100%;min-height:100vh;padding:var(--space-3xl) var(--gutter)}.overview-header,.analytics-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-xl)}.overview-header h1,.analytics-header h1{margin:0;font-size:var(--font-title-1);line-height:1}.eyebrow{margin:0 0 var(--space-xs);color:var(--color-text-tertiary);font-size:var(--font-caption);font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase}.analytics-controls{display:flex;align-items:center;gap:var(--space-md)}.date-control{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-caption);font-weight:var(--weight-medium)}.date-control input[type=date]{min-height:var(--control-height-md);padding:0 var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.workbook-tabs,.sales-tabs{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:3px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.workbook-tabs button,.sales-tabs button{min-height:var(--control-height-sm);padding:0 var(--space-md);border:0;border-radius:var(--radius-xs);color:var(--color-text-secondary);background:transparent;font:inherit;font-size:var(--font-caption);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.workbook-tabs button.is-selected,.sales-tabs button.is-selected{color:var(--color-text);background:var(--color-surface-elevated)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.metric-chip{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-sm);min-height:126px;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-1)}.metric-chip svg{width:20px;height:20px;color:var(--color-accent)}.metric-chip span,.metric-chip strong,.metric-chip small{display:block}.metric-chip span{color:var(--color-text-secondary);font-size:var(--font-caption)}.metric-chip strong{margin-top:var(--space-xs);font-size:clamp(1.4rem,1.1rem + .7vw,2rem);line-height:1.1}.metric-chip small{margin-top:var(--space-xs);color:var(--color-text-secondary)}.metric-chip small.up{color:#16a34a}.metric-chip small.down{color:#dc2626}.metric-chip small.neutral{color:var(--color-text-secondary)}.data-card,.overview-card,.auth-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-1)}.table-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) 0}.table-kicker{display:block;margin-bottom:var(--space-xs);color:var(--color-text-tertiary);font-size:var(--font-caption);font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase}.table-header h2{margin:0;font-size:var(--font-headline)}.row-count{color:var(--color-text-secondary);font-size:var(--font-caption)}.table-wrap{overflow:auto;padding:0 var(--space-lg) var(--space-lg)}table{width:100%;border-collapse:collapse}th,td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;font-size:var(--font-caption)}th{color:var(--color-text-secondary);font-weight:var(--weight-medium);background:#fff9;position:sticky;top:0}.empty-table{padding:var(--space-xl);color:var(--color-text-secondary);text-align:center}.auth-page{display:grid;min-height:100vh;place-items:center;padding:var(--gutter);background:var(--color-bg)}.auth-card{width:min(100%,400px);padding:var(--space-xl)}.auth-card h1{margin:0;color:var(--color-text)}.auth-card p{color:var(--color-text-secondary)}.auth-card form{display:grid;gap:var(--space-md)}.auth-card label{display:grid;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--font-caption)}.auth-card input{min-height:var(--control-height-lg);padding:0 var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.auth-card button{min-height:var(--control-height-lg);border:0;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-weight:var(--weight-semibold);cursor:pointer}.overview-page--new{max-width:none;padding-top:var(--space-xl)}.overview-grid--priority{grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);align-items:stretch}.overview-grid--summary{grid-template-columns:minmax(250px,.9fr) minmax(350px,1.2fr) minmax(300px,1fr)}.overview-grid{display:grid;gap:var(--space-lg);margin-bottom:var(--space-lg)}.overview-card{padding:var(--space-lg);border-radius:var(--radius-xl)}.overview-card .card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.overview-card .card-heading h2{margin:0;font-size:var(--font-headline);line-height:1.2}.overview-card .card-heading p{margin:0;color:var(--color-text-secondary);font-size:var(--font-caption)}.overview-chart{width:100%}.goal-card,.trend-card,.sales-card,.comparison-card,.post-insights-card,.top-post,.overview-card--sankey{display:flex;flex-direction:column}.goal-card .goal-amount{margin-top:var(--space-sm);font-size:clamp(1.75rem,1.3rem + 1vw,2.25rem);line-height:1.1}.overview-chart--gauge{height:150px}.overview-chart--trend{height:210px;min-height:210px}.sales-chart{height:200px;min-height:200px}.overview-chart--bar{height:144px;margin-top:var(--space-sm)}.sales-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.chart-error{margin:var(--space-sm) 0 0;color:#dc2626;font-size:var(--font-caption)}.post-media-type{display:inline-flex;align-items:center;justify-content:center;align-self:start;padding:0 var(--space-sm);min-height:24px;border-radius:999px;background:#16a34a1f;color:#16a34a;font-size:var(--font-caption);font-weight:var(--weight-medium);text-transform:capitalize}.latest-post-copy p{margin:0;color:var(--color-text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.latest-post-handle{color:var(--color-text-secondary);font-size:var(--font-caption)}.post-highlight{display:grid;place-items:center;min-width:88px;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff,#f5f5f4)}.post-highlight-value{font-size:1.5rem;font-weight:var(--weight-semibold)}.post-highlight-label{color:var(--color-text-secondary);font-size:var(--font-caption);text-align:center}.post-insight-copy{margin:0;color:var(--color-text-secondary);line-height:1.5}.post-metric-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);min-height:0;overflow:hidden}.post-metric-row{display:grid;grid-template-columns:16px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;column-gap:var(--space-xs);row-gap:0;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.post-metric-arrow{grid-column:1;grid-row:1/4;align-self:center;color:var(--color-text-secondary);font-size:1rem}.post-metric-row strong{grid-column:2;grid-row:1;font-size:var(--font-caption)}.post-metric-label{grid-column:2;grid-row:2;color:var(--color-text-secondary);font-size:var(--font-caption)}.post-metric-row small{grid-column:2;grid-row:3;color:var(--color-text-secondary);font-size:10px;white-space:nowrap}.metric-up .post-metric-arrow{color:#16a34a}.metric-down .post-metric-arrow{color:#dc2626}.metric-neutral .post-metric-arrow{color:var(--color-text-secondary)}.post-metric-legend{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md) 0 var(--space-lg);color:var(--color-text-secondary);font-size:10px}.post-metric-legend span{display:inline-flex;align-items:center;gap:var(--space-xs)}.legend-up,.legend-down,.legend-neutral{display:inline-block;width:10px;height:10px;border-radius:50%}.legend-up{background:#16a34a}.legend-down{background:#dc2626}.legend-neutral{background:var(--color-border)}.post-slide-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) 0 var(--space-lg)}.post-slide-controls button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);min-width:36px;height:36px;border-radius:999px;cursor:pointer}.post-slide-controls button:disabled{opacity:.4;cursor:not-allowed}.post-slide-dots{display:flex;gap:var(--space-xs)}.post-slide-dots button{min-width:10px;height:10px;padding:0;border-radius:50%;background:var(--color-border)}.post-slide-dots button.is-active{background:#16a34a}.post-card-empty{display:grid;place-items:center;text-align:center;padding:var(--space-xl);height:100%}.post-empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent)}.post-card-empty h2{margin:var(--space-md) 0 var(--space-xs)}.post-card-empty p{margin:0;color:var(--color-text-secondary)}.account-grid--stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.account-grid--stats div{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated)}.account-grid--stats dt{color:var(--color-text-secondary);font-size:var(--font-caption)}.account-grid--stats dd{margin:var(--space-xs) 0 0;font-size:1rem;font-weight:var(--weight-medium)}.data-message{padding:var(--space-xl);color:#dc2626}.overview-page--new .overview-grid--priority{grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr));align-items:stretch}.overview-page--new .overview-grid--summary{grid-template-columns:minmax(250px,.9fr) minmax(350px,1.2fr) minmax(300px,1fr)}.overview-page--new .overview-grid--priority>.overview-card,.overview-page--new .overview-grid--summary>.overview-card{height:300px;min-height:300px;margin-bottom:0}.overview-page--new .overview-card--sankey{padding:var(--space-md);overflow:hidden}.overview-page--new .overview-chart--sankey{height:218px;margin-top:var(--space-sm)}.overview-page--new .overview-chart--trend{height:210px;margin-top:var(--space-sm)}.overview-page--new .overview-chart--gauge{height:150px}.overview-page--new .sales-card{min-height:300px}.overview-page--new .sales-chart{height:200px;min-height:200px}.overview-page--new .post-insights-card{min-height:300px}.overview-page--new .overview-chart--bar{height:144px;margin-top:var(--space-sm)}.overview-page--new .account-grid--stats dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.overview-page--new .overview-grid--priority{grid-template-columns:minmax(240px,1.05fr) repeat(2,minmax(260px,1fr))}.overview-page--new .overview-grid--summary{grid-template-columns:minmax(240px,1fr) minmax(400px,400px) minmax(280px,1fr)}.overview-page--new .overview-card--sankey{height:400px;min-height:400px}.overview-page--new .overview-chart--sankey{height:310px}.overview-page--new .overview-chart--trend{height:290px}.overview-page--new .overview-chart--gauge{height:230px}.overview-page--new .sales-card{height:400px;min-height:400px}.overview-page--new .sales-chart{height:300px;min-height:300px}.overview-page--new .post-insights-card{width:400px;height:400px;min-height:400px;justify-self:center}.overview-page--new .top-post{height:400px;min-height:400px}.overview-page--new .overview-chart--bar{height:150px}@media(max-width:1023px){.overview-page--new .overview-grid--priority>.overview-card,.overview-page--new .overview-grid--summary>.overview-card{height:400px;min-height:400px}.overview-page--new .overview-grid--priority,.overview-page--new .overview-grid--summary{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-page--new .post-insights-card{width:auto;grid-column:1/-1}}@media(max-width:767px){.overview-page--new .overview-grid--priority,.overview-page--new .overview-grid--summary{grid-template-columns:1fr}.overview-page--new .overview-grid--priority>.overview-card,.overview-page--new .overview-grid--summary>.overview-card,.overview-page--new .overview-card--sankey,.overview-page--new .sales-card,.overview-page--new .post-insights-card,.overview-page--new .top-post{height:auto;min-height:300px}.overview-page--new .top-post,.overview-page--new .post-insights-card{width:auto}}.overview-page--new .overview-chart--sankey{--chart-height:310px}.overview-page--new .overview-chart--trend{--chart-height:290px}.overview-page--new .overview-chart--gauge{--chart-height:230px}.overview-page--new .sales-chart{--chart-height:300px}.overview-page--new .overview-chart--bar{--chart-height:150px}.overview-page--new .comparison-card{min-width:0;overflow:hidden}.overview-page--new .comparison-card .overview-chart--bar{max-width:100%;margin-left:0;margin-right:0}.overview-page--new .account-grid--stats{min-width:0;gap:var(--space-sm)}.overview-page--new .account-grid--stats>div{min-width:0;overflow:hidden;padding:var(--space-sm)}.overview-page--new .account-grid--stats dl{min-width:0}.overview-page--new .account-grid--stats dt{overflow-wrap:anywhere}.overview-page--new .sales-card-header{min-width:0;flex-wrap:wrap}.overview-page--new .sales-tabs{max-width:100%;min-width:0}.overview-page--new .sales-tabs button{min-width:0;padding-left:var(--space-sm);padding-right:var(--space-sm)}.overview-page--new .overview-chart.chart-loading{height:var(--chart-height,300px);min-height:0}.overview-page--new .account-grid--stats dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}@media(min-width:1024px){.overview-page--new{--overview-row-height:clamp(300px, calc((100dvh - 80px)/2) ,460px)}.overview-page--new .overview-grid--priority>.overview-card,.overview-page--new .overview-grid--summary>.overview-card{height:var(--overview-row-height);min-height:var(--overview-row-height)}.overview-page--new .overview-card--sankey,.overview-page--new .sales-card,.overview-page--new .post-insights-card,.overview-page--new .top-post{height:var(--overview-row-height);min-height:var(--overview-row-height)}.overview-page--new .overview-chart--sankey,.overview-page--new .overview-chart--trend{height:calc(var(--overview-row-height) - 80px)}.overview-page--new .overview-chart--gauge{height:calc(var(--overview-row-height) - 170px)}.overview-page--new .sales-chart{height:calc(var(--overview-row-height) - 100px);min-height:0}.overview-page--new .overview-chart--bar{height:calc(var(--overview-row-height) - 230px)}.overview-page--new .overview-chart--sankey,.overview-page--new .overview-chart--trend{--chart-height:calc(var(--overview-row-height) - 90px)}.overview-page--new .overview-chart--gauge{--chart-height:calc(var(--overview-row-height) - 160px)}.overview-page--new .sales-chart{--chart-height:calc(var(--overview-row-height) - 100px)}.overview-page--new .overview-chart--bar{--chart-height:calc(var(--overview-row-height) - 230px)}}.overview-page--new .post-metric-list{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);gap:2px;min-height:0;overflow-y:auto}.overview-page--new .post-metric-row{grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;column-gap:var(--space-sm);row-gap:0;min-height:0;padding:3px 0}.overview-page--new .post-metric-arrow{grid-column:1;grid-row:1/4;align-self:center}.overview-page--new .post-metric-row strong{grid-column:2;grid-row:1;font-size:var(--font-caption)}.overview-page--new .post-metric-label{grid-column:2;grid-row:2;white-space:normal}.overview-page--new .post-metric-row small{grid-column:2;grid-row:3;white-space:normal}.overview-page--new .post-metric-row:nth-child(n+4){display:none}