@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.left-2{left:.5rem}.right-0{right:0}.right-4{right:1rem}.top-4{top:1rem}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-6{margin-bottom:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-9{height:2.25rem}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-\[300px\]{max-height:300px}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.translate-y-1{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-l{border-left-width:1px}.border-\[var\(--border\)\]{border-color:var(--border)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-black\/50{background-color:#00000080}.p-1{padding:.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tracking-wider{letter-spacing:.05em}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:opacity-100:hover{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}:root{--bg-primary: #F0F2F8;--bg-secondary: #FFFFFF;--bg-tertiary: #F8F9FC;--bg-hover: #F1F4FF;--bg-card: #FFFFFF;--border: #E2E8F0;--border-focus: #5B6CF9;--text-primary: #1A202C;--text-secondary: #64748B;--text-muted: #A0AEC0;--accent-blue: #5B6CF9;--accent-green: #10B981;--accent-red: #EF4444;--accent-yellow: #F59E0B;--accent-purple: #8B5CF6;--accent-orange: #F97316;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 8px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-xl: 0 20px 40px rgba(0,0,0,.12);--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--header-row1-bg: #0D1117;--header-row2-bg: #141C27;--header-text: #F1F5F9;--header-muted: #64748B;--header-border: rgba(255,255,255,.06);--header-ctrl-bg: rgba(255,255,255,.06);--header-ctrl-hover: rgba(255,255,255,.1);--header-ctrl-border: rgba(255,255,255,.1);--kpi-bg: #0F1520;--kpi-card-bg: #141A24;--kpi-card-border: #1F2733;--kpi-card-border-hover: #1877F2;--kpi-text: #F1F5F9;--kpi-muted: #64748B;--kpi-value-size: 32px;--meta-blue: #1877F2;--meta-gradient: linear-gradient(135deg, #1877F2 0%, #42A5F5 100%);--tiktok-cyan: #69C9D0;--tiktok-magenta: #EE1D52;--tiktok-gradient: linear-gradient(135deg, #69C9D0 0%, #EE1D52 100%);--google-ads: #4285F4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}.sensitive-hidden{filter:blur(8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transition:filter .3s}.sensitive-visible{filter:blur(0);transition:filter .3s}.header-v3{flex-shrink:0;position:sticky;top:0;z-index:100;height:64px;background:linear-gradient(100deg,#08162a,#0c1e3a 60%,#0a1830);border-bottom:1px solid rgba(24,119,242,.22);box-shadow:0 2px 20px #00000059,0 1px #1877f21a;display:flex;align-items:center;padding:0 24px;gap:0}.header-v3:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1877f2,#42a5f5,#1877f2);opacity:.75}.hv3-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.hv3-logo-box{width:40px;height:40px;border-radius:10px;background:#1877f2;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 16px #1877f266}.hv3-title-area{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.hv3-title{display:flex;align-items:baseline;gap:6px}.hv3-title-main{font-size:16px;font-weight:800;color:#f0f4ff;letter-spacing:-.3px}.hv3-title-dot{color:#1877f299;font-weight:400;font-size:14px}.hv3-title-sub{font-size:13px;font-weight:500;color:#7a9cc8}.hv3-subtitle{font-size:11px;color:#4d7aaa;font-weight:500;letter-spacing:.01em}.hv3-divider{width:1px;height:26px;background:#ffffff14;flex-shrink:0}.hv3-status{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;flex-shrink:0;transition:all .15s}.hv3-status--on{background:#10b9811a;border:1px solid rgba(16,185,129,.22);color:#10b981}.hv3-status--off{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#4d6680}.hv3-status-dot{width:6px;height:6px;border-radius:50%;background:#475569;flex-shrink:0}.hv3-status-dot--on{background:#10b981;box-shadow:0 0 5px #10b981b3}.hv3-controls{display:flex;align-items:center;gap:7px;margin-left:auto;flex-wrap:nowrap}.header-v3 .select{background:#ffffff0f;border:1px solid rgba(24,119,242,.2);color:#c8d9f0;font-size:12.5px;padding:6px 26px 6px 10px;min-width:0;box-shadow:none;border-radius:8px}.header-v3 .select:hover{background:#1877f21f;border-color:#1877f259;color:#e8f0ff}.header-v3 .select:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f240}.header-v3 .select option{background:#0d1f3c;color:#e8f0ff}.header-v3 .select-wrapper:after{border-top-color:#4d7aaa}.header-v3 .account-select-btn{background:#ffffff0f;border:1px solid rgba(24,119,242,.2);color:#c8d9f0;font-size:12.5px;padding:6px 10px;box-shadow:none;border-radius:8px}.header-v3 .account-select-btn:hover{background:#1877f21f;border-color:#1877f259;color:#e8f0ff}.header-v3 .account-dropdown{background:#0d1f3c;border:1px solid rgba(24,119,242,.2);box-shadow:0 8px 24px #0006}.header-v3 .account-option{color:#7a9cc8}.header-v3 .account-option:hover{background:#1877f21a;color:#e8f0ff}.header-v3 .account-option--checked{color:#e8f0ff}.header-v3 .toggle-btn{background:#ffffff0f;border:1px solid rgba(24,119,242,.2);color:#7a9cc8;padding:6px 10px;font-size:12.5px;box-shadow:none;border-radius:8px}.header-v3 .toggle-btn:hover{background:#1877f21f;border-color:#1877f259;color:#e8f0ff}.header-v3 .toggle-btn.active{background:#1877f2;border-color:#1877f2;color:#fff;box-shadow:0 2px 10px #1877f273}.header-v3 .date-input{background:#ffffff0f;border:1px solid rgba(24,119,242,.2);color:#c8d9f0;font-size:12.5px;padding:6px 10px;box-shadow:none;border-radius:8px}.header-v3 .date-input:hover{background:#1877f21f;border-color:#1877f259}.header-v3 .date-input:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f240}.kpi-section{background:transparent;padding:0;flex-shrink:0}.platform-pills{display:flex;gap:6px;margin-bottom:16px}.platform-pill{display:flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#94a3b8;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.platform-pill:hover{background:#ffffff14;color:#f1f5f9}.platform-pill--active{background:var(--meta-blue);border-color:var(--meta-blue);color:#fff;box-shadow:0 2px 8px #1877f259}.header-logo{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;color:var(--accent-blue);white-space:nowrap;letter-spacing:-.3px}.select-wrapper{position:relative}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:7px 32px 7px 12px;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;min-width:170px;transition:all .15s;box-shadow:var(--shadow-sm)}.select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #5b6cf91f}.select:hover{border-color:var(--accent-blue);background:#fff}.select-wrapper:after{content:"";position:absolute;right:11px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-muted);pointer-events:none}.account-select-btn{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:7px 12px;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s;min-width:150px;max-width:260px;box-shadow:var(--shadow-sm)}.account-select-btn:hover{border-color:var(--accent-blue);background:#fff}.account-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:200;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-lg);min-width:250px;max-width:320px;max-height:300px;overflow-y:auto;box-shadow:var(--shadow-lg);padding:6px}.account-option{display:flex;align-items:center;gap:10px;padding:9px 10px;cursor:pointer;font-size:13px;color:var(--text-secondary);border-radius:var(--radius);transition:all .1s}.account-option:hover{background:var(--bg-hover);color:var(--text-primary)}.account-option--checked{color:var(--text-primary);font-weight:500}.toggle-btn{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);padding:7px 12px;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;box-shadow:var(--shadow-sm)}.toggle-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:var(--bg-hover)}.toggle-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 3px 10px #5b6cf94d}.tab-nav{display:flex;gap:0;background:#fff;border-bottom:1px solid var(--border);padding:0 28px;flex-shrink:0;box-shadow:0 1px 0 var(--border)}.tab-btn{background:none;border:none;border-bottom:2.5px solid transparent;color:var(--text-muted);padding:14px 18px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;letter-spacing:.01em}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.main-content{flex:1;padding:20px 28px 40px;display:flex;flex-direction:column;min-height:0}.metrics-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px;margin-bottom:18px;flex-shrink:0}.metric-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-sm);transition:all .2s;position:relative;overflow:hidden;min-width:0}.metric-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-blue);opacity:0;transition:opacity .2s;border-radius:0 2px 2px 0}.metric-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-1px)}.metric-card:hover:before{opacity:1}.metric-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.metric-card-header{display:flex;align-items:center;gap:5px;margin-bottom:5px}.metric-card-icon{width:12px;height:12px;color:var(--text-muted);flex-shrink:0;opacity:.6}.metric-card-label{font-size:10.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.metric-card-value{font-size:20px;font-weight:800;color:var(--text-primary);line-height:1.15;letter-spacing:-.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metric-card-trend{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;width:-moz-fit-content;width:fit-content}.metric-card-trend.positive{color:var(--accent-green);background:#10b98114}.metric-card-trend.negative{color:var(--accent-red);background:#ef444414}.metric-card-trend.neutral{color:var(--text-muted);background:var(--bg-tertiary)}.metric-card-sparkline{flex-shrink:0;margin-top:2px;opacity:.95;max-width:72px;overflow:hidden}.metric-card-tooltip-anchor{position:relative;display:inline-flex;align-items:center;margin-left:4px;vertical-align:middle}.metric-card-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted);font-size:8px;font-weight:800;cursor:help;line-height:1;flex-shrink:0;transition:background .15s,border-color .15s}.metric-card-tooltip-anchor:hover .metric-card-tooltip-icon{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.metric-card-tooltip-box{position:fixed;background:#1e293b;color:#e2e8f0;font-size:12px;font-weight:400;line-height:1.6;padding:10px 13px;border-radius:8px;width:250px;white-space:normal;text-transform:none;letter-spacing:0;box-shadow:0 8px 28px #00000040;z-index:9999;pointer-events:none;animation:tooltipFade .12s ease}@keyframes tooltipFade{0%{opacity:0;transform:translateY(calc(-100% + 4px))}to{opacity:1;transform:translateY(-100%)}}.metric-card-tooltip-box:after{content:"";position:absolute;top:100%;left:20px;border:5px solid transparent;border-top-color:#1e293b}.metric-card[draggable=true]{cursor:grab}.metric-card[draggable=true]:active{cursor:grabbing}.metric-card--dragging{opacity:.35;transform:scale(.97)!important}.metric-card--drag-over{border-color:var(--accent-blue)!important;box-shadow:0 0 0 2px #5b6cf940!important;transform:translateY(-2px)!important}.health-banner{margin-bottom:12px;flex-shrink:0}.health-banner-bar{display:flex;height:5px;border-radius:3px;overflow:hidden;background:var(--bg-tertiary);margin-bottom:8px}.health-banner-segment{transition:width .5s ease;min-width:5px}.health-banner-labels{display:flex;gap:16px;flex-wrap:wrap}.health-banner-label{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600}.health-banner-icon{font-size:10px}.health-banner-count{font-weight:800}.health-banner-text{opacity:.75;font-weight:500}.audit-panel{margin-bottom:12px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-sm)}.audit-panel-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:none;border:none;color:var(--text-primary);cursor:pointer;font-family:inherit;transition:background .15s}.audit-panel-header:hover{background:var(--bg-tertiary)}.audit-panel-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-primary)}.audit-panel-icon{font-size:16px}.audit-panel-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700}.audit-panel-badge-ok{background:#10b9811a;color:var(--accent-green)}.audit-panel-badge-critical{background:#ef44441a;color:var(--accent-red)}.audit-panel-badge-warning{background:#f59e0b1a;color:var(--accent-yellow)}.audit-panel-badge-opportunity{background:#10b9811a;color:var(--accent-green)}.audit-panel-chevron{color:var(--text-muted);transition:transform .2s;flex-shrink:0}.audit-panel-chevron.rotated{transform:rotate(180deg)}.audit-panel-body{padding:0 12px 12px;display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;animation:auditSlideIn .2s ease}@keyframes auditSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.audit-card{transition:transform .15s,box-shadow .15s}.audit-card-clickable:hover{transform:translate(3px)}.audit-card-clickable:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.audit-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.audit-card-severity{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.audit-card-severity-icon{font-size:12px}.audit-card-entity{font-size:11px;color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-card-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.audit-card-description{font-size:12px;color:var(--text-secondary);line-height:1.45;margin-bottom:6px}.audit-card-action{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--accent-blue)}.table-container{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0;box-shadow:var(--shadow-sm)}.table-toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-tertiary);flex-shrink:0}.table-search-wrapper{position:relative;flex:1;max-width:300px}.table-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.table-search{width:100%;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:6px 28px 6px 32px;font-size:13px;font-family:inherit;font-weight:500;transition:all .15s;box-shadow:var(--shadow-sm)}.table-search:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #5b6cf91a}.table-search::-moz-placeholder{color:var(--text-muted)}.table-search::placeholder{color:var(--text-muted)}.table-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:2px 4px}.table-search-clear:hover{color:var(--text-primary)}.table-toolbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.table-result-count{font-size:12px;color:var(--text-secondary);font-weight:500;white-space:nowrap}.table-toolbar-btn{display:flex;align-items:center;gap:5px;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);padding:5px 10px;font-size:12px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;box-shadow:var(--shadow-sm)}.table-toolbar-btn:hover{color:var(--accent-blue);border-color:var(--accent-blue);background:var(--bg-hover)}.status-toggle{display:flex;gap:0;border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;flex-shrink:0;background:#fff;box-shadow:var(--shadow-sm)}.status-toggle-btn{background:transparent;border:none;border-right:1px solid var(--border);color:var(--text-muted);padding:5px 12px;font-size:12px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.status-toggle-btn:last-child{border-right:none}.status-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.status-toggle-btn--active,.status-toggle-btn--active:hover{background:var(--accent-blue);color:#fff}.column-picker{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:6px;min-width:190px;z-index:50;box-shadow:var(--shadow-lg)}.column-picker-item{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .1s;border-radius:var(--radius)}.column-picker-item:hover{background:var(--bg-hover)}.column-picker-item input[type=checkbox]{accent-color:var(--accent-blue);width:14px;height:14px}.column-picker-item input:disabled+span{color:var(--text-muted)}.table-scroll{overflow-x:auto;overflow-y:auto;flex:1;min-height:0}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:2}th{padding:9px 12px;text-align:left;font-weight:700;color:var(--text-muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1.5px solid var(--border);transition:color .1s}th:hover{color:var(--text-primary)}th.sorted{color:var(--accent-blue)}.th-content{display:inline-flex;align-items:center;gap:3px}.sort-indicator{font-size:10px;color:var(--accent-blue)}.sort-indicator-idle{font-size:10px;color:var(--text-muted);opacity:0;transition:opacity .1s}th:hover .sort-indicator-idle{opacity:1}th.th-draggable{cursor:grab}th.th-draggable:active{cursor:grabbing}th.th-col-dragging{opacity:.4}th.th-col-drag-over{background:#5b6cf91a;color:var(--accent-blue);outline:2px solid rgba(91,108,249,.35);outline-offset:-2px}td{padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap;color:var(--text-primary);font-weight:500}tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover td{background:#f5f7ff}tbody tr.row-selected td{background:var(--bg-hover)}th:first-child,td:first-child{position:sticky;left:0;z-index:1;background:#fff;max-width:200px;overflow:hidden;text-overflow:ellipsis}thead th:first-child{background:var(--bg-tertiary);z-index:3}tbody tr:hover td:first-child,tbody tr.row-selected td:first-child{background:#f5f7ff}td:first-child:after,th:first-child:after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:1px;background:var(--border)}.health-header,.health-cell{width:28px;min-width:28px;max-width:28px;text-align:center;padding:0 4px!important}.health-dot{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:9px;font-weight:800}.health-dot.health-excellent{background:#10b9811f;color:var(--accent-green)}.health-dot.health-good{background:#5b6cf91a;color:var(--accent-blue);font-size:6px}.health-dot.health-warning{background:#f59e0b1f;color:var(--accent-yellow);font-size:11px}.health-dot.health-critical{background:#ef44441f;color:var(--accent-red);font-size:11px}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}.status-badge.active{background:#10b9811a;color:var(--accent-green)}.status-badge.paused{background:#f59e0b1a;color:var(--accent-yellow)}.status-badge.error{background:#ef44441a;color:var(--accent-red)}.status-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.spinner-container{display:flex;align-items:center;justify-content:center;flex:1;padding:80px;flex-direction:column;gap:16px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-container{flex:1;display:flex;flex-direction:column;min-height:0;gap:14px}.skeleton-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px;flex-shrink:0}.skeleton-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;height:80px;box-shadow:var(--shadow-sm)}.skeleton-table{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);flex:1;overflow:hidden;box-shadow:var(--shadow-sm)}.skeleton-row{display:flex;gap:16px;padding:11px 14px;border-bottom:1px solid var(--border)}.skeleton-row:first-child{background:var(--bg-tertiary)}.skeleton-cell{height:13px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,#E8ECF4 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:6px;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.date-picker{display:flex;align-items:center;gap:8px}.date-picker .select{min-width:140px}.date-input{background:var(--bg-tertiary);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:7px 10px;font-size:13px;font-family:inherit;font-weight:500;box-shadow:var(--shadow-sm);transition:all .15s}.date-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #5b6cf91a}.empty-state{text-align:center;padding:80px 20px;color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.4}.empty-state-text{font-size:14px;font-weight:500}.error-banner{background:#ef44440f;border:1.5px solid rgba(239,68,68,.25);border-radius:var(--radius);padding:12px 16px;color:var(--accent-red);margin-bottom:14px;font-size:13px;font-weight:500}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--border);font-size:12.5px;font-weight:500;color:var(--text-secondary);flex-shrink:0;background:var(--bg-tertiary)}.pagination-btns{display:flex;gap:6px}.pagination-btn{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:5px 14px;font-size:12px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .15s;box-shadow:var(--shadow-sm)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn:not(:disabled):hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.ranking{font-size:11px;padding:2px 7px;border-radius:6px;font-weight:600}.ranking.above-average{background:#10b9811a;color:var(--accent-green)}.ranking.average{background:#a0aec01f;color:var(--text-secondary)}.ranking.below-average{background:#ef44441a;color:var(--accent-red)}.tab-content-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;animation:tabFadeIn .22s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.summary-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.kpi-item{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:16px;font-weight:800;color:var(--text-primary);line-height:1.2}.detail-diagnostics{margin-bottom:16px}.detail-diagnostics-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.detail-diagnostic-card{padding:9px 12px;border-radius:var(--radius);border-left:3px solid transparent;background:var(--bg-tertiary);margin-bottom:6px}.detail-diagnostic-card.audit-critical{border-left-color:var(--accent-red);background:#ef44440a}.detail-diagnostic-card.audit-warning{border-left-color:var(--accent-yellow);background:#f59e0b0a}.detail-diagnostic-card.audit-opportunity{border-left-color:var(--accent-green);background:#10b9810a}.detail-diagnostic-card.audit-info{border-left-color:var(--accent-blue);background:#5b6cf90a}.detail-diagnostic-header{display:flex;align-items:center;gap:5px;font-size:11px;margin-bottom:3px}.detail-diagnostic-label{font-weight:700;color:var(--text-primary)}.detail-diagnostic-desc{font-size:12px;color:var(--text-secondary);line-height:1.45;margin-bottom:4px}.detail-diagnostic-action{font-size:11px;color:var(--accent-blue);font-weight:600}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-webkit-scrollbar-corner{background:transparent}.detail-panel-backdrop{background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.detail-panel{background:#fff;border-left:1px solid var(--border);box-shadow:-8px 0 32px #0000001a}.app-shell{display:flex;min-height:100vh;background:var(--bg-primary)}.sidebar{width:248px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px 14px;gap:6px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 14px;border-bottom:1px solid var(--border);margin-bottom:12px}.sidebar-brand-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#1877f2,#5b6cf9);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #5b6cf959}.sidebar-brand-name{font-weight:800;font-size:17px;letter-spacing:-.01em;color:var(--text-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--text-secondary);border:1px solid transparent;background:transparent;text-align:left;font-family:inherit;transition:all .15s ease;width:100%}.sidebar-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-primary);font-weight:600;box-shadow:0 1px 2px #0000000a}.sidebar-nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-warning{background:#fef2f2;border:1px solid #FCA5A5;border-radius:12px;padding:12px 14px;margin-bottom:14px;display:flex;flex-direction:column;gap:4px}.sidebar-warning-header{display:flex;align-items:center;gap:6px;color:#b91c1c;font-weight:700;font-size:13px}.sidebar-warning-body{font-size:11.5px;color:#991b1b;line-height:1.4}.sidebar-warning-action{margin-top:6px;padding:7px 10px;background:#fff;border:1px solid #FCA5A5;color:#b91c1c;border-radius:8px;font-size:11.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;justify-content:center;font-family:inherit}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:background .15s;background:#fff}.sidebar-user:hover{background:var(--bg-tertiary)}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-name{font-weight:600;color:var(--text-primary);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.platform-banner{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 24px;border-radius:16px;margin-bottom:16px;position:relative;overflow:visible;box-shadow:var(--shadow-md)}.platform-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;pointer-events:none;border-radius:inherit;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.4),transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.3),transparent 40%)}.platform-banner>*{position:relative;z-index:1}.platform-banner-logo{width:44px;height:44px;border-radius:12px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.platform-banner-text{display:flex;flex-direction:column;gap:2px;color:#fff;text-align:left}.platform-banner-title{font-weight:800;font-size:18px;letter-spacing:-.01em;line-height:1.1}.platform-banner-sub{font-size:12.5px;opacity:.92;line-height:1.3}.platform-banner--meta{background:linear-gradient(135deg,#1877f2,#42a5f5)}.platform-banner--tiktok{background:linear-gradient(135deg,#010101,#25f4ee 45%,#fe2c55)}.platform-banner--shopify{background:linear-gradient(135deg,#5a8f3d,#8bc34a)}.platform-banner--dropi{background:linear-gradient(135deg,#e91e63,#f06292)}.platform-banner--academia{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.platform-banner--all{background:linear-gradient(135deg,#1e293b,#475569)}.lift{transition:transform .18s ease,box-shadow .18s ease}.lift:hover{transform:translateY(-2px) scale(1.005);box-shadow:var(--shadow-lg)}.lift-sm:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.connection-status{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;font-size:12px;box-shadow:var(--shadow-sm)}.connection-status--connected{border-left:3px solid var(--accent-green)}.connection-status--disconnected{border-left:3px solid var(--accent-red)}.connection-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.connection-status-dot.on{background:var(--accent-green);box-shadow:0 0 8px #10b98180}.connection-status-dot.off{background:var(--accent-red)}.kpi-draggable{border-radius:10px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .18s ease,box-shadow .25s cubic-bezier(.34,1.56,.64,1)}.kpi-draggable:hover{transform:translateY(-1px) scale(1.01)}.kpi-draggable--dragging{opacity:.3;transform:scale(.94) rotate(-1.5deg)}.kpi-draggable--over{transform:translateY(-4px) scale(1.02);outline:2px dashed #6366F1;outline-offset:3px;box-shadow:0 10px 24px #6366f140;animation:kpi-pulse .6s ease-in-out infinite}@keyframes kpi-pulse{0%,to{outline-color:#6366f1}50%{outline-color:#a5b4fc}}.bubble-popup{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#fff;border:1px solid var(--border);border-radius:14px;padding:10px 14px;white-space:nowrap;font-size:12.5px;font-weight:600;color:var(--text-primary);box-shadow:0 8px 22px #0000001f;pointer-events:none;animation:bubble-popup-in 3.5s ease-in-out infinite}.bubble-popup:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:#fff;border-right:1px solid var(--border);border-top:1px solid var(--border)}@keyframes bubble-popup-in{0%,30%,to{opacity:0;transform:translateY(-50%) translate(8px)}5%,25%{opacity:1;transform:translateY(-50%) translate(0)}}html[data-theme=dark]{--bg-primary: #0B1220;--bg-secondary: #111827;--bg-tertiary: #1F2937;--bg-hover: #1E293B;--bg-card: #161F2E;--border: #2A3446;--border-focus: #5B6CF9;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--shadow-sm: 0 1px 3px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.25);--shadow-lg: 0 8px 24px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.3);--shadow-xl: 0 20px 40px rgba(0,0,0,.5)}html[data-theme=dark] .sidebar{background:#111827;border-right-color:#1f2937}html[data-theme=dark] body{background:var(--bg-primary)}html[data-theme=dark]{--bg-primary: #0A0E18;--bg-secondary: #0F1420;--bg-tertiary: #1A2030;--bg-hover: #1E2638;--bg-card: #141B2A;--border: #242D42;--border-focus: #6366F1;--text-primary: #F3F5FA;--text-secondary: #C4CAD6;--text-muted: #8B93A4;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 4px 12px rgba(0,0,0,.55);--shadow-lg: 0 8px 24px rgba(0,0,0,.6);--shadow-xl: 0 20px 40px rgba(0,0,0,.7)}html[data-theme=dark] .platform-banner--meta{background:linear-gradient(135deg,#1e3a8a,#1e40af)}html[data-theme=dark] .platform-banner--tiktok{background:linear-gradient(135deg,#0f0f0f,#4a1d5f 45%,#7f1d1d)}html[data-theme=dark] .platform-banner--shopify{background:linear-gradient(135deg,#14532d,#166534)}html[data-theme=dark] .platform-banner--dropi{background:linear-gradient(135deg,#831843,#9f1239)}html[data-theme=dark] .platform-banner--academia{background:linear-gradient(135deg,#3730a3,#5b21b6)}html[data-theme=dark] .platform-banner--all{background:linear-gradient(135deg,#0f172a,#1e293b)}html[data-theme=dark] .sidebar{background:#0f1420;border-right-color:#242d42}html[data-theme=dark] .sidebar-user,html[data-theme=dark] .sidebar-nav-item.active{background:#1a2030}html[data-theme=dark] .sidebar-warning{background:#ef444414;border-color:#ef44444d}html[data-theme=dark] .sidebar-warning-action{background:#1a2030;border-color:#ef444466;color:#fca5a5}html[data-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip{background:#141b2a!important;border-color:#242d42!important;color:#e8ecf3!important}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#1a2030;color:#e8ecf3;border-color:#242d42}html[data-theme=dark] .recharts-cartesian-axis-tick text{fill:#9ca3af!important}html[data-theme=dark] .recharts-cartesian-grid-horizontal line,html[data-theme=dark] .recharts-cartesian-grid-vertical line{stroke:#242d42!important}html[data-theme=dark] .recharts-cartesian-axis-line{stroke:#242d42!important}html[data-theme=dark] .metric-card{background:#141b2a;border-color:#242d42}html[data-theme=dark] .metric-card:hover{background:#1a2030}.kpi-draggable{border-radius:10px;transition:transform .45s cubic-bezier(.32,1.6,.35,1),opacity .25s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.32,1.6,.35,1);will-change:transform,opacity,box-shadow}.kpi-draggable:hover:not(.kpi-draggable--dragging):not(.kpi-draggable--over){transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-draggable--dragging{opacity:.65;transform:scale(.92) rotate(-1.5deg);box-shadow:0 24px 48px #00000038,0 8px 16px #0000001f;cursor:grabbing;animation:none}.kpi-draggable--over{transform:translateY(-8px) scale(1.04);box-shadow:0 16px 32px #6366f14d,0 4px 8px #6366f126,0 0 0 3px #6366f173;outline:none;animation:none}.col-draggable{cursor:grab;transition:transform .35s cubic-bezier(.32,1.6,.35,1),background .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.col-draggable:hover:not(.col-draggable--dragging):not(.col-draggable--over){background:var(--bg-hover)}.col-draggable--dragging{opacity:.5;transform:scale(.94);cursor:grabbing}.col-draggable--over{background:#6366f126;box-shadow:inset 0 -3px #6366f1}html[data-theme=dark] .metric-card,html[data-theme=dark] .empty-state,html[data-theme=dark] .select,html[data-theme=dark] .account-select-btn,html[data-theme=dark] .account-dropdown{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .metric-card:hover,html[data-theme=dark] .select:hover{background:var(--bg-hover)}html[data-theme=dark] .platform-banner{box-shadow:0 8px 24px #0006}html[data-theme=dark] .detail-panel-backdrop{background:#000000a6}html[data-theme=dark] .recharts-surface{background:transparent}html[data-theme=dark] .recharts-text{fill:var(--text-secondary)!important}html[data-theme=dark] .recharts-legend-item-text{color:var(--text-secondary)!important}html[data-theme=dark] table th{color:var(--text-muted)}html[data-theme=dark] table tbody tr{background:transparent}html[data-theme=dark] table tbody tr:hover{background:var(--bg-hover)}html[data-theme=dark] .sidebar-brand-name{color:var(--text-primary)}html[data-theme=dark] .connection-status{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.9)}html[data-theme=dark] ::-webkit-scrollbar{width:10px;height:10px}html[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-primary)}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#334155}html[data-theme=dark] input:disabled,html[data-theme=dark] select:disabled,html[data-theme=dark] textarea:disabled{background:#0f1420;color:var(--text-muted)}html[data-theme=dark] input:focus,html[data-theme=dark] select:focus,html[data-theme=dark] textarea:focus,html[data-theme=dark] button:focus-visible{outline:2px solid rgba(99,102,241,.5);outline-offset:-1px;border-color:var(--border-focus)}html[data-theme=dark] table td{border-color:var(--border)!important}html[data-theme=dark] [style*="background: #fff"]:not([style*=rgba]):not([style*=linear-gradient]){background:var(--bg-card)!important}html[data-theme=dark]{--bg-primary: #141925;--bg-secondary: #1A1F2E;--bg-tertiary: #222938;--bg-hover: #2A3142;--bg-card: #1C2231;--border: #2D3649;--border-focus: #6366F1;--text-primary: #E5E7EB;--text-secondary: #9CA3AF;--text-muted: #6B7280;--shadow-sm: 0 1px 2px rgba(0,0,0,.25);--shadow-md: 0 2px 8px rgba(0,0,0,.3);--shadow-lg: 0 8px 20px rgba(0,0,0,.4);--shadow-xl: 0 16px 32px rgba(0,0,0,.5)}html[data-theme=dark] [style*="background: #fff"]:not([style*=rgba]):not([style*=linear-gradient]){background:transparent!important}html[data-theme=dark] .metric-card,html[data-theme=dark] .sidebar,html[data-theme=dark] .sidebar-user,html[data-theme=dark] .sidebar-nav-item.active{background:var(--bg-card)!important}html[data-theme=dark] input:not([type=date])[style*="background: var(--bg-card)"],html[data-theme=dark] input[type=text],html[data-theme=dark] input[type=email],html[data-theme=dark] input[type=password],html[data-theme=dark] input[type=number],html[data-theme=dark] input[type=tel],html[data-theme=dark] input[type=date],html[data-theme=dark] select,html[data-theme=dark] textarea{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border)}html[data-theme=dark] .sidebar{border-right-color:var(--border)}html[data-theme=dark] .sidebar-nav-item:hover{background:var(--bg-hover)}html[data-theme=dark] .platform-banner{box-shadow:var(--shadow-md)}html[data-theme=dark] table tr td{color:var(--text-primary)}html[data-theme=dark] table thead tr th{color:var(--text-muted)}html[data-theme=dark]{--bg-primary: #0E1422;--bg-secondary: #151B2C;--bg-tertiary: #1A2032;--bg-hover: #212A3E;--bg-card: #141B2C;--border: #242C3E;--text-primary: #E5E7EB;--text-secondary: #9CA3AF;--text-muted: #6B7280}html[data-theme=dark] [style*="background: #fff"]:not([style*=rgba]):not([style*=linear-gradient]),html[data-theme=dark] [style*="background: '#fff'"],html[data-theme=dark] [style*="background: #FFFFFF"]{background:var(--bg-card)!important}html[data-theme=dark] table,html[data-theme=dark] table tr,html[data-theme=dark] table td,html[data-theme=dark] table th{background-color:transparent!important;color:var(--text-primary)}html[data-theme=dark] table thead tr,html[data-theme=dark] table thead th{background-color:var(--bg-tertiary)!important;color:var(--text-muted)!important}html[data-theme=dark] table tbody tr:hover{background-color:var(--bg-hover)!important}html[data-theme=dark] .metric-card{background-color:var(--bg-card)!important;border-color:var(--border)!important}html[data-theme=dark] [style*="background:#fff"],html[data-theme=dark] [style*="background:#FFFFFF"]{background:var(--bg-card)!important}html[data-theme=dark] .sensitive-hidden{filter:blur(8px) brightness(.6)}html[data-theme=dark] .data-table-row,html[data-theme=dark] [class*=campaign-row]{background-color:var(--bg-card)!important}html[data-theme=dark] [style*="background: rgb(239"],html[data-theme=dark] [style*="background: rgb(16"]{background-color:transparent!important}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border)}html[data-theme=dark] [role=dialog],html[data-theme=dark] [class*=popover],html[data-theme=dark] [class*=dropdown]{background-color:var(--bg-card)!important;border-color:var(--border)!important;color:var(--text-primary)}