.pp-analytics{--bg: #f6f6f7;--ink: #1f2933;--ink-2: #3f4a57;--muted: #6b7280;--hair: #e3e3e8;--card: #fff;--teal: #2086ae;--teal-tint: #eef7fa;--teal-border: #bfe0ea;--pos: #1a7f4f;--grey-line: #9aa1ac;--nav-active: #e6e6ff;--indigo: #5c5cd6;--pp-sys: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;container-type:inline-size;font-family:var(--pp-sys);color:var(--ink)}.pp-analytics *,.pp-analytics *:before,.pp-analytics *:after{box-sizing:border-box;-webkit-font-smoothing:antialiased}.pp-analytics .laptop-viewport{width:100%;aspect-ratio:880 / 556;overflow:hidden}.pp-analytics .laptop{width:880px;transform:scale(calc(100cqw/880px));transform-origin:top left}.pp-analytics .bezel{background:#151516;border-radius:26px;padding:8px;position:relative;box-shadow:0 40px 90px #0c102d4d,0 8px 20px #0000001f}.pp-analytics .cam{position:absolute;top:3.5px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#2c2c30}.pp-analytics .screen{width:864px;height:540px;overflow:hidden;border-radius:16px;background:var(--bg);display:flex;flex-direction:column}.pp-analytics .chrome{display:flex;align-items:center;gap:12px;height:34px;flex:0 0 auto;background:#e9eaee;border-bottom:1px solid #dcdde3;padding:0 12px}.pp-analytics .dots{display:flex;gap:6px}.pp-analytics .dots span{width:9px;height:9px;border-radius:50%;display:block}.pp-analytics .navbtns{display:flex;gap:10px;color:#9299a3}.pp-analytics .url{flex:1;background:#fff;border-radius:6px;height:20px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#7b818c;max-width:360px;margin:0 auto}.pp-analytics .url svg{opacity:.55}.pp-analytics .chrome-sp{flex:1}.pp-analytics .app{flex:1 1 auto;display:flex;min-height:0}.pp-analytics .nav{width:158px;flex:0 0 auto;background:#fbfbfc;border-right:1px solid var(--hair);padding:10px 8px;display:flex;flex-direction:column;gap:1px}.pp-analytics .nav-item{display:flex;align-items:center;gap:9px;padding:5px 8px;border-radius:7px;font-size:12px;font-weight:500;color:#42505f}.pp-analytics .nav-item svg{flex:0 0 auto;color:#6a7686}.pp-analytics .nav-item.active{background:var(--nav-active);color:var(--indigo)}.pp-analytics .nav-item.active svg{color:var(--indigo)}.pp-analytics .nav-h{font-size:10px;font-weight:700;letter-spacing:.04em;color:#9aa1ac;padding:6px 8px 3px;margin-top:8px}.pp-analytics .nav-chan{display:flex;align-items:center;gap:9px;padding:5px 8px;border-radius:7px;font-size:12px;font-weight:500;color:#42505f}.pp-analytics .nav-chan .cl{width:16px;height:16px;border-radius:4px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.pp-analytics .nav-chan .cl.os{background:#5b8def}.pp-analytics .nav-chan .cl.pp{background:var(--teal)}.pp-analytics .nav-chan .cl img{width:100%;height:100%;object-fit:contain;display:block}.pp-analytics .main{flex:1 1 auto;min-width:0;overflow:hidden;padding:14px 18px}.pp-analytics .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pp-analytics .head h1{font-size:17px;font-weight:700;margin:0}.pp-analytics .range{display:flex;align-items:center;gap:7px;border:1px solid var(--hair);background:#fff;border-radius:8px;padding:5px 11px;font-size:12px;font-weight:500;color:var(--ink-2)}.pp-analytics .range svg{color:#7b818c}.pp-analytics .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.pp-analytics .stat{background:var(--card);border:1px solid var(--hair);border-radius:10px;padding:11px 13px}.pp-analytics .stat .lbl{font-size:11.5px;color:var(--muted);font-weight:500}.pp-analytics .stat .row{display:flex;align-items:baseline;justify-content:space-between;margin-top:6px}.pp-analytics .stat .val{font-size:20px;font-weight:700;letter-spacing:-.3px}.pp-analytics .stat .chg{font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:2px}.pp-analytics .stat .chg.pos{color:var(--pos)}.pp-analytics .stat.ai{background:var(--teal-tint);border-color:var(--teal-border)}.pp-analytics .stat.ai .lbl{color:#2a7288}.pp-analytics .stat.ai .val{color:#0f5f78}.pp-analytics .stat.ai .chg{color:var(--teal)}.pp-analytics .panel{background:var(--card);border:1px solid var(--hair);border-radius:10px}.pp-analytics .panel-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 6px}.pp-analytics .panel-head .t{font-size:13px;font-weight:700}.pp-analytics .legend{display:flex;gap:14px}.pp-analytics .legend span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-2);font-weight:500}.pp-analytics .legend .sw{width:14px;height:3px;border-radius:2px;display:block}.pp-analytics .chart-wrap{padding:0 8px 2px}.pp-analytics .chart-wrap svg{display:block;width:100%;height:auto}.pp-analytics .tbl{border-top:1px solid var(--hair)}.pp-analytics .tbl-row{display:grid;grid-template-columns:1fr auto 54px 76px;align-items:center;gap:14px;padding:9px 14px}.pp-analytics .tbl-row+.tbl-row{border-top:1px solid #f0f0f3}.pp-analytics .tbl-chan{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600}.pp-analytics .tbl-chan .dot{width:9px;height:9px;border-radius:2.5px;flex:0 0 auto}.pp-analytics .tbl-chan .new{font-size:9.5px;font-weight:700;color:var(--teal);background:#e2f1f6;border:1px solid var(--teal-border);border-radius:9px;padding:1px 6px;letter-spacing:.02em}.pp-analytics .tbl-amt{font-size:12.5px;font-weight:700;text-align:right;white-space:nowrap}.pp-analytics .tbl-pct{font-size:12px;color:var(--muted);text-align:right}.pp-analytics .spark{width:76px;height:20px;display:block}.pp-order-attr{--ink: #1f2933;--muted: #6b7280;--teal: #2086ae;--teal-deep: #1a6e90;--teal-tint: #eef7fa;--teal-border: #bfe0ea;--pp-sys: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-family:var(--pp-sys);color:var(--ink)}.pp-order-attr *,.pp-order-attr *:before,.pp-order-attr *:after{box-sizing:border-box;-webkit-font-smoothing:antialiased}.pp-order-attr .attr-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(90deg,#eef7fa,#f6fbfd);border:1px solid var(--teal-border);border-left:4px solid var(--teal);border-radius:14px;padding:16px 20px}.pp-order-attr .attr-badge{width:44px;height:44px;border-radius:11px;background:#0d0d0d;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.pp-order-attr .attr-text{flex:1 1 auto;min-width:0}.pp-order-attr .attr-title{font-size:15.5px;font-weight:700;color:#1c2440;line-height:1.35}.pp-order-attr .attr-title b{color:var(--teal-deep)}.pp-order-attr .attr-title .cg{color:#0d0d0d}.pp-order-attr .attr-sub{font-size:13px;color:#5b6270;margin-top:3px;line-height:1.45}.pp-order-attr .attr-logos{display:flex;align-items:center;gap:10px;flex:0 0 auto}.pp-order-attr .attr-chip{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dfe3ee;border-radius:22px;padding:6px 13px;font-size:13px;font-weight:600;color:#1f2933;white-space:nowrap}@media(max-width:640px){.pp-order-attr .attr-banner{flex-direction:column;align-items:flex-start;gap:14px}}.pp-order-attr .attr-chip img{height:14px;width:auto;display:block}.pp-order-attr .attr-arrow{color:#9fb6c0;display:flex}.pp-order-attr .chan-card{background:#fff;border:1px solid var(--teal-border);border-radius:14px;padding:18px 20px}.pp-order-attr .chan-title{font-size:12px;font-weight:700;letter-spacing:.04em;color:#7e93a0;text-transform:uppercase;margin-bottom:14px}.pp-order-attr .chan-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #eef2f4}.pp-order-attr .chan-row:first-of-type{border-top:none}.pp-order-attr .chan-badge{width:34px;height:34px;border-radius:8px;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.pp-order-attr .chan-badge.cg{background:#0d0d0d}.pp-order-attr .chan-badge.pp{background:var(--teal-tint);border:1px solid var(--teal-border)}.pp-order-attr .chan-badge.pp img{height:15px;width:auto;display:block}.pp-order-attr .chan-name{font-size:14.5px;font-weight:600}.pp-order-attr .chan-sub{font-size:12.5px;color:var(--muted);margin-top:1px}.pp-order-attr .chan-tag{margin-left:auto;font-size:10.5px;font-weight:700;color:var(--teal-deep);background:#e2f1f6;border:1px solid var(--teal-border);border-radius:12px;padding:2px 9px}