@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.performance-app{--ink: #24212a;--muted: #83818e;--red: #ed0027;--burgundy: #50051c;--line: #eeedf2;color:var(--ink);background:#f6f6fa;min-height:100vh;display:flex;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:15px}.performance-app *,.performance-app button,.performance-app input,.performance-app select{font-family:inherit}.performance-app h1,.performance-app h2,.performance-app h3{color:var(--ink);background:none;-webkit-text-fill-color:currentColor;letter-spacing:-.25px}.performance-app button,.performance-app a,.performance-app input,.performance-app select{-webkit-tap-highlight-color:transparent}.performance-app button{cursor:pointer}.performance-app button:disabled{cursor:not-allowed;opacity:.45}.performance-app button:focus-visible,.performance-app a:focus-visible,.performance-app input:focus-visible,.performance-app select:focus-visible{outline:2px solid #a82b48;outline-offset:3px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.performance-app .skip-link{position:fixed;left:220px;top:-50px;z-index:99;background:white;color:#900021;padding:12px}.performance-app .skip-link:focus{top:5px}.perf-sidebar{width:212px;flex:0 0 212px;background:linear-gradient(160deg,#65011f 0%,#3a0012 62%,#51051d 100%);color:#e5bfca;height:100dvh;position:sticky;top:0;display:flex;flex-direction:column;z-index:30;padding:27px 12px 20px}.sidebar-top{display:none}.perf-nav{flex:1;overflow-y:auto}.perf-nav-item{border:0;background:transparent;color:#ddbfc8;width:100%;display:flex;align-items:center;gap:10px;padding:13px 12px;border-radius:5px;text-align:left;font-size:13px;font-weight:500;line-height:1.5;transition:background .15s,color .15s}.perf-nav-item svg{flex-shrink:0;opacity:.85}.platform-letter-icon{display:inline-flex;justify-content:center;align-items:center;font-weight:800;font-family:Arial,sans-serif!important;letter-spacing:-1px;flex-shrink:0;line-height:1}.perf-nav-item:hover{color:#fff;background:#ffffff0b}.perf-nav-item.active{background:#e90029;color:#fff;box-shadow:0 4px 14px #20000a21}.perf-nav-item.active svg{opacity:1}.platform-parent{display:flex;align-items:center;margin-top:7px}.platform-parent>.perf-nav-item{padding-right:0}.platform-parent.selected>.perf-nav-item{color:#fff}.submenu-toggle{background:none;border:0;color:#c59bab;padding:14px 7px;display:flex}.platform-submenu{margin:4px 0 15px 20px;border-left:1px solid #ffffff19;padding-left:10px}.platform-submenu .perf-nav-item{font-size:13px;padding:11px 10px}.platform-submenu .perf-nav-item.active{background:#ffffff12;box-shadow:none}.platform-submenu .perf-nav-item i{width:5px;height:5px;border-radius:50%;background:#ff3156;margin-left:auto}.perf-sidebar-bottom{margin-top:30px;padding-top:15px;border-top:1px solid #ffffff13}.perf-sidebar-bottom .perf-nav-item{font-size:12px;padding-block:10px;color:#bf98a7}.brand-tagline{font-size:13px;color:#e0c5cf;margin:26px 9px 0;font-style:italic}.brand-tagline span{font-size:23px;font-style:normal;color:#fff;margin-left:5px;vertical-align:middle}.perf-workspace{flex:1;min-width:0}.preview-notice{padding:6px 20px;background:#f4e8d7;color:#946430;font-size:12px;text-align:center}.perf-header{background:#fff;min-height:84px;padding:19px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.header-brand,.header-actions{display:flex;align-items:center;gap:18px}.header-actions{gap:9px;flex-shrink:0}.cimb-wordmark{display:block;width:144px;height:40px;flex-shrink:0}.cimb-wordmark img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast}.header-titles{border-left:1px solid #eeeaf0;padding-left:18px}.header-titles h1{font-size:18px;font-weight:700;line-height:1.5}.header-titles p{color:#8b8794;font-size:13px;margin-top:1px}.print-title,.print-report-period{display:none}.perf-button{border:1px solid #e7e5ed;color:#55505e;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border-radius:5px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s}.perf-button:hover{background:#faf8fa}.perf-button.primary{background:#ed0027;color:#fff;border-color:#ed0027;box-shadow:0 3px 9px #e7002518}.perf-button.primary:hover{background:#cc0022}.icon-button{background:none;border:0;color:#8b8493;padding:5px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.icon-button:hover{background:#f1edf2;color:#810427}.text-button{background:none;border:0;color:#9c2443;font-size:12px;display:inline-flex;align-items:center;gap:4px;padding:0;font-weight:600}.text-button:hover{color:#ed0027;text-decoration:underline}.perf-main{padding:23px 27px 18px;max-width:1900px;margin:0 auto}.overview-toolbar{display:flex;align-items:center;justify-content:flex-end;margin-bottom:20px;gap:10px}.data-status{display:flex;align-items:center;gap:6px;color:#918894;font-size:12px}.status-dot{background:#44a784;width:5px;height:5px;border-radius:50%}.status-dot.warning{background:#d78a28}.is-refreshing svg{animation:spin 1s linear infinite}.perf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.perf-kpi{background:#fff;border:1px solid var(--line);border-radius:7px;padding:19px 17px 16px;display:grid;grid-template-columns:1fr auto;gap:8px;box-shadow:0 5px 18px #331b2a11,0 1px 3px #331b2a0b;transition:box-shadow .22s ease}.perf-kpi h2{display:block;font-size:13px;font-weight:600;line-height:1.5}.kpi-heading{display:flex!important;align-items:center;gap:5px}.metric-help{position:relative;display:inline-flex;color:#9d96a3;outline:none;cursor:help}.metric-help>span{display:none;position:absolute;z-index:20;top:calc(100% + 7px);left:50%;width:min(255px,72vw);padding:8px 9px;border-radius:5px;background:#332832;color:#fff;font-size:10px;font-weight:400;line-height:1.5;box-shadow:0 7px 22px #2c172640;pointer-events:none;transform:translate(-50%)}.metric-help:hover>span,.metric-help:focus>span,.metric-help:focus-visible>span{display:block}.perf-kpi strong{font-size:calc(clamp(21px,2vw,31px) + 2px);letter-spacing:-.9px;line-height:1.35;font-weight:700}.kpi-symbol{width:37px;height:37px;border-radius:50%;background:#f5f5fe;color:#8a94b5;display:flex;align-items:center;justify-content:center;align-self:start;margin-top:2px}.kpi-symbol.red{color:#ed0027;background:#fff2f4}.kpi-detail{grid-column:1 / -1;min-height:14px}.delta{font-size:11px;display:flex;align-items:center;gap:3px;line-height:1.4}.delta span{color:#92909a;margin-left:2px}.delta.neutral{color:#9995a0}.positive{color:#23956b}.negative{color:#cd3653}.perf-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1.7fr) minmax(0,1fr);grid-template-areas:"platform reach followers" "campaigns categories formats" "benchmarks posts insights";gap:14px}.perf-kpis.executive-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.perf-kpis.platform-kpis.has-five{grid-template-columns:repeat(5,minmax(0,1fr))}.perf-grid.executive-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,1.52fr) minmax(0,1fr);grid-template-areas:"platform reach followers" "campaigns categories insights" "benchmarks posts posts"}.perf-grid.story-grid{grid-template-areas:"platform reach reach" "campaigns categories categories" "benchmarks posts insights"}.story-grid .benchmark-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.perf-panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:7px;padding:16px 16px 12px;box-shadow:0 6px 20px #331b2a11,0 1px 3px #331b2a0b;overflow:hidden;transition:box-shadow .22s ease}.perf-kpi:hover,.perf-panel:hover{box-shadow:0 9px 26px #331b2a17,0 2px 5px #331b2a0d}.dashboard-page{animation:dashboard-page-enter .34s cubic-bezier(.22,1,.36,1) both}.reveal-item{opacity:0;transform:translateY(12px);transition:opacity .48s cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0ms),transform .48s cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0ms),box-shadow .22s ease}.reveal-item.is-visible{opacity:1;transform:translateY(0)}@keyframes dashboard-page-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.panel-heading h2{font-size:14px;font-weight:650;line-height:1.5;display:block}.panel-heading p{margin-top:3px;color:#9b95a1;font-size:11px;line-height:1.5}.panel-heading>.text-button{white-space:nowrap;padding-top:3px}.post-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.post-platform-filter select{min-width:112px;padding:5px 24px 5px 7px;font-size:10px;border-radius:4px}.platform-chart{grid-area:platform}.reach-chart{grid-area:reach}.follower-chart{grid-area:followers}.campaign-panel{grid-area:campaigns}.category-chart{grid-area:categories}.format-chart{grid-area:formats}.benchmark-panel{grid-area:benchmarks}.top-posts{grid-area:posts}.insights-panel{grid-area:insights}.chart-area{width:100%;height:210px;min-width:0}.platform-chart .chart-area{height:208px}.chart-legend{display:flex;flex-wrap:wrap;gap:8px;padding-top:3px;font-size:10px;color:#817582}.chart-legend span{display:flex;align-items:center;gap:3px}.chart-legend i,.donut-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ed0027;flex-shrink:0}.chart-legend .dark-dot{background:#760a26}.chart-legend .line-dot{background:#9297ab;width:10px;height:2px}.platform-legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;color:#837989;font-size:10px;margin:6px 0 3px}.platform-legend>span{display:inline-flex;gap:4px;align-items:center}.reach-body{display:flex;align-items:center;gap:10px;min-height:205px}.donut-chart{width:62%;height:190px;min-width:0;position:relative}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.donut-center strong{font-size:25px;letter-spacing:-.7px}.donut-center span{font-size:11px;color:#8d8693;margin-top:2px}.donut-legend{display:flex;flex-direction:column;gap:17px;font-size:12px}.donut-legend>div{display:flex;align-items:flex-start;gap:5px}.donut-legend i{margin-top:4px}.donut-legend strong{display:block;font-size:12px;margin-top:4px}.donut-legend small{font-size:11px;color:#97919c;font-weight:400}.performance-breakdowns{display:flex;flex-direction:column}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;flex:1}.split-grid.metrics-3{grid-template-columns:repeat(3,minmax(0,1fr))}.split-metric{border:1px solid #f0ebf0;background:#fdfbfd;border-radius:6px;padding:10px 8px 8px;min-width:0}.split-metric h3{font-size:11px;text-align:center;color:#655b6b;margin-bottom:5px;letter-spacing:0}.split-donut-wrap{display:flex;flex-direction:column;align-items:center;gap:5px}.split-donut{width:clamp(94px,7.2vw,116px);height:clamp(94px,7.2vw,116px);position:relative;flex-shrink:0;border-radius:50%}.split-donut:not(.is-empty){background:conic-gradient(#ed0027 0 var(--organic-share),#740924 var(--organic-share) 100%)}.split-donut:not(.is-empty):before{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;border-radius:50%;background:#fdfbfd}.split-donut.is-empty{border:9px solid #eee9ee}.split-center{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.split-center strong{font-size:12px;line-height:1.15;color:#413b45}.split-center span{font-size:9px;color:#9b929e;margin-top:1px}.split-legend{width:100%;display:grid;gap:3px;font-size:9px}.split-legend>div{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}.split-legend span{display:flex;align-items:center;gap:3px;color:#8c818f;min-width:0}.split-legend i{width:6px;height:6px;border-radius:50%;flex-shrink:0}.split-legend strong{font-size:9px;color:#5f5564;white-space:nowrap}.performance-breakdowns .panel-footnote{margin-top:9px}.fixed-print-chart{width:100%;height:100%;min-width:0;overflow:hidden}.fixed-print-chart .recharts-wrapper,.fixed-print-chart .recharts-surface{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.follower-chart .panel-heading{flex-wrap:wrap}.follower-chart .date-filter{margin-left:auto}.follower-chart .date-trigger{max-width:172px;padding:6px 7px;font-size:9px;gap:4px}.follower-chart .date-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follower-chart .date-popover{width:290px}.follower-refreshed{color:#9b95a1;font-size:11px;line-height:1.5;margin:8px 0 0;text-align:right}.perf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 12px;min-height:167px;flex:1}.empty-icon{color:#b7a5af;background:#f9f5f7;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:10px}.perf-empty>strong{font-size:13px;color:#786e7d;font-weight:600}.perf-empty p{max-width:250px;color:#a097a3;font-size:12px;line-height:1.65;margin:6px 0 10px}.campaign-panel .perf-empty{min-height:155px}.campaign-columns{display:grid;grid-template-columns:2fr 1fr 1fr .7fr;border-top:1px solid #f1eef3;padding-top:11px;color:#aaa1ae;font-size:11px}.campaign-columns span:not(:first-child){text-align:right}.category-columns,.category-row{display:grid;grid-template-columns:minmax(65px,1fr) minmax(0,1.4fr) 38px 42px;gap:7px;align-items:center}.category-columns{color:#aaa1ae;font-size:9px;text-align:right;margin-top:3px}.category-rows{display:flex;flex-direction:column;gap:14px;padding-block:9px}.category-row{font-size:11px}.category-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;color:#827886}.category-row>div{height:9px;background:#faf7f9;border-radius:2px;overflow:hidden}.category-row i{display:block;height:100%;background:#ed0027;border-radius:2px}.category-row strong,.category-row em{font-size:10px;color:#655b6b;font-weight:600;font-style:normal;text-align:right;white-space:nowrap}.category-row em{color:#9a5268}.format-chart .chart-area{height:195px}.benchmark-tabs{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid #f0edf3;margin-top:-4px}.benchmark-tabs button{border:0;color:#8c8392;font-size:11px;background:none;padding:8px 0;border-bottom:2px solid transparent}.benchmark-tabs button[aria-pressed=true]{color:#8d0c30;border-color:#df0932}.benchmark-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:15px 0 13px}.benchmark-metrics>div{background:#f7f6fc;padding:13px 5px;text-align:center;border-radius:4px}.benchmark-metrics span{display:block;font-size:10px;color:#898095;white-space:nowrap}.benchmark-metrics strong{font-size:calc(clamp(16px,1.6vw,24px) + 2px);display:block;margin-block:8px 3px;font-weight:700;letter-spacing:-.5px}.benchmark-metrics small{color:#a299a8;font-size:10px}.panel-footnote{font-size:11px;line-height:1.6;color:#a098a6;margin-top:10px}.perf-table-scroll{width:100%;overflow:auto}.perf-post-table{width:100%;border-collapse:collapse;table-layout:fixed}.performance-app .perf-post-table th{text-transform:none;letter-spacing:0;font-size:10px;background:none;color:#9d93a3;font-weight:500;padding:0 3px 8px;border-bottom:1px solid #f2edf4;border-radius:0}.performance-app .perf-post-table td{padding:8px 3px;color:#665b70;font-size:11px;border-bottom:1px solid #f5f1f6}.perf-post-table th:first-child{width:67%}.perf-post-table th:not(:first-child),.perf-post-table td:not(:first-child){text-align:right}.performance-app .perf-post-table tr:last-child td{border-bottom:0}.performance-app .perf-post-table tr:hover td{background:#fcfafc}.post-exposure-value{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1.15}.post-exposure-value small{margin-top:2px;color:#a79eaa;font-size:8px;font-weight:500}.post-identity{display:flex;align-items:center;gap:8px;min-width:0}.post-format-icon,.post-thumbnail{width:38px;height:34px;display:flex;align-items:center;justify-content:center;background:#f7f3f7;color:#a76881;border-radius:4px;flex-shrink:0;overflow:hidden}.post-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.post-identity>div{min-width:0}.post-identity strong,.post-identity a{font-size:11px;font-weight:600;color:#665669;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.post-identity a svg{display:inline;margin-left:4px}.post-identity a:hover{color:#ed0027}.post-identity div>span{display:block;color:#a89aa9;font-size:10px;margin-top:4px}.insights-panel{background:#fff8fa;border-color:#f8e1e8;display:flex;flex-direction:column}.insights-panel .panel-heading{color:#e55776}.insights-panel .panel-heading h2{color:#90314f}.insights-list{display:flex;flex-direction:column;gap:11px;list-style:none;padding:0;margin:0 0 13px;flex:1}.insights-list li{display:flex;gap:7px;font-size:12px;line-height:1.55;color:#927080}.insights-list svg{color:#e64e72;flex-shrink:0;margin-top:1px}.insights-panel .perf-empty{min-height:110px;padding-top:0}.insights-panel .perf-empty .empty-icon{display:none}.perf-footer{display:flex;justify-content:flex-end;align-items:center;gap:15px;color:#aaa1ae;font-size:11px;margin-top:18px;line-height:1.6}.data-notice{display:flex;align-items:center;gap:10px;padding:13px 15px;margin-bottom:15px;border:1px solid #e4dfe9;background:#f1eef5;border-radius:5px;font-size:13px;color:#8b6e83}.data-notice svg{flex-shrink:0}.data-notice button{margin-left:auto;background:none;color:#9a173e;border:0;font-size:12px;font-weight:600;white-space:nowrap;display:flex;gap:4px;align-items:center}.data-notice.error{background:#fff4f4;border-color:#f5d4db}.platform-section-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 17px}.platform-section-header>div:first-child{display:flex;align-items:center;gap:10px}.platform-heading-icon{color:#9c3152;padding:10px;background:#f2eaf0;border-radius:7px;display:flex}.platform-section-header h2{font-size:18px}.platform-section-header h2 small{display:block;font-size:12px;font-weight:400;margin-top:4px;color:#9d8e9e}.detail-tabs{display:flex;gap:3px;border:1px solid #e9e1eb;border-radius:5px;padding:4px;background:#fff}.detail-tabs button{border:0;background:none;padding:7px 12px;border-radius:3px;font-size:12px;color:#948797}.detail-tabs button[aria-pressed=true]{color:#a10d37;background:#fbecf1;font-weight:600}.posts-library-view{max-width:1280px;margin:0 auto}.posts-library-header{display:flex;align-items:center;gap:20px;margin:2px 0 18px}.posts-library-header>div{min-width:0}.posts-library-header h2{font-size:22px;line-height:1.35}.posts-library-header p{color:#918894;font-size:13px;margin-top:3px}.back-button{flex-shrink:0}.expanded-posts .perf-post-table th:first-child{width:55%}.expanded-posts .perf-post-table td{padding-block:12px;font-size:13px}.expanded-posts .post-identity strong,.expanded-posts .post-identity a{font-size:13px}.expanded-posts .post-identity div>span{font-size:12px}.post-controls{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.post-controls input{flex:1;max-width:500px;min-width:0}.post-control-group{display:flex;align-items:center;gap:12px}.post-controls label{display:flex;align-items:center;gap:10px;color:#96889b;font-size:12px}.post-controls .post-platform-filter select{min-width:140px;padding:9px 28px 9px 10px;font-size:13px}.post-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 2px 3px;border-top:1px solid #f2edf4;color:#918894;font-size:12px}.post-pagination>div,.post-pagination>div>span{display:flex;align-items:center;gap:5px}.post-pagination button{min-width:32px;height:32px;border:1px solid #e5dde8;background:#fff;color:#766b7b;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.post-pagination button:hover:not(:disabled){border-color:#cfaeb9;color:#9c2443;background:#fff8fa}.post-pagination button[aria-current=page]{background:#8d0c30;border-color:#8d0c30;color:#fff}.post-pagination i{font-style:normal;color:#aaa1ae;padding-inline:2px}.performance-app input,.performance-app select{background:#fff;color:#4f4456;border:1px solid #e5dde8;border-radius:4px;padding:9px 10px;font-size:13px}.performance-app input[type=date]{color-scheme:light;border:1px solid #e5dde8!important}.format-detail{display:grid;grid-template-columns:1fr 2fr;gap:15px}.format-detail .perf-post-table th:first-child{width:30%}.story-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cross-platform-view{max-width:1560px;margin:0 auto}.cross-platform-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:3px 0 18px}.cross-platform-intro h2{font-size:22px;line-height:1.35}.cross-platform-intro p{color:#918894;font-size:13px;margin-top:4px}.cross-platform-intro>span{color:#8c7f8d;background:#eeeaf0;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:600;white-space:nowrap}.cross-platform-panel{padding:19px}.cross-platform-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.cross-content-search{position:relative;display:flex;align-items:center;flex:1;max-width:430px}.cross-content-search svg{position:absolute;left:11px;color:#aa9eab;pointer-events:none}.cross-content-search input{width:100%;padding-left:34px}.metric-selector{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #e9e1eb;background:#faf8fa;border-radius:6px}.metric-selector>span{color:#948797;font-size:11px;font-weight:600;padding:0 6px;white-space:nowrap}.metric-selector button{border:0;background:transparent;color:#766b7b;padding:7px 10px;border-radius:4px;font-size:11px;white-space:nowrap}.metric-selector button[aria-pressed=true]{color:#fff;background:#8d0c30;box-shadow:0 2px 7px #4d00161f}.cross-table-scroll{overflow:auto;border:1px solid #eee8ef;border-radius:6px}.cross-platform-table{width:100%;min-width:1200px;border-collapse:separate;border-spacing:0;table-layout:fixed}.cross-platform-table th{position:sticky;top:0;z-index:2;background:#f7f4f7;color:#7f7482;font-size:10px;font-weight:650;padding:11px 9px;text-align:left;border-bottom:1px solid #e8e1e9}.cross-platform-table td{padding:12px 9px;color:#655b69;font-size:11px;line-height:1.45;vertical-align:top;border-bottom:1px solid #f1edf2;background:#fff}.cross-platform-table tbody tr:last-child td{border-bottom:0}.cross-platform-table tbody tr:hover td{background:#fffafb}.cross-platform-table th:nth-child(1){width:12%}.cross-platform-table th:nth-child(2){width:16%}.cross-platform-table th:nth-child(3){width:25%}.cross-platform-table th:nth-child(n+4){width:7.5%;text-align:right}.cross-platform-heading{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap}.cross-platform-table th:nth-child(n+4),.cross-platform-table td:nth-child(n+4){text-align:right}.pillar-chip{display:inline-block;color:#8d2142;background:#fbeff3;border:1px solid #f5dfe6;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:600}.cross-content-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#4f4653;font-size:11px}.cross-match-count{display:block;color:#aa9fab;font-size:9px;margin-top:5px}.cross-caption{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#766c79}.cross-metric-cell{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.cross-metric-cell a,.cross-metric-cell strong,.cross-total{color:#5a4f5d;font-size:11px;font-weight:650;white-space:nowrap;text-decoration:none}.cross-metric-cell a{display:inline-flex;align-items:center;gap:4px}.cross-metric-cell a:hover{color:#cf0024}.cross-metric-cell small{color:#aaa0ac;font-size:8px;white-space:nowrap}.cross-metric-empty{color:#c3bbc4}.cross-total{color:#8d0c30}.cross-loading{min-height:320px;display:flex;align-items:center;justify-content:center;gap:9px;color:#968b98;font-size:13px}.cross-loading svg{animation:spin 1s linear infinite}.cross-pagination{border-top:0}.cross-pagination>div>span{color:#756978;min-width:82px;justify-content:center}.cross-platform-note{color:#9a909d;font-size:10px;line-height:1.55;margin:13px 2px 0}.date-filter{position:relative}.date-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:40;width:300px;border:1px solid #e8dfe9;background:white;padding:18px;border-radius:8px;box-shadow:0 15px 50px #40061a22}.popover-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;font-size:14px}.date-popover label,.perf-modal label{display:flex;flex-direction:column;font-size:12px;gap:6px;margin-bottom:14px;color:#89768c}.date-popover .primary{width:100%;margin-top:8px}.date-shortcuts{display:flex;gap:7px;margin-bottom:17px}.date-shortcuts button{background:#f8f2f6;border:1px solid #eee3eb;border-radius:4px;padding:6px 10px;color:#9b5670;font-size:12px}.form-error{font-size:12px;color:#c83a53;line-height:1.6;margin-bottom:8px}.perf-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#240a2066;display:flex;justify-content:center;align-items:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.perf-modal{width:470px;max-width:100%;max-height:95dvh;overflow:auto;background:white;padding:26px;border-radius:10px;box-shadow:0 20px 100px #30001044}.perf-modal h2{font-size:20px}.perf-modal p{font-size:14px;color:#8a7c8f;line-height:1.7;margin-bottom:16px}.perf-modal .sheet-help{padding:12px;background:#f8f3f7;border-radius:5px;font-size:13px}.perf-modal .primary{margin-top:16px}.perf-modal p.panel-footnote{font-size:12px}.mobile-only,.sidebar-scrim{display:none}.is-loading .perf-kpi>div:first-child>strong{color:#ccc2ce}.data-hub-view{--text-primary: #4f4456;--text-secondary: #8a7a91;--accent-blue: #a92b54;--accent-purple: #a42b58;--panel-bg: #fff;--panel-border: #e9e1eb}.data-hub-view .glass-panel{background:#fff;border-color:#e9e1eb;box-shadow:0 6px 20px #331b2a11,0 1px 3px #331b2a0b;border-radius:8px}.data-hub-view .glass-panel:hover{transform:none;box-shadow:0 9px 26px #331b2a17,0 2px 5px #331b2a0d}.data-hub-view td{color:#6b5674}.data-hub-view th{background:#f5f0f7;border-color:#e7dfea;font-size:12px}.data-hub-view input,.data-hub-view select{color-scheme:light}@media (min-width: 1600px){.perf-main{padding:28px 35px}.perf-grid{gap:18px}.perf-panel{padding:21px}.chart-area,.platform-chart .chart-area{height:240px}.perf-empty{min-height:195px}.perf-kpi{padding:23px}.panel-heading h2{font-size:16px}}@media (max-width: 1250px){.perf-sidebar{width:193px;flex-basis:193px;padding-inline:8px}.perf-nav-item{font-size:12px;gap:8px}.perf-header{padding-inline:21px;gap:12px}.header-brand{gap:12px}.header-titles{padding-left:12px}.header-titles h1{font-size:15px}.cimb-wordmark{width:128px;height:36px}.perf-main{padding:20px}.perf-button{font-size:12px;padding-inline:9px}.perf-kpi{padding:15px 13px}.kpi-symbol{width:29px;height:29px}.kpi-symbol svg{width:17px}.perf-kpi strong{font-size:25px}.perf-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1.62fr) minmax(0,1fr);gap:10px}.perf-grid.executive-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1.48fr) minmax(0,1fr)}.perf-panel{padding:13px 11px}.panel-heading h2{font-size:13px}.chart-legend{font-size:9px;gap:5px}.platform-chart .panel-heading{flex-wrap:wrap;gap:3px}.chart-area{height:185px}.platform-chart .chart-area{height:190px}.platform-legend{gap:6px;font-size:9px}.donut-chart{height:155px}.reach-body{min-height:190px;gap:5px}.donut-center strong{font-size:21px}.donut-legend,.donut-legend strong{font-size:11px}.category-columns,.category-row{grid-template-columns:75px minmax(0,1fr) 34px 38px;gap:4px}.benchmark-metrics{gap:4px}.benchmark-metrics span{font-size:9px}.benchmark-metrics strong{font-size:20px}.benchmark-tabs{gap:10px}.benchmark-tabs button{font-size:10px}.split-donut{width:90px;height:90px}.split-metric{padding-inline:6px}}@media (max-width: 1050px){.perf-header{flex-wrap:wrap}.header-actions{margin-left:auto}.perf-grid,.perf-grid.executive-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"platform platform" "reach followers" "campaigns categories" "formats benchmarks" "posts insights";gap:14px}.perf-grid.executive-grid{grid-template-areas:"platform platform" "reach followers" "campaigns categories" "benchmarks insights" "posts posts"}.perf-grid.story-grid{grid-template-areas:"platform platform" "reach reach" "campaigns categories" "benchmarks insights" "posts posts"}.perf-panel{padding:16px}.platform-chart .panel-heading{flex-wrap:nowrap}.reach-body{justify-content:center}.perf-kpis,.perf-kpis.platform-kpis.has-five{grid-template-columns:repeat(2,minmax(0,1fr))}.perf-kpi strong{font-size:31px}.perf-empty{min-height:160px}.platform-chart .chart-area{height:230px}.platform-legend{font-size:11px;gap:18px}.chart-legend{font-size:11px;gap:12px}.post-format-icon{width:24px}.format-detail{grid-template-columns:1fr}.overview-toolbar{align-items:start}.data-status{font-size:11px}.split-donut{width:104px;height:104px}}@media (max-width: 760px){.perf-sidebar{position:fixed;left:-225px;width:212px;transition:left .2s ease}.perf-sidebar.is-open{left:0}.mobile-only{display:inline-flex}.sidebar-top{display:flex;justify-content:flex-end;min-height:34px;margin:0 6px 12px}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#20091966;border:0;z-index:25}.perf-header{padding:16px;gap:15px}.header-brand{gap:10px;width:100%}.header-titles{padding-left:10px}.header-titles h1{font-size:14px;line-height:1.4}.header-titles p{font-size:12px}.cimb-wordmark{width:104px;height:30px}.header-actions{width:100%;justify-content:space-between}.perf-main{padding:18px 14px}.overview-toolbar{margin-bottom:17px}.data-status{font-size:0;gap:3px}.data-status svg{width:16px}.perf-kpis{gap:9px}.perf-kpis.executive-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.executive-kpis .perf-kpi:last-child{grid-column:1 / -1}.perf-kpi{padding:15px 12px}.perf-kpi strong{font-size:27px}.perf-kpi h2{font-size:12px}.kpi-symbol{width:27px;height:27px}.perf-grid{gap:11px}.perf-panel{padding:14px 12px}.perf-footer{align-items:start;font-size:10px}.perf-footer span:last-child{white-space:nowrap}.date-popover{right:auto;left:0}.platform-section-header{flex-wrap:wrap}.detail-tabs{width:100%}.detail-tabs button{flex:1}.data-notice{font-size:12px;flex-wrap:wrap}.data-notice span{flex:1}.data-notice button{margin-left:26px}.post-controls{flex-direction:column}.post-control-group{justify-content:space-between}.posts-library-header{align-items:flex-start;flex-direction:column;gap:12px}.post-pagination{align-items:flex-start;flex-direction:column}.story-kpis{grid-template-columns:1fr}.cross-platform-intro{align-items:flex-start;flex-direction:column;gap:9px}.cross-platform-controls{align-items:stretch;flex-direction:column}.cross-content-search{max-width:none}.metric-selector{overflow-x:auto}.metric-selector>span{position:sticky;left:0;background:#faf8fa}.cross-platform-panel{padding:13px 11px}}@media (max-width: 480px){.perf-grid,.perf-grid.executive-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"platform" "reach" "followers" "campaigns" "categories" "formats" "benchmarks" "posts" "insights"}.perf-grid.executive-grid{grid-template-areas:"platform" "reach" "followers" "campaigns" "categories" "benchmarks" "posts" "insights"}.perf-grid.story-grid{grid-template-areas:"platform" "reach" "campaigns" "categories" "benchmarks" "posts" "insights"}.chart-area,.platform-chart .chart-area{height:220px}.reach-body{min-height:200px;gap:15px}.donut-chart{height:190px;width:54%}.donut-center strong{font-size:29px}.panel-heading h2{font-size:14px}.chart-legend{font-size:10px;gap:7px}.platform-legend{font-size:10px;gap:10px}.category-columns,.category-row{grid-template-columns:105px minmax(0,1fr) 38px 42px;font-size:12px}.perf-kpi strong{font-size:25px}.perf-kpi{gap:5px}.kpi-symbol{width:24px;height:24px}.perf-kpi h2{font-size:11px}.delta{font-size:10px}.delta span{display:none}.kpi-detail .text-button{font-size:10px}.date-trigger{font-size:11px;padding-inline:7px;gap:5px}.export-button{font-size:11px}.benchmark-metrics span{font-size:10px}.benchmark-metrics strong{font-size:25px}.perf-post-table th:first-child{width:64%}.expanded-posts .perf-post-table{min-width:550px}.split-grid,.split-grid.metrics-3{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid.metrics-3 .split-metric:last-child{grid-column:1 / -1;width:calc(50% - 5px);justify-self:center}.split-donut{width:92px;height:92px}}@media print{@page{size:A4 landscape;margin:8mm}html,body,#root{width:auto!important;min-width:0!important;margin:0!important;background:#fff!important}.performance-app{display:block;min-height:0;background:#fff!important;font-size:10px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.perf-workspace{width:100%;min-width:0}.perf-sidebar,.header-actions,.overview-toolbar,.preview-notice,.perf-panel button,.perf-modal-backdrop,.sidebar-scrim,.mobile-only,.skip-link,.detail-tabs,.metric-help{display:none!important}.perf-header{padding:0 0 8px;min-height:0;border-bottom:1px solid #e8e4ea;align-items:center}.header-brand{gap:12px}.cimb-wordmark{width:112px;height:31px}.header-titles{padding-left:12px}.header-titles h1{font-size:15px;line-height:1.25}.header-titles p{font-size:10px;line-height:1.35;margin-top:1px}.screen-title{display:none}.print-title,.print-report-period{display:block}.print-report-period{color:#6f6874!important;font-weight:600}.perf-main{padding:9px 0 0;max-width:none;margin:0}.dashboard-page,.reveal-item{animation:none!important;opacity:1!important;transform:none!important}.perf-kpis,.perf-kpis.platform-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:8px}.perf-kpis.executive-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.perf-kpis.platform-kpis.has-five{grid-template-columns:repeat(5,minmax(0,1fr))}.executive-kpis .perf-kpi:last-child{grid-column:auto}.perf-kpi{padding:10px 10px 8px;gap:4px;border-radius:5px;box-shadow:none;break-inside:avoid-page;page-break-inside:avoid}.perf-kpi h2{font-size:10px}.perf-kpi strong{font-size:20px;line-height:1.15}.kpi-symbol{width:25px;height:25px}.kpi-symbol svg{width:15px;height:15px}.kpi-detail{min-height:10px}.delta{font-size:8px}.delta span{display:inline}.platform-section-header{margin:7px 0}.platform-section-header h2{font-size:14px}.platform-section-header h2 small{font-size:9px}.perf-grid,.perf-grid.executive-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1.55fr) minmax(0,1.08fr);grid-template-areas:"platform reach followers" "campaigns categories formats" "benchmarks posts insights";gap:8px;align-items:stretch}.perf-grid.executive-grid{grid-template-areas:"platform reach followers" "campaigns categories insights" "benchmarks posts posts"}.perf-grid.story-grid{grid-template-areas:"platform reach reach" "campaigns categories categories" "benchmarks posts insights"}.perf-panel{padding:10px;border-radius:5px;box-shadow:none;overflow:hidden;break-inside:avoid-page;page-break-inside:avoid}.panel-heading{margin-bottom:7px;gap:5px}.panel-heading h2{font-size:11px;line-height:1.3}.panel-heading p{font-size:8px;line-height:1.35;margin-top:2px}.chart-legend{font-size:8px;gap:5px}.chart-area,.platform-chart .chart-area,.follower-chart .chart-area{width:100%!important;height:190px;min-width:0;overflow:hidden}.follower-chart .chart-area{height:202px}.format-chart .chart-area{height:175px}.recharts-tooltip-wrapper{display:none!important}.platform-legend{font-size:8px;gap:7px;margin:3px 0 0}.performance-breakdowns .split-grid,.performance-breakdowns .split-grid.metrics-3{gap:5px}.performance-breakdowns .split-grid.metrics-3{grid-template-columns:repeat(3,minmax(0,1fr))}.performance-breakdowns .split-grid.metrics-3 .split-metric:last-child{grid-column:auto;width:auto;justify-self:stretch}.split-metric{padding:6px 4px 5px;overflow:hidden}.split-metric h3{font-size:8px;margin-bottom:2px}.performance-breakdowns .split-donut-wrap{flex:1;justify-content:center}.split-donut{width:72px;height:72px}.split-center strong{font-size:9px}.split-center span,.split-legend,.split-legend strong{font-size:7px}.performance-breakdowns .panel-footnote{margin-top:5px;font-size:7px;line-height:1.35}.follower-refreshed{margin-top:3px;font-size:7px;white-space:normal}.perf-panel .perf-empty{min-height:115px}.perf-empty>strong{font-size:10px}.perf-empty p{font-size:9px;line-height:1.45}.category-rows{gap:8px;padding-block:5px}.category-columns,.category-row{grid-template-columns:minmax(58px,1fr) minmax(0,1.4fr) 32px 35px;gap:4px}.category-row,.category-row strong,.category-row em{font-size:8px}.benchmark-metrics{gap:4px;margin:8px 0}.benchmark-metrics>div{padding:8px 3px}.benchmark-metrics span,.benchmark-metrics small{font-size:7px}.benchmark-metrics strong{font-size:16px;margin-block:4px 2px}.performance-app .perf-post-table th{font-size:8px;padding-bottom:5px}.performance-app .perf-post-table td{padding:5px 2px;font-size:8px}.cross-platform-intro{margin-bottom:7px}.cross-platform-intro h2{font-size:14px}.cross-platform-intro p,.cross-platform-intro>span,.cross-platform-note{font-size:7px}.cross-platform-controls{display:none}.cross-platform-panel{padding:7px}.cross-table-scroll{overflow:visible;border-radius:0}.cross-platform-table{min-width:0;table-layout:fixed}.cross-platform-table th{position:static;padding:4px 3px;font-size:6px}.cross-platform-table td{padding:4px 3px;font-size:6px}.cross-platform-table th:nth-child(1){width:11%}.cross-platform-table th:nth-child(2){width:15%}.cross-platform-table th:nth-child(3){width:22%}.cross-platform-table th:nth-child(n+4){width:7.5%}.pillar-chip,.cross-content-title,.cross-metric-cell a,.cross-metric-cell strong,.cross-total{font-size:6px}.cross-match-count,.cross-metric-cell small{font-size:5px}.cross-caption{-webkit-line-clamp:2}.cross-pagination{display:none}.post-format-icon,.post-thumbnail{width:28px;height:25px}.post-identity strong,.post-identity a{font-size:8px}.post-identity div>span{font-size:7px;margin-top:2px}.insights-list{gap:6px;margin-bottom:7px}.insights-list li{font-size:9px;line-height:1.4}.panel-footnote{font-size:8px;line-height:1.4;margin-top:6px}.perf-footer{margin-top:7px;font-size:8px}}@media (prefers-reduced-motion: reduce){.performance-app *,.performance-app *:before{animation:none!important;transition:none!important}.reveal-item{opacity:1;transform:none}}.login-page{--login-burgundy: #7a0628;min-height:100vh;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(249,246,248,.94)),#f7f4f6;color:#29242a;font-family:Inter,Outfit,Segoe UI,sans-serif}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(rgba(112,38,62,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(112,38,62,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%)}.login-glow{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(2px)}.login-glow-left{width:430px;height:430px;left:-150px;top:-170px;background:radial-gradient(circle,rgba(150,14,53,.11),transparent 69%)}.login-glow-right{width:520px;height:520px;right:-210px;bottom:-230px;background:radial-gradient(circle,rgba(237,0,39,.08),transparent 68%)}.login-card{width:min(440px,100%);padding:44px 42px 40px;border:1px solid #e7dfe3;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 24px 65px #431c2b1c,0 3px 10px #431c2b0d;animation:login-card-enter .5s cubic-bezier(.22,1,.36,1) both}.login-brand{margin-bottom:32px;text-align:center}.login-brand img{display:block;width:180px;height:50px;margin:0 auto 22px;object-fit:cover;image-rendering:-webkit-optimize-contrast}.login-brand h1{max-width:340px;margin:0 auto;color:#2d272d;font-size:25px;font-weight:750;line-height:1.22;letter-spacing:-.55px}.login-brand p{margin:9px 0 0;color:#8f848a;font-size:13px}.login-field{display:block;margin-bottom:18px}.login-field>span:first-child{display:block;margin-bottom:7px;color:#665c62;font-size:12px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.login-input{height:49px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #dfd7db;border-radius:9px;background:#fbfafb;color:#9a8f95;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.login-input:focus-within{border-color:#a83a58;background:#fff;box-shadow:0 0 0 3px #8b0d3114}.login-input.has-error{border-color:#d95b70}.login-input input{min-width:0;flex:1;height:100%;padding:0;border:0;outline:0;background:transparent;color:#302a2f;font:inherit;font-size:14px}.login-input input::placeholder{color:#aaa1a6}.password-toggle{flex:0 0 auto;padding:4px;border:0;border-radius:5px;background:transparent;color:#988d93;cursor:pointer}.password-toggle:hover{color:var(--login-burgundy);background:#f5ecef}.password-toggle:focus-visible,.login-submit:focus-visible{outline:2px solid #9e274b;outline-offset:3px}.login-error{margin:-5px 0 15px;color:#bd2948;font-size:12px}.login-submit{width:100%;min-height:49px;margin-top:4px;border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#8b062f,#68031f);color:#fff;box-shadow:0 8px 20px #69032033;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.login-submit:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#9d0737,#750424);box-shadow:0 11px 25px #69032040}.login-submit:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}.login-card.is-shaking{animation:login-shake .4s ease}@keyframes login-card-enter{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes login-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}@keyframes login-spin{to{transform:rotate(360deg)}}@media (max-width: 520px){.login-page{padding:18px}.login-card{padding:36px 24px 32px;border-radius:15px}.login-brand h1{font-size:22px}}@media (prefers-reduced-motion: reduce){.login-card,.login-card.is-shaking,.login-submit,.login-spinner{animation:none;transition:none}}:root{--bg-color: #0f1115;--panel-bg: rgba(25, 28, 36, .6);--panel-border: rgba(255, 255, 255, .05);--text-primary: #f0f2f5;--text-secondary: #a0aab2;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--accent-green: #10b981;--fb-color: #1877f2;--ig-color: #e1306c;--yt-color: #ff0000;--tt-color: #00f2fe}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(59,130,246,.12),transparent 30%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.12),transparent 30%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.05),transparent 40%)}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:linear-gradient(180deg,rgba(18,20,28,.98) 0%,rgba(12,14,20,.99) 100%);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;padding:1.8rem 0;position:sticky;top:0;height:100vh;overflow-y:auto;box-shadow:4px 0 24px #0000004d;z-index:10}.sidebar-logo{padding:0 1.5rem 1.8rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:1.2rem}.sidebar-logo h1{font-size:calc(1.05rem + 2px);font-weight:800;background:linear-gradient(135deg,#ffffff 0%,#a0aab2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.3px;line-height:1.3}.sidebar-logo p{font-size:calc(.68rem + 2px);color:var(--text-secondary);letter-spacing:1.5px;text-transform:uppercase;margin-top:.25rem}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem;flex:1}.nav-item{display:flex;align-items:center;gap:.85rem;padding:.8rem 1rem;border-radius:12px;cursor:pointer;color:var(--text-secondary);font-size:calc(.88rem + 2px);font-weight:500;transition:all .2s ease;border:1px solid transparent;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;opacity:0;transition:opacity .2s ease}.nav-item:hover{color:var(--text-primary);background:rgba(255,255,255,.05)}.nav-item.active{color:#fff;background:linear-gradient(135deg,rgba(59,130,246,.18) 0%,rgba(139,92,246,.14) 100%);border-color:#3b82f640;font-weight:700;box-shadow:0 4px 16px #3b82f61f}.nav-item.active .nav-icon{color:var(--accent-blue);filter:drop-shadow(0 0 6px rgba(59,130,246,.6))}.nav-item .nav-icon{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;transition:all .2s ease}.nav-item .nav-label{flex:1}.nav-item .nav-indicator{width:6px;height:6px;border-radius:50%;background:var(--accent-blue);box-shadow:0 0 6px var(--accent-blue);flex-shrink:0;opacity:0;transition:opacity .2s}.nav-item.active .nav-indicator{opacity:1}.sidebar-footer{padding:1.2rem 1.5rem 0;border-top:1px solid rgba(255,255,255,.05);margin-top:auto}.sidebar-footer p{font-size:calc(.68rem + 2px);color:#a0aab273;letter-spacing:.5px}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(12,14,20,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:9}.top-bar-title{font-size:calc(1.15rem + 2px);font-weight:700;color:var(--text-primary)}.top-bar-title span{color:var(--text-secondary);font-weight:400;font-size:calc(.8rem + 2px);margin-left:.5rem}.page-content{padding:2rem;flex:1}.dashboard-container{max-width:100%}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header h1{font-size:calc(2.8rem + 2px);font-weight:800;background:linear-gradient(135deg,#ffffff 0%,#a0aab2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;text-shadow:0 4px 20px rgba(255,255,255,.1)}.glass-panel{background:linear-gradient(145deg,rgba(30,34,45,.7) 0%,rgba(20,22,28,.8) 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.8rem;box-shadow:0 8px 32px #0003;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease,border-color .3s ease}.glass-panel:hover{transform:translateY(-4px);box-shadow:0 15px 45px #0000004d;border-color:#ffffff26}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{display:flex;flex-direction:column;gap:.5rem}.kpi-title{color:var(--text-secondary);font-size:calc(.9rem + 2px);font-weight:500;text-transform:uppercase;letter-spacing:1px}.kpi-value{font-size:calc(2rem + 2px);font-weight:700;color:var(--text-primary)}.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 1024px){.chart-grid{grid-template-columns:1fr}}.chart-container{height:400px;width:100%}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0}th,td{padding:1.2rem 1rem;text-align:left}th{color:var(--text-secondary);font-weight:600;font-size:calc(.8rem + 2px);text-transform:uppercase;letter-spacing:1.5px;border-bottom:2px solid rgba(255,255,255,.05);background-color:#0003}th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}td{border-bottom:1px solid rgba(255,255,255,.03);font-size:calc(.95rem + 2px);color:#e2e8f0}tr{transition:background-color .2s ease}tr:hover td{background-color:#ffffff08}.refresh-btn{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:opacity .3s ease,transform .2s ease}.refresh-btn:hover{opacity:.9;transform:scale(1.05)}.refresh-btn:active{transform:scale(.95)}.spinner{border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top:3px solid var(--accent-blue);width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.platform-badge{padding:.25rem .75rem;border-radius:999px;font-size:calc(.8rem + 2px);font-weight:600;display:inline-block}.badge-fb{background:rgba(24,119,242,.2);color:#1877f2}.badge-ig{background:rgba(225,48,108,.2);color:#e1306c}.badge-yt{background:rgba(255,0,0,.2);color:red}.badge-tt{background:rgba(0,242,254,.2);color:#00f2fe}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-color);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:50;color:var(--text-primary);gap:1rem}.loading-screen .spinner{width:50px;height:50px;border-top-color:var(--accent-purple)}.metric-box{background:linear-gradient(to bottom right,rgba(255,255,255,.03),rgba(255,255,255,.01));border-radius:12px;padding:1.2rem;display:flex;flex-direction:column;gap:.5rem;border:1px solid rgba(255,255,255,.04);transition:all .3s ease;position:relative;overflow:hidden}.metric-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .5s ease}.metric-box:hover{background:linear-gradient(to bottom right,rgba(255,255,255,.05),rgba(255,255,255,.02));border-color:#ffffff1a;transform:scale(1.02)}.metric-box:hover:before{transform:translate(100%)}.metric-box span{font-size:calc(.75rem + 2px);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600}.metric-box strong{font-size:calc(1.8rem + 2px);color:var(--text-primary);font-weight:700;letter-spacing:-.5px}input[type=date]{color-scheme:dark;transition:border-color .3s ease,box-shadow .3s ease;font-family:inherit;border:1px solid rgba(255,255,255,.1)!important}input[type=date]:focus{border-color:var(--accent-blue)!important;box-shadow:0 0 0 2px #3b82f633}h2{background:linear-gradient(90deg,#fff,#a0aab2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;letter-spacing:-.5px}