/* Showa Insights: latest design direction — clean, readable soft neumorphism. */
:root{--surface:#edf0f3;--surface-high:#f5f7f9;--ink:#243a32;--muted:#65766f;--brand:#42725e;--line:#d8e0e4;--raised:9px 9px 21px #cdd4db99,-9px -9px 21px #ffffffed;--raised-small:4px 4px 10px #cdd4dba8,-4px -4px 10px #ffffffee;--inset:inset 4px 4px 9px #cdd4dbb0,inset -4px -4px 9px #ffffffeb;--paper:var(--surface);font-family:"Segoe UI",Arial,sans-serif;font-size:15px;color:var(--ink)}
body{background:var(--surface);color:var(--ink)}.sidebar{background:var(--surface);color:#344b40;border-right:1px solid #ffffff90;box-shadow:7px 0 22px #cdd4db55;width:240px;padding:28px 17px 16px}.app-shell{margin-left:240px}.brand{color:#233f32;font-size:32px;padding-bottom:29px;letter-spacing:-1.2px}.brand-symbol{color:var(--brand);transform:none}.brand-sub{font-size:8px;letter-spacing:1.5px;opacity:.8;color:#607568;top:3px}.workspace{border:1px solid #f7fafb;background:var(--surface);box-shadow:var(--raised-small);border-radius:15px;padding:14px 11px;margin:0 0 28px}.workspace-logo{background:#e1e9e3;box-shadow:inset 2px 2px 4px #c4d3c6,inset -2px -2px 4px #fff;color:#38644c;width:36px;height:36px}.workspace strong{color:#2c4938;font-size:11px;max-width:125px}.workspace small{font-size:9px;color:#728176}.workspace>svg{color:#6f8176}.nav-label{font-size:9px;color:#718177;letter-spacing:1.5px;margin-bottom:12px}.nav-item{font-size:12px;color:#5a6d62;padding:13px 14px;border-radius:12px;margin-bottom:10px;border:1px solid transparent;min-height:44px}.nav-item svg{width:19px;height:19px;opacity:1}.nav-item:hover{background:#f2f5f6;color:#365b45;box-shadow:var(--raised-small)}.nav-item.active{background:color-mix(in srgb,var(--accent) 9%,var(--surface));box-shadow:var(--inset);border-color:#dbe5de;color:#335d44;font-weight:650}.nav-item.active svg{stroke-width:1.9}.tiny-dot{background:#6e9a76}.saved-nav{padding-top:17px;max-height:155px;min-height:90px}.saved-empty{font-size:11px;line-height:1.8;color:#7b8d80}.saved-nav .nav-label button{color:#57775f}.saved-nav>button{color:#5c7764;font-size:11px}.saved-nav>button i{border-color:#7b9a82}.sidebar-bottom{padding-top:16px}.connection-mini{background:var(--surface);box-shadow:var(--inset);border:1px solid #f7fafb;border-radius:14px;padding:15px 12px;margin-bottom:20px}.connection-mini b{font-size:10px;color:#43624a}.connection-mini small{font-size:9px;color:#788c7b}.connection-mini button svg{color:#547a5e}.connection-mini .status-dot{background:#8ca998}.status-dot.demo{background:#a58b53}.profile{border-top:1px solid #d8e0df;padding-top:19px;color:#3d5c47}.profile b{font-size:11px;color:#425d49}.profile small{font-size:10px;color:#7a8e7b}.profile>svg{color:#758b78}.avatar,.top-avatar{background:var(--surface);color:#547158;box-shadow:var(--raised-small);border:1px solid #f9fbfc;font-size:12px}.topbar{background:var(--surface);border-bottom:1px solid #dce3e5;height:78px;padding:0 34px;gap:20px}.breadcrumb{font-size:11px;color:#738379;white-space:nowrap;gap:10px}.breadcrumb strong{font-size:11px;color:#415e4b}.breadcrumb>span{color:#9dad9e}.topbar-actions{gap:17px;flex-shrink:0}.source-pill{font-size:10px;color:#657f6d}.top-avatar{width:32px;height:32px}.icon-button,.topbar .icon-button{background:var(--surface);box-shadow:var(--raised-small);border:1px solid #f8fbfc;border-radius:10px;color:#536f5b;min-width:32px;min-height:32px}.icon-button:hover{box-shadow:var(--inset)}.global-search{display:flex;align-items:center;gap:11px;padding:11px 15px;min-height:42px;background:var(--surface);box-shadow:var(--inset);border:1px solid #f8fbfc;border-radius:12px;color:#6a7b70;font-size:11px;max-width:440px;min-width:220px;flex:1;margin-left:auto;text-align:left}.global-search svg{width:17px;height:17px;color:#6b8470}.global-search>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search kbd{margin-left:auto;border:1px solid #cad5cc;padding:3px 5px;border-radius:4px;white-space:nowrap;font-family:inherit;font-size:8px;color:#7d9180}.global-search:hover{border-color:#bdcfbf}.topbar .mobile-menu{background:var(--surface)}main{padding:24px 34px 34px;max-width:1740px}.notice{border:1px solid #dce6dc;background:#e8eee8;box-shadow:inset 2px 2px 6px #d1dcd2,inset -2px -2px 6px #f8fbf8;padding:10px 15px;border-radius:10px;color:#5a7260;font-size:11px;margin-bottom:32px;line-height:1.6}.notice button{font-size:11px;color:#496d52}.demo-notice{background:#f0eddf;border-color:#e5e0cf;box-shadow:inset 2px 2px 6px #ddd7c3,inset -2px -2px 6px #fffef4;color:#766b4d}.demo-notice button{color:#766b4d}.page-heading{margin-bottom:28px;gap:24px}.page-heading h1{font-size:32px;letter-spacing:-1.1px;color:#253f32;font-weight:650;line-height:1.3;margin-bottom:10px}.page-heading>div>p:last-child{font-size:13px;line-height:1.7;color:#687e6c}.eyebrow{font-size:9px;color:#718673;letter-spacing:1.6px}.heading-actions{gap:12px}.button{font-size:12px;min-height:43px;gap:9px;padding:12px 17px;border-radius:12px;font-weight:550}.button svg{width:16px;height:16px}.button.quiet{background:var(--surface);border:1px solid #f9fbfc;color:#496650;box-shadow:var(--raised-small)}.button.quiet:hover{box-shadow:var(--inset)}.button.dark{background:var(--brand);border:1px solid #53836b;color:white;box-shadow:4px 4px 10px #c2cecb,-3px -3px 8px #ffffff}.button.dark:hover{background:#365f4c;box-shadow:inset 3px 3px 7px #2c5141,inset -3px -3px 7px #4e7c64}.text-button{font-size:12px;color:#4e7556;gap:8px}.text-button svg{width:16px;height:16px}.filterbar{border:0;padding:0 0 20px;margin-bottom:18px;gap:12px}.filterbar>label,.filter-chip{background:var(--surface);box-shadow:var(--raised-small);border:1px solid #f7fafb;border-radius:11px;padding:11px 12px;font-size:12px;min-height:41px;gap:8px}.filterbar select{font-size:12px;color:#4e6954;max-width:230px}.filterbar>label svg,.filter-chip svg{width:15px;height:15px;color:#6d8873}.filter-chip{color:#4e6954}.filterbar>.text-button{font-size:11px}.kpi-grid{gap:19px;margin-bottom:27px}.kpi{background:var(--surface);border:1px solid #f9fbfd;border-radius:21px;padding:22px 20px 23px;box-shadow:var(--raised);min-height:165px;overflow:hidden}.kpi:hover{border-color:#ceddce}.kpi-top{min-height:34px;align-items:center;margin-bottom:18px;gap:10px}.kpi h2{font-size:12px;font-weight:550;color:#637b69;line-height:1.5}.kpi-icon,.kpi-icon.soft-lime{background:var(--surface);border:1px solid #f9fbfc;box-shadow:var(--inset);border-radius:10px;color:#608067;width:32px;height:32px}.kpi-icon svg{width:17px;height:17px}.kpi>strong{font-size:clamp(25px,2.5vw,37px);font-weight:650;letter-spacing:-1.1px;line-height:1.1;color:#263e31;font-variant-numeric:tabular-nums}.kpi>p{font-size:10px;line-height:1.7;color:#758878;margin-top:15px;max-width:85%}.mini-spark{opacity:.15}.mini-spark i{background:#698d70}.panel{background:var(--surface);border:1px solid #f8fafc;box-shadow:var(--raised);border-radius:21px;padding:25px}.analysis-grid{gap:25px;margin-bottom:35px;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr)}.panel-head{margin-bottom:23px;gap:17px}.panel-head .eyebrow{font-size:8px;color:#718774;letter-spacing:1.3px}.panel h2{font-size:18px;color:#314f3b;font-weight:600;letter-spacing:-.4px}.panel-head p{font-size:12px;color:#738578}.panel-corner{color:#6d8b74}.chart-controls select,.rank-caption select{background:var(--surface);border:1px solid #fafcfc;box-shadow:var(--inset);border-radius:8px;padding:9px 10px;font-size:11px;color:#58745d;max-width:175px}.chart-controls select:last-child{max-width:90px}.chart-total>strong{font-size:32px;color:#2e4835;font-weight:650;letter-spacing:-.8px}.chart-total>span{font-size:11px;color:#758a79}.chart-total>i{font-size:10px;color:#65856c}.chart-total>i>b{background:#4e8063}.plot-grid line{stroke:#d7e0db;stroke-dasharray:3 4}.plot-grid text,.plot-axis{font-size:11px;fill:#728776}.panel-note{font-size:10px;color:#768b7a;line-height:1.8;margin-top:13px}.rank-caption{font-size:11px;color:#6a806f;margin-bottom:14px}.rank-caption select{font-size:10px;max-width:145px}.rank-row{padding:17px 0;gap:12px;border-color:#dae3dc}.rank-order{font-size:11px;color:#91a495}.rank-store{font-size:13px;color:#4d6b56;font-weight:500}.rank-store>i{background:#dce5dd;height:5px;border-radius:3px;box-shadow:inset 1px 1px 3px #c2cfc4;margin-top:10px}.rank-store>i>b{background:#89a98e;border-radius:3px}.rank-row:nth-of-type(2) .rank-store>i>b{background:#60876a}.rank-row strong{font-size:13px;font-weight:600;color:#42624d}.rank-row>svg{color:#87a18d;width:14px;height:14px}.plot-empty,.rank-empty{color:#708b75;font-size:12px}.plot-empty strong{font-size:14px;color:#59755f}.plot-empty span{font-size:12px;color:#7e9583;max-width:320px}.creative-section{margin-bottom:34px}.section-head{margin-bottom:22px;gap:20px}.section-head h2{font-size:21px;color:#2e4b38;letter-spacing:-.5px}.section-head .eyebrow{font-size:8px;color:#738a78}.creative-grid{gap:23px}.creative-card{background:var(--surface);box-shadow:var(--raised);border:1px solid #f8fafc;border-radius:21px;transition:transform .15s,border-color .15s;overflow:hidden}.creative-card:hover{border-color:#bdcfbf;box-shadow:11px 11px 23px #c7d0d5b0,-11px -11px 23px #ffffff}.creative-cover{padding:14px 14px 0;background:var(--surface);height:210px}.creative-art,.creative-image,.no-image{border-radius:13px;border:1px solid #e1e5dc}.creative-card-body{padding:21px}.overline{font-size:10px;color:#768f7d}.overline i{color:#93a598}.creative-card h3{font-size:16px;line-height:1.5;font-weight:600;color:#35563f;margin:8px 0 17px}.creative-metrics{border-color:#dbe4dd;padding-top:16px;gap:9px}.creative-metrics>span{font-size:10px;color:#788e7e;line-height:1.5}.creative-metrics strong{font-size:19px;font-weight:650;color:#345b42;margin-bottom:6px;letter-spacing:-.3px;white-space:nowrap}.creative-format{font-size:9px;left:27px;bottom:12px;background:#f7faf5f0;color:#597460;padding:5px 8px}.creative-go{background:#f3f7ef;box-shadow:var(--raised-small);right:25px;bottom:13px;width:27px;height:27px;color:#55765e}.creative-grid.full{gap:23px}.creative-grid.full .creative-cover{height:250px}.art-copy{font-size:30px}.art-capsule{font-size:8px}.art-footer{font-size:6px}.creative-toolbar{gap:12px;margin-bottom:23px;flex-wrap:wrap}.creative-toolbar .search-box{min-width:250px;min-height:48px;padding:13px 17px;border-radius:13px}.search-box{background:var(--surface);border:1px solid #f9fbfc;box-shadow:var(--inset);border-radius:10px;padding:12px}.search-box input{font-size:13px;color:#42634a}.search-box input::placeholder{color:#879b8b}.search-box svg{width:17px;height:17px;color:#728c79}.control{background:var(--surface);box-shadow:var(--raised-small);border:1px solid #f8fafc;font-size:12px;color:#54775d;max-width:220px;padding:12px;border-radius:10px;min-height:42px}.segments{background:var(--surface);box-shadow:var(--inset);border:1px solid #f8fafc;border-radius:11px;padding:5px;gap:5px}.segments button{font-size:11px;padding:8px 13px;border-radius:8px;color:#6e8c75}.segments button[aria-pressed=true]{background:#f4f7f7;box-shadow:3px 3px 6px #c7d2ca,-3px -3px 6px #ffffff;color:#396349;font-weight:600}.segments svg{width:16px;height:16px}.result-caption{font-size:12px;color:#557b5f;margin-bottom:22px}.result-caption>span{font-size:11px;color:#809687}.catalog-categories{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 25px}.catalog-categories button{display:inline-flex;gap:11px;align-items:center;min-height:39px;font-size:12px;padding:10px 15px;border-radius:11px;background:var(--surface);box-shadow:var(--raised-small);border:1px solid #f8fafc;color:#5f7c68}.catalog-categories button>span{font-size:10px;background:#dfe7df;padding:2px 6px;border-radius:6px;color:#72907a}.catalog-categories button[aria-pressed=true]{box-shadow:var(--inset);color:#2e5a3e;border-color:#d4e0d4;font-weight:600}.catalog-categories button[aria-pressed=true]>span{background:#cedccf;color:#4a7257}.campaign-panel{padding:25px 0 0}.campaign-panel>.panel-head,.table-toolbar{padding-left:25px;padding-right:25px}.table-wrap table{font-size:12px}.table-wrap thead{background:#e5ebe8}.table-wrap th{font-size:11px;color:#63816c;padding:16px 18px;border-color:#d6e0d9}.table-wrap tbody th{font-size:12px;min-width:245px;border-color:#dfe7e1;padding:18px}.table-wrap td{font-size:13px;color:#42644e;padding:18px;border-color:#dfe7e1;font-weight:500}.table-wrap tbody tr:hover{background:#f1f5f2}.row-name{font-size:12px;color:#42664c;gap:12px}.row-name small{font-size:10px;color:#839c8b;margin-top:6px}.row-symbol{background:var(--surface);box-shadow:var(--raised-small);border:1px solid #fafcfc;border-radius:10px;width:35px;height:35px;color:#698f73}.row-symbol svg{width:16px;height:16px}.row-arrow svg{color:#84a08b}.table-toolbar{gap:15px;margin-bottom:20px}.table-toolbar .search-box{min-height:41px}.table-empty,.empty-inline{font-size:12px;color:#78927f;padding:32px}.empty-inline{border-color:#cfdcd2;background:#e8eeea;box-shadow:var(--inset);border-radius:15px}.pagination{font-size:11px;color:#6d8b76;padding:18px 25px}.pagination button{min-width:31px;min-height:31px;border-radius:8px;background:var(--surface);border:1px solid #f9fbfc;box-shadow:var(--raised-small);color:#64876e}.project-grid{gap:25px}.project-card{background:var(--surface);box-shadow:var(--raised);border:1px solid #f8fafc;border-radius:22px;padding:28px}.project-symbol,.project-symbol.tone-1,.project-symbol.tone-2{background:var(--surface);box-shadow:var(--inset);border:1px solid #f9fbfc;color:#76977d}.project-card h2{font-size:24px;font-weight:600;color:#375e44;margin-bottom:12px}.project-card>p{font-size:12px;line-height:1.8;color:#7d9685}.project-values{border-color:#dbe5dd;padding:22px 0;gap:27px}.project-values span{font-size:11px;color:#7c9986}.project-values strong{font-size:29px;color:#416d4d}.project-open{font-size:13px;color:#5a8565;padding-top:23px}.pill{background:#e2eae1;color:#6f9179;border:1px solid #d6e3d6;font-size:10px;padding:6px 9px}.add-project{box-shadow:var(--inset);background:#e9eeea;border-color:#d8e3d8}.add-project>h2{font-size:21px}.add-project>span{font-size:13px;color:#638c6e}.add-project>svg{color:#8aa590}.explore-intro{background:var(--surface);box-shadow:var(--raised);border:1px solid #f8fafc;border-radius:19px;padding:27px}.explore-symbol{background:var(--surface);box-shadow:var(--inset);color:#74997c;border:1px solid #f9fbfc}.explore-intro h2{font-size:22px;color:#3e654a}.explore-intro p{font-size:12px;color:#7e9a89}.view-toolbar{gap:15px;margin:27px 0}.view-toolbar>label{font-size:11px;color:#86a08f}.view-toolbar>label strong{font-size:15px;color:#5a8066}.formula-list>article{background:var(--surface);box-shadow:var(--raised-small);border:1px solid #f8fafc;border-radius:12px;padding:18px}.formula-list strong{font-size:13px;color:#5c8669}.formula-list code{font-size:12px;color:#8aa492}.connection-panel{background:var(--surface);box-shadow:var(--raised);border:1px solid #fafcfc;border-radius:21px;padding:30px}.meta-symbol{color:#618e72}.connection-panel h2{font-size:24px;color:#436f53}.connection-panel p{font-size:12px;color:#86a18f}.connection-panel .eyebrow{font-size:8px}.connection-badge{background:#e4ece5;box-shadow:var(--inset);border:1px solid #f6f9f6;font-size:11px;color:#789683;padding:9px 13px}.sync-grid{gap:23px}.sync-step h2{font-size:21px;color:#5c8768}.sync-step p{font-size:12px;color:#8ba796;line-height:1.8}.sync-step>span{color:#87aa92}.quality-rows>div{font-size:12px;color:#7b9a87;border-color:#dce6de;padding:21px 0}.quality-rows strong{font-size:12px;color:#5d866a}.settings-panel .form-field{font-size:12px}.footer{font-size:10px;color:#91a798;padding-top:37px}.footer strong{color:#5d8168;font-size:17px}.footer>span:first-child{font-size:12px;color:#7a9985}.footer>span:last-child{font-size:9px}.onboarding{background:var(--surface);box-shadow:var(--raised);border:1px solid #f9fbfc;border-radius:21px;padding:34px 38px;gap:32px;margin-bottom:29px}.onboarding h2{font-size:27px;color:#416c4f}.onboarding p{font-size:13px;line-height:1.8;color:#7d9988;max-width:500px}.onboard-illustration{background:var(--surface);box-shadow:var(--inset);border:1px solid #f7faf7;transform:none;color:#7d9c80}.onboard-illustration>svg{color:#709c7d}.onboard-illustration>b{background:var(--surface);box-shadow:var(--raised-small);border:1px solid #f9fbfc;color:#648e70;transform:none}.onboard-graphic{color:#ceddd1;font-size:135px}.audience-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-bottom:27px}.audience-feature{background:var(--surface);box-shadow:var(--raised);border:1px solid #fafcfc;border-radius:20px;padding:27px}.audience-feature h2{font-size:30px;font-weight:650;color:#3c6549;margin:15px 0 12px;letter-spacing:-.6px}.audience-feature p{font-size:12px;color:#7d9987;line-height:1.8;margin:0}.audience-feature .eyebrow{font-size:8px;letter-spacing:1.2px}.audience-panel .control{max-width:340px}.audience-panel .panel-note{font-size:11px}.saved-views-panel{margin-top:28px}.saved-view-list>div{border-color:#dce6df;padding:16px 0}.saved-view-list .text-button{font-size:13px}
dialog{background:var(--surface);border:1px solid #f9fbfc;box-shadow:18px 18px 60px #879b8c77,-8px -8px 35px #ffffffa0;border-radius:24px;padding:30px;color:#41684c;width:min(730px,calc(100vw - 32px))}dialog::backdrop{background:#53675b66;backdrop-filter:blur(7px)}.modal-head h2{font-size:27px;color:#3c6548}.modal-head .eyebrow{font-size:9px;color:#7a9d86}.modal-head .icon-button{border-color:#f9fbfc;color:#6a9378}.modal-lead{font-size:13px;line-height:1.85;color:#789a85}.form-title{font-size:14px;color:#618b6e;margin:23px 0 15px}.form-title>small{font-size:11px;color:#8eae9b}.check-option{background:var(--surface);box-shadow:var(--raised-small);border:1px solid #f9fbfc;border-radius:11px;padding:12px;font-size:12px;color:#6e957c;gap:10px}.check-option:has(input:checked){box-shadow:var(--inset);border-color:#d5e2d7;color:#456e50}.check-option input,.layout-options input{accent-color:#5d8c6b}.metric-options,.store-options{gap:10px}.metric-order{background:var(--surface);box-shadow:var(--inset);border:1px solid #f9fbfc;border-radius:13px;padding:5px;margin-top:19px}.metric-order>div{font-size:12px;color:#72997e;border-color:#dce7df;padding:10px 12px}.metric-order button{background:var(--surface);box-shadow:var(--raised-small);border:1px solid #fafcfc;border-radius:7px;color:#749c82;width:29px;height:29px}.layout-options{font-size:12px;color:#6e957d;gap:18px;margin-top:24px}.modal-footer{border-color:#d8e5dc;padding-top:20px;margin-top:26px;gap:13px}.form-field{font-size:12px;color:#709780;margin-bottom:20px}.form-field input,.form-field select{font-size:14px;background:var(--surface);box-shadow:var(--inset);border:1px solid #fafcfc;border-radius:11px;padding:13px 15px;min-height:45px;color:#4c7959}.form-field input::placeholder{color:#97b6a1}.form-error{font-size:12px;color:#a97857}.preset-dates button{background:var(--surface);box-shadow:var(--raised-small);border:1px solid #fafcfc;border-radius:9px;font-size:12px;color:#789e84;padding:10px 17px}.detail-grid .creative-art{height:270px;border-radius:16px}.detail-grid>div>h3{font-size:24px;color:#5d8b69}.detail-context{font-size:12px;color:#8aac97}.detail-ids{font-size:11px;color:#96b8a1}.detail-ids dt{font-size:10px}.detail-ids dd{color:#759d82}.detail-stats{gap:14px;margin:27px 0}.detail-stats>div{background:var(--surface);box-shadow:var(--raised-small);border:1px solid #fafcfc;border-radius:12px;padding:15px}.detail-stats span{font-size:10px;color:#88ac96}.detail-stats strong{font-size:25px;color:#5f8c6d}.connect-modal h3{font-size:25px;color:#669576}.connect-modal p{font-size:13px;color:#89ad99}.connection-honesty{background:#e0ebe1;box-shadow:var(--inset);color:#739f80!important;font-size:12px!important;border-radius:11px}.formula-help{font-size:12px;color:#8caf9a}.quick-input{display:flex;align-items:center;gap:13px;background:var(--surface);box-shadow:var(--inset);border:1px solid #fafcfc;border-radius:13px;padding:15px 18px;margin:5px 0 20px}.quick-input svg{color:#79a084;width:20px;height:20px}.quick-input input{width:100%;min-width:0;background:transparent;border:0;outline:none;font-size:15px;color:#527c5e}.quick-input input::placeholder{color:#9dbaa8}.quick-result{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:15px 8px;border-bottom:1px solid #d9e5dc;color:#729980}.quick-result>span:nth-child(2){flex:1;min-width:0}.quick-result strong{font-size:13px;color:#4b7757;font-weight:600;display:block}.quick-result small{display:block;font-size:11px;color:#94b49f;margin-top:6px;overflow:hidden;text-overflow:ellipsis}.quick-result>svg{width:15px;height:15px;color:#8db09a}.quick-type{font-size:9px;border:1px solid #d3e2d5;border-radius:6px;background:#e1ebe2;padding:5px 7px;min-width:65px;text-align:center;color:#779e83}.quick-result:hover{background:#f2f6f3;border-radius:10px}.search-empty{font-size:13px;color:#86a992;line-height:1.9;padding:15px 0}#quick-results{max-height:50vh;overflow:auto}#toast{background:#466e52;border-color:#658771;color:#f1f6ef;box-shadow:4px 4px 16px #718b7660;font-size:12px;border-radius:12px}
/* Text and numbers use dark foregrounds even when the surface relief is subtle. */
.kpi>p,.panel-note,.overline,.creative-metrics>span,.project-card>p,.project-values span,.result-caption>span,.footer,.modal-lead,.form-field,.form-title,.layout-options,.check-option,.detail-context,.detail-ids,.connect-modal p,.formula-help,.search-empty,.quick-result small{color:#657c6d}.form-field input,.form-field select,.quick-input input{color:#355b41}.check-option{color:#55745f}.quality-rows>div,.quality-rows strong{color:#5c7b67}.connection-panel p,.connection-badge,.sync-step p,.audience-feature p,.view-toolbar>label,.view-toolbar>label strong{color:#68816f}.plot-data table{font-size:12px;color:#5f7f69}.plot-data th,.plot-data td{padding:10px 12px;border-color:#dce6df}
@media(min-width:1500px){.sidebar{width:248px}.app-shell{margin-left:248px}.topbar{padding-left:43px;padding-right:43px}.page-heading h1{font-size:37px}.kpi{padding:25px}.kpi>strong{font-size:38px}.panel{padding:28px}.campaign-panel{padding:28px 0 0}.creative-grid.full{grid-template-columns:repeat(3,minmax(0,1fr))}.creative-grid.full .creative-cover{height:285px}.creative-metrics strong{font-size:22px}}
@media(max-width:1250px){.sidebar{width:215px;padding-left:13px;padding-right:13px}.app-shell{margin-left:215px}.brand{font-size:29px}.workspace strong{font-size:10px;max-width:104px}.workspace small{font-size:8px}.sidebar .nav-item{font-size:12px;padding:12px 13px;margin-bottom:7px}.sidebar-bottom{padding-top:12px}.saved-nav{padding-top:12px}.topbar{height:73px;padding:0 26px;gap:15px}.breadcrumb{font-size:10px}.global-search{font-size:10px;padding:11px 12px;max-width:330px;min-width:170px}.global-search kbd{font-size:7px}.topbar-actions{gap:12px}.source-pill{font-size:9px}main{padding:22px 26px}.page-heading{gap:22px}.page-heading h1{font-size:29px}.page-heading>div>p:last-child{font-size:12px;max-width:430px}.heading-actions{gap:10px}.heading-actions .button{font-size:11px;padding:11px 13px}.kpi-grid{gap:16px}.kpi{padding:19px 17px;min-height:158px}.kpi h2{font-size:11px}.kpi>strong{font-size:28px}.kpi>p{font-size:10px}.analysis-grid{grid-template-columns:minmax(0,1.5fr) minmax(275px,1fr);gap:21px}.panel{padding:22px}.panel h2{font-size:16px}.panel-head .eyebrow{font-size:7px}.chart-controls{flex-direction:column}.chart-controls select{font-size:10px;max-width:150px}.chart-total>strong{font-size:29px}.chart-total>span{font-size:10px}.rank-caption{font-size:10px}.rank-caption select{font-size:9px;max-width:130px}.rank-row{gap:10px;padding:16px 0}.rank-store,.rank-row strong{font-size:12px}.creative-grid{gap:20px}.creative-cover{height:210px}.creative-card-body{padding:18px}.creative-card h3{font-size:15px}.creative-metrics>span{font-size:9px}.creative-metrics strong{font-size:17px}.filterbar{gap:11px}.filterbar>label,.filter-chip{font-size:11px;padding:10px 11px}.filterbar select{font-size:11px;max-width:210px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-grid.full{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-grid.full .creative-cover{height:260px}.campaign-panel{padding:22px 0 0}.campaign-panel>.panel-head,.table-toolbar{padding-left:22px;padding-right:22px}.audience-feature{padding:23px}.audience-feature h2{font-size:26px}.audience-feature .eyebrow{font-size:7px}}
@media(max-width:1050px){.global-search{min-width:130px;max-width:270px}.global-search kbd{display:none}.topbar-actions .source-pill{display:none}.analysis-grid{grid-template-columns:1fr}.rank-panel .rank-row{padding:14px 0}.rank-store>i{max-width:80%}.rank-panel .rank-caption{justify-content:space-between;gap:15px}.rank-panel .rank-row>strong{width:100px;text-align:right}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{min-height:160px;padding:22px}.kpi>strong{font-size:34px}.kpi h2{font-size:13px}.chart-controls{flex-direction:row}.chart-total>i{display:flex}.creative-grid:not(.full){grid-template-columns:repeat(2,minmax(0,1fr))}.creative-cover{height:230px}.creative-metrics strong{font-size:19px}.section-head .text-button{font-size:11px}.notice{font-size:10px;padding:10px 13px}.notice button{font-size:10px}.filterbar>label{flex:1 1 190px}.filterbar select{max-width:100%;width:100%}.filter-chip{flex:1 1 160px;justify-content:center}.filterbar>.text-button{margin-left:auto}.filterbar>.filter-spacer{display:none}.audience-intro{grid-template-columns:1fr 1fr}.audience-intro>.audience-feature:last-child{display:none}.onboard-graphic{display:none}.onboarding{padding:29px}.onboarding h2{font-size:24px}.onboarding p{font-size:12px}.sync-grid{gap:17px}.sync-step p{font-size:11px}.saved-nav{max-height:110px;min-height:80px}}
@media(max-width:740px){.sidebar{width:242px;background:var(--surface);box-shadow:8px 0 35px #879b8d66;padding:25px 16px 18px}.app-shell{margin-left:0}.sidebar .nav-item{font-size:13px;margin-bottom:9px;padding:13px 14px}.sidebar-menu-close{background:var(--surface);border-color:#fafcfc;color:#53795e;box-shadow:var(--raised-small);top:17px;right:13px;min-width:27px;min-height:27px}.sidebar-menu-close svg{width:14px;height:14px}.brand{font-size:29px;padding-bottom:26px}.brand-sub{font-size:7px}.workspace strong{font-size:11px;max-width:125px}.workspace small{font-size:9px}.saved-nav{max-height:150px}.topbar{height:65px;padding:0 17px;gap:12px}.topbar .mobile-menu{border-radius:10px;min-width:30px;min-height:30px;box-shadow:var(--raised-small);margin-right:0}.breadcrumb{font-size:9px;gap:6px}.breadcrumb>strong{font-size:10px}.breadcrumb>span{display:none}.breadcrumb{font-size:0}.breadcrumb strong{font-size:11px}.topbar-actions{gap:8px}.top-avatar{width:29px;height:29px}.global-search{flex:0 0 33px;min-width:33px;max-width:33px;min-height:33px;padding:8px;justify-content:center;border-radius:10px;margin-left:auto;box-shadow:var(--raised-small)}.global-search span,.global-search kbd{display:none}.global-search svg{width:16px;height:16px}main{padding:17px 18px 27px}.notice{padding:10px 11px;line-height:1.7;font-size:9px;gap:12px;margin-bottom:27px}.notice>button{font-size:9px;min-width:82px;text-align:right;white-space:normal}.page-heading{gap:19px;margin-bottom:24px}.page-heading h1{font-size:29px;line-height:1.3;letter-spacing:-.85px;max-width:350px}.eyebrow{font-size:8px;letter-spacing:1.3px}.page-heading>div>p:last-child{font-size:12px;line-height:1.8;max-width:340px}.heading-actions{gap:12px;width:100%;flex-direction:row}.heading-actions .button{font-size:11px;padding:12px 10px;min-height:42px;flex:1}.heading-actions .button svg{width:15px;height:15px}.filterbar{gap:11px;padding-bottom:16px;margin-bottom:18px}.filterbar>label,.filter-chip{flex:1 1 calc(50% - 11px);font-size:10px;min-width:0;padding:10px;min-height:40px;border-radius:10px}.filterbar>label select{font-size:10px}.filterbar>label svg,.filter-chip svg{width:13px;height:13px}.filterbar>.text-button{font-size:10px;padding:4px 0}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:23px}.kpi{padding:17px 14px;min-height:150px;border-radius:17px;box-shadow:6px 6px 14px #cbd4dba0,-6px -6px 14px #ffffffd9}.kpi-top{min-height:34px;margin-bottom:15px;gap:7px}.kpi h2{font-size:10px;line-height:1.6}.kpi-icon,.kpi-icon.soft-lime{width:25px;height:25px;border-radius:8px}.kpi-icon svg{width:14px;height:14px}.kpi>strong{font-size:25px;letter-spacing:-.9px}.kpi:first-child>strong{font-size:22px;letter-spacing:-.9px}.kpi>p{font-size:9px;line-height:1.7;max-width:100%;margin-top:13px}.mini-spark{display:none}.analysis-grid{gap:23px;margin-bottom:31px}.panel{padding:21px 18px;border-radius:18px}.panel-head{gap:12px;margin-bottom:20px}.panel-head .eyebrow{font-size:7px;letter-spacing:1px}.panel h2{font-size:17px;line-height:1.5}.chart-controls{flex-direction:column}.chart-controls select{font-size:9px;padding:7px;max-width:125px}.chart-total>strong{font-size:30px}.chart-total>span{font-size:10px}.chart-total>i{display:none}.trend{min-height:175px}.panel-note{font-size:10px;line-height:1.8;margin-top:13px}.plot-grid text,.plot-axis{font-size:11px;fill:#69816f}.rank-caption{font-size:11px}.rank-caption select{font-size:9px;max-width:132px}.rank-row{gap:10px;padding:16px 0}.rank-store,.rank-row strong{font-size:13px}.rank-order{font-size:10px}.rank-panel .rank-row>strong{width:91px}.section-head{gap:13px;margin-bottom:19px}.section-head h2{font-size:19px;line-height:1.5;max-width:235px}.section-head .eyebrow{font-size:7px}.section-head .text-button{font-size:10px;gap:4px;text-align:right;max-width:100px}.section-head .text-button svg{width:13px;height:13px}.creative-grid:not(.full),.creative-grid.full{grid-template-columns:1fr;gap:22px}.creative-grid:not(.full)>.creative-card:nth-child(3){display:block}.creative-grid:not(.full)>.creative-card:nth-child(n+3){display:none}.creative-cover,.creative-grid.full .creative-cover{height:250px;padding:12px 12px 0}.creative-card{border-radius:19px;box-shadow:7px 7px 16px #cbd4db99,-7px -7px 16px #ffffffe6}.creative-card-body{padding:21px 19px}.creative-card h3{font-size:17px;margin:9px 0 18px}.overline{font-size:11px}.creative-metrics>span{font-size:10px}.creative-metrics strong{font-size:21px;margin-bottom:6px}.creative-art .art-copy{font-size:36px}.creative-art .art-brand{font-size:16px}.art-capsule{font-size:8px}.art-footer{font-size:6px}.creative-format{font-size:9px;left:24px;bottom:12px}.creative-go{right:25px}.creative-toolbar{gap:11px;margin-bottom:22px}.creative-toolbar .search-box{min-width:100%;min-height:49px;border-radius:12px;padding:13px 15px}.search-box input{font-size:12px}.control{font-size:11px;padding:11px;max-width:180px;min-height:41px}.creative-toolbar .control{flex:1 1 115px}.creative-toolbar>.button{font-size:11px;padding:11px 13px}.creative-toolbar .segments button{padding:7px 9px}.catalog-categories{gap:10px;margin-bottom:22px}.catalog-categories button{font-size:11px;padding:10px 12px;gap:8px;min-height:38px}.catalog-categories button>span{font-size:9px}.result-caption{font-size:11px;align-items:flex-start;gap:20px;line-height:1.8}.result-caption>span{font-size:10px;max-width:150px}.campaign-panel{padding:22px 0 0}.campaign-panel>.panel-head,.table-toolbar{padding-left:19px;padding-right:19px}.campaign-panel .panel-head h2{font-size:17px}.campaign-panel .panel-head .text-button{font-size:10px}.table-toolbar{gap:13px}.segments button{font-size:11px;padding:8px 11px}.table-toolbar .search-box{min-height:42px}.table-toolbar>.text-button{font-size:11px}.table-wrap th{font-size:10px;padding:15px 14px}.table-wrap tbody th{font-size:12px;min-width:230px;padding:17px 14px}.table-wrap td{font-size:12px;padding:17px 14px}.row-name{font-size:12px;gap:10px}.row-name small{font-size:10px}.row-symbol{width:31px;height:31px}.pagination{font-size:10px;padding:17px 19px}.project-grid{grid-template-columns:1fr;gap:24px}.project-card{padding:26px;border-radius:20px}.project-card h2{font-size:25px}.project-card>p{font-size:12px}.project-values span{font-size:11px}.project-values strong{font-size:31px}.project-open{font-size:13px}.add-project>h2{font-size:23px}.add-project>span{font-size:13px}.explore-intro{padding:24px 21px;gap:15px;border-radius:18px}.explore-intro h2{font-size:21px;line-height:1.5}.explore-intro p{font-size:12px}.explore-symbol{width:43px;height:43px}.explore-intro>.button{font-size:11px;margin-left:0;width:100%}.view-toolbar{gap:12px;margin:25px 0}.view-toolbar>label{font-size:11px;flex-basis:100%;margin-bottom:5px}.view-toolbar>label strong{font-size:15px}.view-toolbar>.button{font-size:11px;padding:11px 12px}.view-toolbar>.text-button{font-size:11px}.formula-list{gap:18px}.formula-list strong{font-size:12px}.formula-list code{font-size:11px}.audience-intro{grid-template-columns:1fr;gap:20px}.audience-feature{padding:24px;border-radius:18px}.audience-feature h2{font-size:30px}.audience-feature p{font-size:12px}.audience-feature .eyebrow{font-size:8px}.audience-panel .panel-head{align-items:flex-start;flex-direction:column}.audience-panel .control{max-width:100%;width:100%;font-size:11px}.audience-panel .panel-note{font-size:10px}.onboarding{padding:27px 23px;display:block;text-align:center;border-radius:19px;margin-bottom:25px}.onboard-illustration{margin-bottom:28px;width:70px;height:70px;border-radius:19px}.onboarding h2{font-size:25px;line-height:1.4}.onboarding p{font-size:12px}.onboarding .eyebrow{font-size:7px}.onboard-actions{flex-direction:column;gap:14px}.onboard-actions>.button{font-size:12px;min-width:210px}.onboard-actions>.text-button{font-size:12px}.connection-panel{padding:24px;gap:17px;border-radius:19px}.connection-panel h2{font-size:23px}.connection-panel p{font-size:11px}.connection-panel .eyebrow{font-size:7px}.connection-badge{font-size:10px}.connection-panel>.button{font-size:11px}.sync-grid{grid-template-columns:1fr;gap:21px}.sync-step{padding:23px}.sync-step h2{font-size:21px}.sync-step p{font-size:12px;max-width:none}.quality-rows>div{font-size:11px;align-items:flex-start;gap:15px;padding:20px 0}.quality-rows strong{font-size:11px;line-height:1.8;max-width:60%}.settings-panel{margin-bottom:24px}.settings-panel form .button{font-size:12px}.footer{padding-top:32px;font-size:9px}.footer>span:last-child{font-size:8px;max-width:155px}.footer>span:first-child{font-size:11px}.footer strong{font-size:16px}dialog{padding:25px 21px;border-radius:20px;max-height:88vh}.modal-head{gap:15px;margin-bottom:25px}.modal-head h2{font-size:24px;line-height:1.4}.modal-head .eyebrow{font-size:8px}.modal-lead{font-size:12px;line-height:1.9}.form-title{font-size:13px}.form-title>small{font-size:10px;display:block;margin:5px 0 0}.metric-options,.store-options{gap:9px}.check-option{font-size:11px;padding:10px 9px;gap:7px}.metric-order>div{font-size:11px;padding:11px 10px}.layout-options{font-size:11px;line-height:1.7;gap:15px}.form-field{font-size:12px}.form-field input,.form-field select{font-size:14px;min-height:45px}.form-error{font-size:11px}.modal-footer .button{font-size:11px;padding:11px 13px}.preset-dates button{font-size:11px;padding:10px 13px}.detail-grid .creative-art{height:280px}.detail-context{font-size:12px;line-height:1.9}.detail-ids{font-size:10px;gap:15px}.detail-ids dt{font-size:9px}.detail-stats{gap:12px;margin:25px 0}.detail-stats strong{font-size:27px}.detail-stats span{font-size:10px}.connect-modal h3{font-size:24px}.connect-modal p{font-size:12px}.connect-modal .button{font-size:12px}.connect-modal .text-button{font-size:11px}.connection-honesty{font-size:11px!important;padding:12px}.formula-help{font-size:11px;line-height:1.9}.quick-input{padding:13px 14px;gap:10px}.quick-input input{font-size:13px}.quick-result{gap:10px;padding:15px 3px}.quick-type{font-size:8px;min-width:58px;padding:5px}.quick-result strong{font-size:12px}.quick-result small{font-size:10px;line-height:1.7}.search-empty{font-size:12px;line-height:1.9}#toast{font-size:11px;line-height:1.8}}
@media(prefers-contrast:more){.panel,.kpi,.creative-card,.project-card,.audience-feature{border-color:#9cafb0;box-shadow:none}.nav-item.active{border:2px solid #42684b}.form-field input,.form-field select,.search-box,.global-search{border-color:#97ae9e}.panel-note,.eyebrow,.overline,.kpi>p{color:#405f4b}}
@media print{.sidebar,.topbar,.notice,.filterbar,.heading-actions,.global-search,.catalog-categories{display:none!important}.panel,.kpi,.creative-card,.project-card{box-shadow:none;border:1px solid #c4d1c6;background:white}.app-shell{margin:0}.kpi-grid{grid-template-columns:repeat(4,1fr)}body,main{background:white;color:#203a29}.table-wrap{overflow:visible}}