:root{--rail:#151a27;--rail-hover:#1f2537;--rail-active:#252c40;--rail-text:#9aa3b8;--rail-text-active:#fff;--canvas:#f4f5f7;--card:#fff;--line:#e7e9ee;--line-soft:#f0f1f4;--ink:#111827;--ink-2:#374151;--muted:#6b7280;--faint:#9ca3af;--blue:#2563eb;--blue-soft:#eff4ff;--green:#15a34a;--green-soft:#eafaf0;--amber:#e08c07;--amber-soft:#fff5e5;--red:#dc2626;--red-soft:#fdeded;--violet:#7c3aed;--violet-soft:#f4efff;--radius:12px;--radius-sm:9px;--shadow:0 1px 2px #1018280a, 0 1px 3px #1018280f;--shadow-lg:0 8px 28px #1018281f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--canvas);background:#d4d7de;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#bcc0cb}.shell{min-height:100vh;display:flex}.rail{background:var(--rail);width:220px;color:var(--rail-text);flex-direction:column;flex:0 0 220px;height:100vh;display:flex;position:sticky;top:0}.rail-brand{padding:20px 20px 18px}.rail-logo{letter-spacing:1.5px;color:#fff;font-size:23px;font-weight:800;line-height:1}.rail-tag{color:#6f7893;letter-spacing:.3px;margin-top:5px;font-size:10.5px}.rail-nav{flex:1;padding:4px 10px 20px;overflow-y:auto}.rail-nav::-webkit-scrollbar-thumb{border:2px solid var(--rail);background:#2a3146}.rail-foot{border-top:1px solid #222838;padding:10px 10px 16px}.nav-item{color:var(--rail-text);border-radius:8px;align-items:center;gap:10px;margin-bottom:1px;padding:8px 10px;font-size:13px;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--rail-hover);color:#d9deeb}.nav-item.active{background:var(--rail-active);color:var(--rail-text-active);font-weight:600}.nav-item svg{opacity:.85;flex:0 0 16px}.nav-item .chev{opacity:.5;margin-left:auto;transition:transform .15s}.nav-item .chev.open{transform:rotate(90deg)}.nav-sub{padding:1px 0 4px}.nav-sub .nav-item{color:#828ba3;padding-left:38px;font-size:12.5px}.nav-sub .nav-item.active{color:#fff;background:0 0;font-weight:600}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--canvas);z-index:30;border-bottom:1px solid #0000;align-items:flex-start;gap:16px;padding:20px 28px 16px;display:flex;position:sticky;top:0}.topbar-title{flex:1;min-width:0}.crumbs{color:var(--muted);align-items:center;gap:6px;margin-bottom:5px;font-size:12px;display:flex}.crumbs a:hover{color:var(--blue)}h1.page-title{letter-spacing:-.4px;font-size:25px;font-weight:700;line-height:1.15}.page-sub{color:var(--muted);margin-top:4px;font-size:12.5px}.topbar-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.avatar{color:#fff;letter-spacing:.3px;background:#2f3a52;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11.5px;font-weight:700;display:grid}.bell{width:32px;height:32px;color:var(--muted);border-radius:8px;place-items:center;display:grid;position:relative}.bell:hover{background:#e9ebf0}.bell .dot{background:var(--red);border:1.5px solid var(--canvas);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:6px}.content{padding:4px 28px 40px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:16px 18px}.card-head{justify-content:space-between;align-items:center;gap:12px;padding:14px 18px 12px;display:flex}.card-title{letter-spacing:-.1px;font-size:14.5px;font-weight:650}.card-sub{color:var(--muted);margin-top:2px;font-size:11.5px}.card-link{color:var(--blue);align-items:center;gap:4px;font-size:12px;font-weight:550;display:inline-flex}.card-link:hover{text-decoration:underline}.grid{gap:14px;display:grid}.row{gap:14px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;display:grid}.kpis-4{grid-template-columns:repeat(4,minmax(0,1fr))}.kpis-6{grid-template-columns:repeat(6,minmax(0,1fr))}.kpis-8{grid-template-columns:repeat(8,minmax(0,1fr))}.kpis-8 .kpi{padding:13px 13px 12px}.kpis-8 .kpi-value{letter-spacing:-.4px;font-size:19px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:14px 15px 13px}.kpi-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.kpi-label{color:var(--muted);font-size:12px;font-weight:500}.kpi-icon{background:var(--blue-soft);width:26px;height:26px;color:var(--blue);border-radius:7px;flex:0 0 26px;place-items:center;display:grid}.kpi-value{letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:22px;font-weight:700;line-height:1.1;overflow:hidden}.kpi-foot{align-items:center;gap:6px;margin-top:7px;font-size:11.5px;display:flex}.kpi-note{color:var(--faint);font-size:11px}.delta{align-items:center;gap:2px;font-size:11.5px;font-weight:650;display:inline-flex}.delta.up{color:var(--green)}.delta.down{color:var(--red)}.delta.flat{color:var(--faint)}.chip{color:var(--ink-2);white-space:nowrap;background:#f2f3f6;border-radius:6px;align-items:center;gap:5px;padding:2.5px 8px;font-size:11px;font-weight:600;display:inline-flex}.chip.blue{background:var(--blue-soft);color:var(--blue)}.chip.green{background:var(--green-soft);color:var(--green)}.chip.amber{background:var(--amber-soft);color:var(--amber)}.chip.red{background:var(--red-soft);color:var(--red)}.chip.violet{background:var(--violet-soft);color:var(--violet)}.chip.ghost{border:1px solid var(--line);color:var(--muted);background:0 0}.dot{border-radius:50%;flex:0 0 7px;width:7px;height:7px}.dot.green{background:var(--green)}.dot.amber{background:var(--amber)}.dot.red{background:var(--red)}.dot.grey{background:#b6bbc6}.status{white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;font-weight:550;display:inline-flex}.control{background:var(--card);border:1px solid var(--line);height:34px;color:var(--ink-2);box-shadow:var(--shadow);white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-size:12.5px;font-weight:500;display:inline-flex}.control:hover{border-color:#d3d7e0}.control svg{color:var(--faint)}select.control{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 9px center;background-repeat:no-repeat;padding-right:26px}select.control:focus,input.control:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2563eb1a}input.control::placeholder{color:var(--faint);font-weight:400}.btn{border:1px solid var(--line);background:var(--card);height:34px;color:var(--ink-2);box-shadow:var(--shadow);border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:12.5px;font-weight:600;display:inline-flex}.btn:hover{background:#fafbfc}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:#1d54d4}.btn.sm{height:29px;padding:0 10px;font-size:12px}.toggle{color:var(--ink-2);align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:inline-flex}.toggle .track{background:#d3d7e0;border-radius:20px;width:34px;height:19px;transition:background .15s;position:relative}.toggle .track .knob{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.toggle.on .track{background:var(--blue)}.toggle.on .track .knob{transform:translate(15px)}.tabs{border-bottom:1px solid var(--line);gap:2px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 13px;font-size:13px;font-weight:550}.tab:hover{color:var(--ink-2)}.tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:650}.tab .count{color:var(--faint);margin-left:3px;font-weight:500}.pills{flex-wrap:wrap;gap:6px;display:flex}.pill{color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:5px 11px;font-size:12.5px;font-weight:550}.pill:hover{color:var(--ink-2);background:#ebedf1}.pill.active{background:var(--card);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fbfbfc;padding:9px 14px;font-size:11px;font-weight:600}thead th.num,tbody td.num{text-align:right}thead th a{align-items:center;gap:3px;display:inline-flex}thead th a:hover{color:var(--ink-2)}tbody td{border-bottom:1px solid var(--line-soft);color:var(--ink-2);vertical-align:middle;white-space:nowrap;padding:11px 14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafbfd}tbody td.strong{color:var(--ink);font-weight:600}.cell-media{align-items:center;gap:10px;min-width:0;display:flex}.thumb{object-fit:cover;background:#eceef2;border-radius:7px;flex:0 0 34px;width:34px;height:34px}.thumb.lg{border-radius:8px;flex:0 0 46px;width:46px;height:46px}.cell-name{color:var(--ink);text-overflow:ellipsis;font-weight:600;overflow:hidden}.cell-meta{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;max-width:320px;margin-top:1px;font-size:11px;display:block;overflow:hidden}.bar-cell{align-items:center;gap:8px;display:flex}.bar-track{background:#edeff3;border-radius:3px;flex:0 0 54px;width:54px;height:5px;overflow:hidden}.bar-fill{background:var(--blue);border-radius:3px;height:100%}.chart{width:100%;display:block}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:11.5px;display:flex}.legend .key{align-items:center;gap:5px;display:inline-flex}.legend .swatch{border-radius:2.5px;width:9px;height:9px}.list-item{border-bottom:1px solid var(--line-soft);align-items:center;gap:11px;padding:11px 18px;display:flex}.list-item:last-child{border-bottom:none}.list-item:hover{background:#fafbfd}.list-title{font-size:13px;font-weight:650}.list-detail{color:var(--muted);margin-top:2px;font-size:11.5px}.list-rank{width:20px;height:20px;color:var(--muted);background:#f0f1f4;border-radius:6px;flex:0 0 20px;place-items:center;font-size:10.5px;font-weight:700;display:grid}.list-rank.top{background:var(--blue-soft);color:var(--blue)}.insight{border-bottom:1px solid var(--line-soft);padding:12px 18px}.insight:last-child{border-bottom:none}.insight-head{align-items:center;gap:7px;margin-bottom:4px;display:flex}.insight-body{color:var(--ink-2);font-size:12.5px;line-height:1.5}.insight-metrics{color:var(--muted);margin-top:5px;font-size:11.5px}.funnel-row{padding:9px 0}.funnel-head{justify-content:space-between;align-items:baseline;margin-bottom:5px;font-size:12.5px;display:flex}.funnel-name{color:var(--ink-2);font-weight:550}.funnel-value{color:var(--ink);font-weight:700}.funnel-track{background:#f1f3f6;border-radius:5px;height:22px;overflow:hidden}.funnel-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:5px;height:100%}.funnel-step{color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.creative-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;display:grid}.creative-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.creative-card:hover{box-shadow:var(--shadow-lg)}.creative-media{aspect-ratio:1;background:#eceef2;position:relative}.creative-media img{object-fit:cover;width:100%;height:100%;display:block}.creative-media .fmt{color:#fff;letter-spacing:.3px;background:#0c101ab3;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:650;position:absolute;top:8px;left:8px}.creative-media .verdict{position:absolute;top:8px;right:8px}.creative-body{flex-direction:column;flex:1;gap:8px;padding:11px 12px 12px;display:flex}.creative-name{font-size:13px;font-weight:650;line-height:1.25}.creative-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:auto;display:grid}.creative-stat .k{color:var(--faint);text-transform:uppercase;letter-spacing:.4px;font-size:10px}.creative-stat .v{margin-top:1px;font-size:13px;font-weight:700}.metric-grid{background:var(--line-soft);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.metric-grid>div{background:var(--card);padding:10px 12px}.metric-grid .k{color:var(--muted);font-size:11px}.metric-grid .v{letter-spacing:-.2px;margin-top:2px;font-size:16px;font-weight:700}.empty{text-align:center;color:var(--faint);padding:34px 18px;font-size:13px}.hr{background:var(--line);height:1px}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:11.5px}.nowrap{white-space:nowrap}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.platform-row{justify-content:space-between;align-items:center;gap:6px;padding:4px 0;display:flex}.platform-row .k{color:var(--muted);font-size:11.5px}.platform-row .v{white-space:nowrap;font-size:12px;font-weight:650}.wrap-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.note{border-radius:var(--radius-sm);background:var(--blue-soft);color:#1f3f8f;border:1px solid #dbe6ff;gap:9px;padding:11px 14px;font-size:12.5px;line-height:1.5;display:flex}.note.warn{background:var(--amber-soft);color:#7a4c05;border-color:#f6e2bd}.pager{align-items:center;gap:5px;display:flex}.pager a,.pager span{min-width:28px;height:28px;color:var(--muted);border:1px solid #0000;border-radius:7px;place-items:center;padding:0 7px;font-size:12px;font-weight:600;display:grid}.pager a:hover{color:var(--ink-2);background:#eef0f4}.pager .current{background:var(--blue);color:#fff}.pager .off{color:#cfd3dc}.login-wrap{background:var(--rail);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--card);border-radius:16px;width:100%;max-width:372px;padding:30px 30px 26px;box-shadow:0 24px 60px #00000059}.login-card .field{margin-top:14px}.login-card label{color:var(--ink-2);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.login-card input{width:100%;height:38px}.login-err{color:var(--red);background:var(--red-soft);border-radius:8px;margin-top:12px;padding:8px 11px;font-size:12.5px}@media print{.rail,.topbar-tools,.bell,.avatar,.no-print{display:none!important}body{background:#fff}.card,.kpi{box-shadow:none;break-inside:avoid}.content{padding:0}.shell{display:block}}@media (max-width:1660px){.kpis-8{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1280px){.kpis,.kpis-6,.kpis-8{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.rail{display:none}.kpis,.kpis-4,.kpis-6,.kpis-8{grid-template-columns:repeat(2,minmax(0,1fr))}.content,.topbar{padding-left:16px;padding-right:16px}}