.pp{padding-block:clamp(1rem,2vh,1.5rem)}.pp-app{border:1px solid var(--ink-200);box-shadow:var(--shadow-card);background:#fff;border-radius:1rem;overflow:hidden}.pp-bar{background:linear-gradient(180deg, #fff, var(--ink-50));border-bottom:1px solid var(--ink-200);align-items:center;gap:.5rem;padding:.7rem 1rem;display:flex}.pp-bar .dots{gap:.3rem;display:flex}.pp-bar .dots i{background:var(--ink-200);border-radius:50%;width:8px;height:8px}.pp-bar .dots i:first-child{background:#fca5a5}.pp-bar .dots i:nth-child(2){background:#fcd34d}.pp-bar .dots i:nth-child(3){background:#86efac}.pp-bar .title{color:var(--ink-800);margin-left:.25rem;font-size:.78rem;font-weight:700}.pp-bar .period{border:1px solid var(--ink-200);color:var(--ink-500);background:#fff;border-radius:.5rem;align-items:center;gap:.3rem;margin-left:auto;padding:.18rem .55rem;font-size:.66rem;font-weight:700;display:inline-flex}.pp-body{grid-template-columns:1fr;gap:.75rem;padding:1rem;display:grid}@media (width>=48rem){.pp-body{grid-template-columns:1fr 1.15fr}}.pp-waterfall{border:1px solid var(--ink-200);border-radius:.75rem;flex-direction:column;display:flex;overflow:hidden}.pp-row{border-bottom:1px solid var(--ink-100);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;font-size:.8125rem;display:flex}.pp-row:last-child{border-bottom:0}.pp-row .k{color:var(--ink-500);font-weight:500}.pp-row .v{font-variant-numeric:tabular-nums;font-weight:700}.pp-row.rev .v{color:var(--ink-900)}.pp-row.sub .v{color:var(--danger-600)}.pp-row.profit{background:linear-gradient(180deg, var(--brand-50), var(--brand-50))}.pp-row.profit .k{color:var(--brand-700);font-weight:700}.pp-row.profit .v{color:var(--brand-700);font-size:1rem}.pp-channels{border:1px solid var(--ink-200);border-radius:.75rem;flex-direction:column;display:flex;overflow:hidden}.pp-channel{border-bottom:1px solid var(--ink-100);padding:.75rem .9rem}.pp-channel:last-child{border-bottom:0}.pp-channel-top{align-items:center;gap:.6rem;display:flex}.pp-init{background:var(--brand-50);width:1.75rem;height:1.75rem;color:var(--brand-600);border-radius:.5rem;place-items:center;font-size:.7rem;font-weight:800;display:grid}.pp-channel-name{color:var(--ink-900);font-size:.8125rem;font-weight:700}.pp-channel-margin{background:var(--success-50);color:var(--success-700);border-radius:999px;align-items:center;gap:.25rem;margin-left:auto;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.pp-channel-bottom{align-items:center;gap:.6rem;margin-top:.55rem;display:flex}.pp-bar-track{background:var(--ink-100);border-radius:999px;flex:1;height:5px;overflow:hidden}.pp-bar-fill{background:linear-gradient(90deg, var(--brand-500), var(--brand-400));border-radius:999px;height:100%}.pp-bar-txt{color:var(--ink-400);font-variant-numeric:tabular-nums;font-size:.66rem;font-weight:600}.pp-note{color:var(--ink-400);text-align:center;margin-top:.75rem;font-size:.75rem}.rpt{padding-block:clamp(1rem,2vh,1.5rem)}.rpt-app{border:1px solid var(--ink-200);box-shadow:var(--shadow-card);background:#fff;border-radius:1rem;overflow:hidden}.rpt-bar{background:linear-gradient(180deg, #fff, var(--ink-50));border-bottom:1px solid var(--ink-200);align-items:center;gap:.5rem;padding:.7rem 1rem;display:flex}.rpt-bar .dots{gap:.3rem;display:flex}.rpt-bar .dots i{background:var(--ink-200);border-radius:50%;width:8px;height:8px}.rpt-bar .dots i:first-child{background:#fca5a5}.rpt-bar .dots i:nth-child(2){background:#fcd34d}.rpt-bar .dots i:nth-child(3){background:#86efac}.rpt-bar .title{color:var(--ink-800);margin-left:.25rem;font-size:.78rem;font-weight:700}.rpt-bar .count{background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand-700);border-radius:999px;align-items:center;margin-left:auto;padding:.15rem .55rem;font-size:.66rem;font-weight:700;display:inline-flex}.rpt-list{flex-direction:column;padding:.35rem .75rem .75rem;display:flex}.rpt-row{transition:background var(--transition-fast);border-radius:.65rem;align-items:center;gap:.75rem;padding:.7rem .5rem;display:flex}.rpt-row:hover{background:var(--ink-50)}.rpt-row+.rpt-row{border-top:1px solid var(--ink-100);border-radius:0}.rpt-row+.rpt-row:hover{background:var(--ink-50);border-radius:0}.rpt-icon{background:var(--brand-50);width:2.25rem;height:2.25rem;color:var(--brand-600);border-radius:.6rem;flex:none;place-items:center;display:grid}.rpt-icon svg{width:1.05rem;height:1.05rem}.rpt-info{flex:1;min-width:0}.rpt-name{color:var(--ink-900);font-size:.8125rem;font-weight:700}.rpt-meta{color:var(--ink-400);margin-top:.1rem;font-size:.68rem}.rpt-cat{background:var(--ink-50);border:1px solid var(--ink-200);color:var(--ink-500);border-radius:999px;align-items:center;padding:.18rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.rpt-dl{border:1px solid var(--ink-200);color:var(--ink-700);transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);cursor:default;background:#fff;border-radius:.5rem;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.rpt-dl:hover{border-color:var(--brand-300);color:var(--brand-700);background:var(--brand-50)}.rpt-dl svg{width:13px;height:13px}.rpt-cta{border-top:1px solid var(--ink-100);background:var(--ink-50);text-align:center;padding:.75rem 1rem .9rem}.rpt-cta a{color:var(--brand-600);transition:color var(--transition-fast);align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.rpt-cta a:hover{color:var(--brand-700)}