:root{--ink:#182236;--muted:#818b9d;--line:#e8ebf0;--blue:#5469e8;--bg:#f4f6f9;--card:#fff;--sidebar:#151f32;--green:#29ad84;--shadow:0 4px 18px rgba(26,42,71,.035)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--sidebar);color:#f4f6fb;padding:22px 15px 14px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:10px;margin:0 0 34px 8px;text-decoration:none;color:#fff;font:800 21px Manrope,sans-serif;letter-spacing:-1px}.brand img{border-radius:11px}.brand-period{color:#87bfff}.workspace-switcher{background:#202c42;border:1px solid #2d3b53;border-radius:10px;min-height:55px;padding:9px;display:flex;align-items:center;gap:10px;margin-bottom:31px}.workspace-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#f1d8c7;color:#674333;font-weight:700}.workspace-switcher strong,.profile strong{display:block;font-size:12px;font-weight:600}.workspace-switcher small,.profile small{display:block;color:#93a0b4;font-size:10px;margin-top:3px}.chevron{margin-left:auto;color:#9aa6b9}.nav-label,.panel-kicker,.eyebrow{font-size:10px;letter-spacing:1.15px;font-weight:700}.nav-label{color:#8390a5;padding-left:11px;margin:0 0 10px}.nav-link{height:42px;border-radius:8px;margin:3px 0;padding:0 11px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#a8b2c2;font-size:13px}.nav-link.active{background:#293750;color:#fff;font-weight:600;box-shadow:inset 2px 0 #7c9bff}.nav-icon{width:18px;text-align:center;font-size:17px;color:#92a6ca}.sidebar-bottom{margin-top:auto}.help-card{padding:14px;border-radius:10px;background:#202b40;border:1px solid #2d3a52;margin-bottom:18px}.help-icon{font-size:17px;color:#8daaff}.help-card strong{display:block;font-size:12px;margin-top:10px}.help-card p{color:#9da9bc;font-size:11px;line-height:1.55;margin:7px 0 13px}.help-card a{font-size:11px;color:#9ab1ff;text-decoration:none}.help-card a span{float:right}.profile{border-top:1px solid #2c394e;padding:16px 5px 2px;display:flex;align-items:center;gap:10px}.profile-avatar,.top-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#c7d4ff;color:#374c92;font-weight:700;font-size:12px}.profile .more{margin-left:auto;letter-spacing:2px;color:#8996aa;font-size:13px}.main-content{margin-left:244px;min-height:100vh}.topbar{height:65px;background:#fff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between}.breadcrumbs{display:flex;gap:10px;color:#9099a9;font-size:12px}.breadcrumbs strong{font-weight:600;color:#3d485c}.slash{color:#c5cbd4}.topbar-right{display:flex;align-items:center;gap:17px}.local-status{font-size:11px;color:#778294;display:flex;align-items:center;gap:7px}.local-status i{width:7px;height:7px;border-radius:50%;background:#43ba90;box-shadow:0 0 0 3px #e8f7f1}.icon-button{width:26px;height:26px;border:1px solid #e7eaf0;background:#fff;border-radius:50%;color:#778294;font-size:12px}.top-avatar{width:28px;height:28px;font-size:11px}.page-wrap{max-width:1450px;padding:36px 40px 24px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.eyebrow{color:#8792a4;margin:0 0 10px}.demo-tag{font-size:9px;color:#a27322;background:#fff4da;border:1px solid #f3e5c5;border-radius:4px;padding:4px 6px;letter-spacing:.55px;margin-left:8px;vertical-align:1px}h1,h2{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.55px}h1{font-size:28px;margin:0;font-weight:700;line-height:1.2}.subhead{margin:7px 0 0;color:#828c9b;font-size:13px}.heading-actions{display:flex;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:37px;border-radius:7px;padding:0 13px;font-size:11px;font-weight:600;cursor:pointer;transition:transform .16s,box-shadow .16s}.button:hover{transform:translateY(-1px)}.button-secondary{border:1px solid #e2e6ed;background:#fff;color:#566175}.button-primary{border:1px solid #5268e5;background:#566be7;color:#fff;box-shadow:0 3px 8px #566be72b}.button-primary:hover{box-shadow:0 5px 14px #566be744}.button span{font-size:16px}.file-import{position:relative;overflow:hidden}.file-import:focus-within{outline:3px solid #a9b5ff;outline-offset:2px}.file-picker{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dataset-banner{display:flex;align-items:center;gap:11px;min-height:46px;background:#edf3ff;border:1px solid #dde8ff;border-radius:8px;padding:8px 12px;margin-bottom:17px;color:#62718c}.banner-icon{flex:0 0 18px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#dbe7ff;color:#536baf;font-size:11px;font-weight:700}.dataset-banner p{margin:0;line-height:1.45;font-size:11px;flex:1}.dataset-banner strong{color:#3a4e77}.dataset-banner a{white-space:nowrap;color:#5368c7;text-decoration:none;font-size:10px;font-weight:600}.dataset-banner a span{font-size:14px;margin-left:3px}.notice{padding:10px 12px;border-radius:7px;margin:-7px 0 14px;font-size:12px}.notice.success{background:#eaf8f2;color:#277a5d;border:1px solid #cceede}.notice.error{background:#fff0ee;color:#a34f45;border:1px solid #f3d5d1}.notice.info{background:#edf3ff;color:#536baf;border:1px solid #dde8ff}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dataset-info{display:flex;align-items:center;gap:10px}.dataset-icon{width:31px;height:31px;border:1px solid #e6e9ef;background:#fff;border-radius:7px;display:grid;place-items:center;color:#7280aa}.dataset-info strong{display:block;font-size:11px;font-weight:600;color:#48556b}.dataset-info small{display:block;font-size:10px;color:#9aa3b1;margin-top:4px}.filters{display:flex;gap:8px}.select-wrap select{appearance:none;border:1px solid #e4e7ed;background:#fff;border-radius:7px;padding:8px 27px 8px 10px;font-size:10px;color:#596579;outline:0;background-image:linear-gradient(45deg,transparent 50%,#99a2b1 50%),linear-gradient(135deg,#99a2b1 50%,transparent 50%);background-position:calc(100% - 13px) 12px,calc(100% - 9px) 12px;background-size:4px 4px;background-repeat:no-repeat;cursor:pointer}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px}.kpi-card,.panel{background:var(--card);border:1px solid #eaedf2;border-radius:9px;box-shadow:var(--shadow)}.kpi-card{padding:15px 16px 13px;min-height:119px}.kpi-top{display:flex;justify-content:space-between;align-items:center;color:#7d8796;font-size:11px}.kpi-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;font-size:13px}.purple{background:#f0edff;color:#7967db}.blue{background:#eaf0ff;color:#5b78d2}.gold{background:#fff5e2;color:#c38c2d}.mint{background:#e5f7f1;color:#40a98b}.kpi-value{font:700 24px Manrope,sans-serif;letter-spacing:-.7px;margin-top:9px;color:#202b40}.kpi-foot{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:9px;color:#99a2af}.kpi-dot{width:6px;height:6px;border-radius:50%}.green{background:#39b98e}.blue-dot{background:#7291e8}.gold-dot{background:#e2ad50}.mint-dot{background:#56bfa1}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.9fr);gap:14px;margin-bottom:14px}.panel{padding:17px 18px}.chart-panel,.channels-panel{min-height:320px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-kicker{font-size:9px;color:#9aa3b0;margin:0 0 5px}.panel h2{font-size:15px;line-height:1.3;margin:0;font-weight:700}.unit-pill{border:1px solid #ebedf1;border-radius:5px;padding:5px 8px;font-size:9px;color:#748093}.unit-pill span{color:#a1a8b5;margin-left:7px}.chart-legend{display:flex;align-items:center;justify-content:space-between;margin-top:19px;font-size:9px;color:#838e9d}.chart-legend span:first-child{display:flex;align-items:center;gap:6px}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#687ce9}.chart-note{color:#a1a9b5}.chart-area{height:178px;display:flex;margin-top:11px}.y-axis{width:35px;display:flex;flex-direction:column;justify-content:space-between;padding:0 0 17px;color:#a6adba;font-size:9px}.chart-body{position:relative;flex:1;height:100%;padding-bottom:17px}.grid-lines{position:absolute;inset:0 0 17px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #ebedf2;width:100%}.chart-body svg{position:absolute;inset:0;width:100%;height:calc(100% - 17px);overflow:visible}.x-axis{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#a2aab6;font-size:9px}.chart-insight{display:flex;align-items:center;gap:8px;margin-top:5px;padding:9px 10px;border-radius:6px;background:#f7f8fc;color:#737f93;font-size:10px}.chart-insight p{margin:0}.sparkle{color:#7a8bea}.panel-subtitle{font-size:10px;color:#99a1af;margin:7px 0 18px}.more-button{color:#9ca5b2;letter-spacing:1px}.channel-list{display:flex;flex-direction:column;gap:16px}.channel-row{display:grid;grid-template-columns:1fr auto;gap:7px}.channel-label{display:flex;align-items:center;gap:7px;color:#5e6a7e;font-size:10px}.channel-swatch{width:8px;height:8px;border-radius:3px}.channel-amount{font-size:10px;color:#3d495e;font-weight:600}.channel-track{grid-column:1/3;height:5px;border-radius:5px;background:#f0f2f6;overflow:hidden}.channel-fill{height:100%;border-radius:5px}.channel-share{font-size:9px;color:#9ca4b1;font-weight:400;margin-left:3px}.channel-foot{border-top:1px solid #f0f1f4;margin-top:18px;padding-top:11px;font-size:9px;color:#a1a9b5}.table-panel{padding:17px 0 0}.table-heading{padding:0 18px 14px;align-items:center}.search-box{height:30px;width:174px;border:1px solid #e8ebf0;border-radius:6px;display:flex;align-items:center;gap:7px;padding:0 8px;color:#a1a8b4}.search-box span{font-size:18px}.search-box input{min-width:0;width:100%;border:0;outline:0;font-size:10px;color:#596579;background:transparent}.search-box input::placeholder{color:#a0a8b4}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px;text-align:left}thead{background:#fafbfc}th{height:34px;padding:0 13px;font-size:8px;letter-spacing:.55px;color:#98a1af;font-weight:600;white-space:nowrap}th:first-child,td:first-child{padding-left:18px}td{padding:12px 13px;border-top:1px solid #f0f2f5;color:#788395;font-size:10px;white-space:nowrap}td:first-child{color:#354159;font-weight:600}.campaign-name{display:flex;align-items:center;gap:8px}.campaign-mark{width:23px;height:23px;border-radius:6px;display:grid;place-items:center;background:#eef1ff;color:#6879d9;font-size:10px}.channel-badge{display:inline-flex;align-items:center;gap:5px}.channel-badge i{width:6px;height:6px;border-radius:50%}.num-strong{font-weight:600;color:#4c586e}.empty-state{padding:28px;text-align:center;color:#9099a8;font-size:11px}.table-footer{height:41px;border-top:1px solid #eff1f4;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#9aa3b0;font-size:9px}.table-footer strong{color:#707c90;font-weight:500}.page-footer{display:flex;justify-content:space-between;color:#a1a9b5;font-size:9px;padding:17px 2px}.page-footer span span{padding:0 5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:1100px){.sidebar{width:210px}.main-content{margin-left:210px}.page-wrap{padding:28px 25px 20px}.topbar{padding:0 25px}.kpi-grid{gap:9px}.kpi-card{padding:13px}.content-grid{grid-template-columns:minmax(0,1.45fr) minmax(235px,.9fr)}}
@media(max-width:800px){.sidebar{width:66px;padding:18px 9px 12px;align-items:center}.brand{margin:0 0 32px}.brand span,.workspace-switcher>span:not(.workspace-avatar),.nav-label,.nav-link:not(.active)::after,.nav-link{font-size:0}.workspace-switcher{padding:7px;min-height:0;background:none;border:0;margin:0 0 22px}.workspace-avatar{width:36px;height:36px}.nav-link{width:42px;height:42px;justify-content:center;padding:0;margin:4px 0;font-size:0}.nav-icon{font-size:18px}.help-card{display:none}.profile{border-top:0;padding:12px 0 0}.profile>span:not(.profile-avatar){display:none}.profile-avatar{width:34px;height:34px}.main-content{margin-left:66px}.topbar{height:57px;padding:0 20px}.page-wrap{padding:26px 20px 18px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.chart-panel{min-height:315px}.channels-panel{min-height:0}.channel-list{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.page-heading{align-items:flex-start;gap:18px;flex-direction:column}.heading-actions{align-self:flex-end}.dataset-banner{align-items:flex-start}.dataset-banner p{font-size:10px}.table-heading{align-items:flex-start;gap:12px}}
@media(max-width:520px){.sidebar{width:55px;padding:14px 6px 10px}.brand{margin-bottom:26px}.brand img{width:33px;height:33px}.workspace-avatar{width:32px;height:32px}.nav-link{width:38px;height:38px}.main-content{margin-left:55px}.topbar{padding:0 13px;height:52px}.breadcrumbs{font-size:10px;gap:7px}.topbar-right{gap:10px}.local-status{font-size:0}.local-status i{width:8px;height:8px}.page-wrap{padding:22px 12px 14px}.eyebrow{font-size:8px;letter-spacing:.75px}.demo-tag{font-size:7px;margin-left:3px;padding:3px 4px}.page-heading{margin-bottom:17px}h1{font-size:24px}.subhead{font-size:11px;line-height:1.45}.heading-actions{width:100%;align-self:stretch}.button{flex:1;height:36px;padding:0 8px;font-size:10px}.dataset-banner{gap:8px;padding:9px}.dataset-banner p{font-size:9px}.dataset-banner a{font-size:9px}.toolbar{align-items:flex-start;gap:12px;flex-direction:column}.filters{width:100%}.select-wrap{flex:1}.select-wrap select{width:100%;font-size:10px}.kpi-grid{gap:8px}.kpi-card{min-height:108px;padding:11px 10px}.kpi-top{font-size:9px}.kpi-icon{width:22px;height:22px}.kpi-value{font-size:20px;margin-top:8px}.kpi-foot{font-size:8px}.panel{padding:14px 12px}.chart-panel{min-height:305px}.panel h2{font-size:14px}.chart-area{height:165px}.chart-note{font-size:8px}.chart-insight{font-size:9px}.channels-panel{padding-bottom:13px}.channel-list{column-gap:12px;row-gap:13px}.channel-label,.channel-amount{font-size:9px}.channel-foot{font-size:8px}.table-panel{padding:13px 0 0}.table-heading{padding:0 12px 12px;flex-direction:column}.search-box{width:100%}.table-footer{padding:0 12px;font-size:8px}.page-footer{font-size:8px;gap:8px;line-height:1.5}.page-footer span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:520px){.workspace-switcher>span:nth-child(2),.workspace-switcher .chevron{display:none}}