*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b1219;--bg2:#111d29;--bg3:#162533;--bg4:#1c2e3f;--teal:#00bfa6;--teal-dim:#00bfa61f;--teal-mid:#00bfa640;--coral:#ff6b5a;--coral-dim:#ff6b5a1f;--amber:#ffb547;--amber-dim:#ffb5471f;--purple:#a78bfa;--purple-dim:#a78bfa1f;--blue:#60a5fa;--blue-dim:#60a5fa1f;--pink:#f472b6;--pink-dim:#f472b61f;--text1:#f0f5f3;--text2:#94a8b3;--text3:#5a7080;--border:#ffffff0f;--border2:#ffffff1a;--success:#34d399;--danger:#f87171;--radius:12px;--font:"Segoe UI", "Helvetica Neue", sans-serif;--mono:"Courier New", monospace}html,body,#root{min-height:100vh;background:radial-gradient(at 20% 10%,#0d2137 0%,#0a1628 35%,#0b0f1a 70%,#080b14 100%) fixed!important}body{font-family:var(--font);color:var(--text1);overflow-x:hidden}.app{background:0 0;min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:linear-gradient(#0d1420 0%,#080c15 100%);border-right:1px solid #00c9a714;flex-direction:column;width:220px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.logo{cursor:pointer;border-bottom:1px solid #00c9a70f;align-items:center;gap:9px;margin-bottom:8px;padding:20px 16px 16px;display:flex}.logo-text{letter-spacing:-.3px;color:var(--text1);font-size:16px;font-weight:700}.logo-text span{color:var(--teal)}.nav{flex:1;padding:8px 0}.nav-section{margin-bottom:4px}.nav-section-label{text-transform:uppercase;letter-spacing:.15em;color:#00c9a780;padding:24px 16px 5px;font-size:10px;font-weight:600}.nav-item{cursor:pointer;color:#ffffff73;width:100%;height:36px;font-size:13px;font-weight:500;font-family:var(--font);-webkit-user-select:none;user-select:none;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:0;align-items:center;gap:9px;padding:0 16px;transition:background .12s,color .12s;display:flex}.nav-item:hover{color:#fffc;background:#ffffff0a;border-radius:0 8px 8px 0}.nav-item.active{color:#00c9a7;background:linear-gradient(90deg,#00c9a71f 0%,#00c9a705 100%);border-left:3px solid #00c9a7;border-radius:0 8px 8px 0;box-shadow:inset 0 0 20px #00c9a70d}.nav-item svg{opacity:.6;flex-shrink:0}.nav-item.active svg{opacity:1}.sidebar-footer{border-top:1px solid #00c9a70f;padding:16px 0 8px}.nav-logout:hover{color:var(--coral)!important;background:#ff6b5a14!important}.nav-logout:hover svg{opacity:1!important}.main{flex:1;min-width:0;margin-left:220px;padding-top:56px}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:5;background:#0a0f1ee6;border-bottom:1px solid #00c9a714;justify-content:space-between;align-items:center;height:60px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-title{font-size:16px;font-weight:600}.topbar-right{align-items:center;gap:12px;display:flex}.date-picker{background:var(--bg3);color:var(--text2);cursor:pointer;border:1px solid var(--border2);border-radius:8px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;display:flex}.btn-export{cursor:pointer;background:var(--teal);color:var(--bg);border:none;border-radius:8px;padding:7px 16px;font-size:12px;font-weight:600;transition:all .15s}.btn-export:hover{opacity:.9}.btn-glow-teal:hover{transition:box-shadow .2s;box-shadow:0 0 20px #00c9a759,0 0 40px #00c9a726!important}.content{padding:24px 32px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);background:#0d1b2a99;border:1px solid #00c9a714}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{font-size:14px;font-weight:600}.card-subtitle{color:var(--text3);margin-top:2px;font-size:11px}.card-body{padding:20px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.metric-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:relative;overflow:hidden}.metric-card:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.metric-card.teal:before{background:var(--teal)}.metric-card.coral:before{background:var(--coral)}.metric-card.amber:before{background:var(--amber)}.metric-card.purple:before{background:var(--purple)}.metric-card.pink:before{background:var(--pink)}.metric-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:500}.metric-value{font-size:28px;font-weight:700;font-family:var(--mono);letter-spacing:-1px;margin-bottom:8px}.metric-change{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.metric-change.up{color:var(--success);background:#34d3991f;box-shadow:0 0 8px #00c9a74d}.metric-change.down{color:var(--danger);background:#f871711f;box-shadow:0 0 8px #ef44444d}.metric-sub{color:var(--text3);margin-top:4px;font-size:11px}.sparkline{align-items:flex-end;gap:2px;height:30px;margin-top:8px;display:flex}.spark-bar{background:var(--teal);opacity:.4;border-radius:2px;width:4px}.spark-bar.last{opacity:1}.charts-row{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px;display:grid}.chart-area{align-items:flex-end;gap:3px;height:200px;padding-top:20px;display:flex}.chart-bar-group{flex:1;align-items:flex-end;gap:2px;display:flex}.chart-bar{cursor:pointer;border-radius:3px 3px 0 0;min-width:8px;transition:all .3s}.chart-bar.google{background:var(--blue);opacity:.8}.chart-bar.meta{background:var(--purple);opacity:.8}.chart-bar:hover{opacity:1}.chart-labels{color:var(--text3);justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.chart-legend{gap:16px;display:flex}.legend-item{color:var(--text2);align-items:center;gap:6px;font-size:11px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.roas-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.roas-item{background:var(--bg3);text-align:center;border-radius:8px;padding:14px}.roas-channel{color:var(--text3);margin-bottom:6px;font-size:11px}.roas-val{font-size:22px;font-weight:700;font-family:var(--mono)}.roas-label{color:var(--text3);margin-top:2px;font-size:10px}.alert-card{background:var(--bg2);border-radius:var(--radius);border:1px solid #ff6b5a33;align-items:flex-start;gap:14px;margin-bottom:24px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.alert-card:before{content:"";background:var(--coral);height:2px;position:absolute;top:0;left:0;right:0}.alert-icon{background:var(--coral-dim);width:36px;height:36px;color:var(--coral);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.alert-content{flex:1}.alert-title{color:var(--coral);margin-bottom:4px;font-size:13px;font-weight:600}.alert-desc{color:var(--text2);font-size:12px;line-height:1.5}.alert-time{color:var(--text3);margin-top:6px;font-size:10px}.alert-action{border:1px solid var(--coral);color:var(--coral);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-self:center;padding:6px 14px;font-size:11px;font-weight:600}.ai-badge{background:var(--teal-dim);color:var(--teal);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:flex}.ai-dot{background:var(--teal);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulse}.ai-text{color:var(--text2);font-size:14px;line-height:1.7}.ai-text strong{color:var(--text1);font-weight:600}.ai-highlight{color:var(--teal);font-weight:600}.ai-warn{color:var(--coral);font-weight:600}.ai-text p{margin-bottom:12px}.ai-text p:last-child{margin-bottom:0}.channel-table{width:100%}.channel-row{border-bottom:1px solid var(--border);grid-template-columns:120px 1fr 80px;align-items:center;gap:12px;padding:12px 0;display:grid}.channel-row:last-child{border-bottom:none}.channel-name{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.channel-icon{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.channel-icon.google{background:var(--blue-dim);color:var(--blue)}.channel-icon.meta{background:var(--purple-dim);color:var(--purple)}.channel-bar-wrap{background:var(--bg);border-radius:4px;height:8px;overflow:hidden}.channel-bar-fill{border-radius:4px;height:100%}.channel-value{font-size:13px;font-weight:600;font-family:var(--mono);text-align:right}.tv-metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.reclaim-banner{background:linear-gradient(135deg, var(--teal-dim) 0%, #00bfa60a 100%);border:1px solid var(--teal-mid);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:24px;padding:18px 22px;display:flex}.reclaim-content h3{color:var(--teal);margin-bottom:4px;font-size:14px;font-weight:700}.reclaim-content p{color:var(--text2);font-size:12px;line-height:1.5}.reclaim-amount{color:var(--teal);font-size:28px;font-weight:700;font-family:var(--mono);letter-spacing:-1px}.channel-monitor{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:16px}.channel-monitor-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;font-size:14px;font-weight:600;display:flex}.live-status{color:var(--success);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.live-dot{background:var(--success);border-radius:50%;width:6px;height:6px;animation:2s infinite pulseLive}.channel-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.channel-card{background:var(--bg3);border-radius:8px;padding:14px}.channel-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.channel-card-name{font-size:13px;font-weight:700}.status-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulseLive}.channel-card-status{margin-bottom:4px;font-size:11px;font-weight:600}.channel-card-time{color:var(--text3);font-size:10px;font-family:var(--mono)}.channel-card-detail{color:var(--text3);margin-top:8px;font-size:10px}.plan-vs-actual{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.plan-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.plan-channel-row{border-bottom:1px solid var(--border);grid-template-columns:80px 1fr 100px;align-items:center;gap:12px;padding:10px 0;display:grid}.plan-channel-row:last-child{border-bottom:none}.plan-ch-name{font-size:12px;font-weight:600}.plan-bar{background:var(--bg);border-radius:4px;height:20px;position:relative;overflow:hidden}.plan-actual{border-radius:4px;height:100%}.plan-actual.good{background:var(--success)}.plan-actual.warn{background:var(--amber)}.plan-actual.bad{background:var(--coral)}.plan-stats{text-align:right;font-size:11px;font-family:var(--mono);font-weight:600}.competitor-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.comp-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.comp-row:last-child{border-bottom:none}.comp-brand{align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.comp-avatar{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.comp-stats{align-items:center;gap:16px;display:flex}.comp-stat{text-align:right}.comp-stat-val{font-size:13px;font-weight:700;font-family:var(--mono)}.comp-stat-lbl{color:var(--text3);font-size:10px}.detection-log{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px}.log-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.log-table{border-collapse:collapse;width:100%}.log-table thead tr{background:var(--bg3)}.log-table th{text-align:left;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;padding:10px 16px;font-size:11px;font-weight:600}.log-table td{border-top:1px solid var(--border);padding:12px 16px;font-size:12px}.log-table tr:hover td{background:var(--bg3)}.log-thumb{width:56px;height:32px;color:var(--pink);background:linear-gradient(135deg,#1a2f3f,#0d1b25);border-radius:4px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.log-channel-badge{border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.log-channel-badge.atv{color:#ef4444;background:#dc262626}.log-channel-badge.kanald{color:var(--blue);background:#60a5fa26}.log-channel-badge.showtv{color:var(--amber);background:#eab30826}.log-channel-badge.star{color:var(--purple);background:#a78bfa26}.log-channel-badge.trt{color:var(--success);background:#34d39926}.log-time{font-family:var(--mono);color:var(--text2)}.log-slot{border-radius:3px;padding:2px 8px;font-size:11px;font-weight:600}.log-slot.prime{background:var(--teal-dim);color:var(--teal)}.log-slot.day{background:var(--amber-dim);color:var(--amber)}.log-slot.night{color:var(--text3);background:#64788726}.log-match{font-family:var(--mono);color:var(--success);font-size:11px}.log-status{font-size:11px;font-weight:600}.log-status.verified{color:var(--success)}.log-status.warn{color:var(--amber)}.budget-bar-wrap{background:var(--bg);border-radius:5px;height:10px;margin:8px 0;overflow:hidden}.budget-bar-fill{border-radius:5px;height:100%}.benchmark-metric-row{border-bottom:1px solid var(--border);padding:16px 0}.benchmark-metric-row:last-child{border-bottom:none}.report-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.report-row:last-child{border-bottom:none}.team-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 20px;display:flex}.team-row:last-child{border-bottom:none}.team-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.integration-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 20px;display:flex}.integration-row:last-child{border-bottom:none}.int-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.sbadge-success{color:var(--success);background:#34d39926;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:700;box-shadow:0 0 8px #00c9a74d}.sbadge-default{color:var(--text3);background:#64788726;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:700}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.settings-row:last-child{border-bottom:none}.toggle{background:var(--bg3);cursor:pointer;border:none;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle.on{background:var(--teal)}.toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;left:3px}.toggle.on:after{left:21px}.sinput{width:100%;font-size:13px;font-family:var(--font);outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s;color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:10px!important}.sinput:focus{box-shadow:0 0 0 3px #00c9a71a;border-color:#00c9a780!important}.loading{color:var(--text3);justify-content:center;align-items:center;padding:60px;font-size:14px;display:flex}@keyframes pulseLive{0%,to{opacity:1}50%{opacity:.6}}@keyframes badgeDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.fade-in{animation:.25s fadeIn}.cmp-table{border-collapse:collapse;table-layout:auto;width:100%}.cmp-table thead tr{background:#00c9a70d}.cmp-table th{text-align:left;color:#00c9a7b3;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-bottom:1px solid #00c9a71a;padding:10px 16px;font-size:11px;font-weight:600}.cmp-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:13px 16px;font-size:13px}.cmp-table tr:last-child td{border-bottom:none}.cmp-table tr.hover-row:hover td,.cmp-table tbody tr:hover td{background:#ffffff05}.cmp-table .col-num{text-align:right;font-family:var(--mono)}.cmp-table th.col-num{text-align:right;font-family:var(--font)}.cmp-table .col-center,.cmp-table th.col-center{text-align:center}.resp-grid-2{grid-template-columns:1fr 1fr;display:grid}.resp-grid-3{grid-template-columns:repeat(3,1fr);display:grid}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.menu-toggle{cursor:pointer;color:#fff9;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;transition:background .12s,color .12s;display:none}.menu-toggle:hover{color:#ffffffe6;background:#ffffff12}.app-header{height:56px;padding:0 24px;position:fixed;top:0;left:220px;right:0}.sidebar-backdrop{z-index:9;cursor:pointer;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .25s;display:none;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.notif-dropdown{width:340px}@media (width>=769px) and (width<=1024px){.sidebar{width:60px;overflow:visible}.sidebar .logo{justify-content:center;padding:20px 0 16px}.sidebar .logo-text,.sidebar .nav-section-label{display:none}.sidebar .nav-item{justify-content:center;height:40px;padding:0}.sidebar .nav-item>span{display:none}.sidebar .nav-item svg{opacity:.7}.sidebar .nav-item.active svg{opacity:1}.sidebar-brand-chip{display:none!important}.sidebar-footer .nav-item{justify-content:center;padding:0}.sidebar-footer .nav-item>span{display:none}.app-header{left:60px}.main{margin-left:60px}}@media (width<=768px){.sidebar{z-index:100;width:240px;transition:transform .25s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{display:block}.menu-toggle{display:flex}.app-header{padding:0 16px;left:0}.main{margin-left:0}.metrics{grid-template-columns:repeat(2,1fr);gap:12px}.charts-row{grid-template-columns:1fr}.tv-metrics{grid-template-columns:repeat(2,1fr);gap:12px}.plan-vs-actual{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,1fr)!important}.content{padding:16px}.topbar{padding:0 16px}.topbar-title{font-size:14px}.card-body{padding:14px;overflow-x:auto}.metric-value{font-size:22px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.detection-log{overflow-x:auto}.log-table{min-width:560px}.cmp-table{table-layout:auto;min-width:480px}.resp-grid-2{grid-template-columns:1fr}.resp-grid-3{grid-template-columns:1fr 1fr}.notif-dropdown{width:calc(100vw - 32px);max-width:340px;right:-4px!important}.header-user-sub{display:none}.nav-item{min-height:40px}.btn-export{min-height:44px;padding:10px 16px}.alert-action{min-height:44px}}@media (width<=480px){.metrics,.tv-metrics{grid-template-columns:1fr}.roas-grid{grid-template-columns:1fr 1fr}.topbar-right{gap:8px}.resp-grid-2,.resp-grid-3{grid-template-columns:1fr}}