:root{--glass:rgba(255,255,255,.065);--stroke:rgba(255,255,255,.13);--muted:rgba(226,232,240,.70);--neon:#2dd4bf;--green:#22c55e;--violet:#6366f1}
.po-stage{min-height:calc(100vh - 120px);padding:26px 12px 54px}
.po-wrap{max-width:1120px;margin:0 auto}
.po-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:8px 4px 18px}
.po-head--premium{position:relative}
.po-kicker{display:inline-flex;align-items:center;gap:8px;color:#67e8f9;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900;margin-bottom:8px}
.po-title{margin:0;font-weight:950;letter-spacing:-.035em;font-size:clamp(30px,4vw,46px)}
.po-sub{margin:8px 0 0;color:var(--muted);font-size:16px;max-width:720px}
.po-meta{display:flex;gap:10px;flex-wrap:wrap}
.po-pill{display:inline-flex;gap:8px;align-items:center;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--stroke);backdrop-filter:blur(14px);font-size:.92rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.dot{width:8px;height:8px;border-radius:999px;background:rgba(45,212,191,.95);box-shadow:0 0 0 5px rgba(45,212,191,.14)}
.po-grid{display:grid;grid-template-columns:1.65fr .78fr;gap:18px}
@media(max-width:980px){.po-grid{grid-template-columns:1fr}}
.card,.po-glass-panel{background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(2,6,23,.58));border:1px solid var(--stroke);border-radius:26px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(18px)}
.po-stream-head,.po-side-head{padding:18px 18px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:12px}
.po-head-sub{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.po-soft-badge,.po-provider{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(45,212,191,.20);background:rgba(45,212,191,.10);color:#99f6e4;font-weight:900;font-size:12px;padding:7px 10px}
.po-stream-body{max-height:68vh;overflow:auto;padding:14px;scrollbar-width:thin}
.po-card-list{display:grid;gap:12px}
.po-payout-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.095);box-shadow:0 12px 28px rgba(0,0,0,.18);animation:popIn .35s ease}
.po-payout-card:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.045))}
.po-item--fresh{box-shadow:0 0 0 1px rgba(34,197,94,.20),0 0 34px rgba(34,197,94,.16),0 12px 28px rgba(0,0,0,.18)}
.po-item--fresh:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(90deg,rgba(34,197,94,.12),transparent 45%);pointer-events:none}
.po-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:950;color:#021014;background:linear-gradient(135deg,#22d3ee,#a3e635);box-shadow:0 0 0 5px rgba(45,212,191,.10)}
.po-userline{display:flex;gap:8px;align-items:center;min-width:0;flex-wrap:wrap}
.po-user{font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}
.po-addr{color:var(--muted);font-size:.88rem;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.po-amt{font-weight:950;text-align:right;color:#86efac;white-space:nowrap}
.po-time{color:var(--muted);font-size:.9rem;text-align:right;margin-top:5px}
.po-empty{padding:18px;color:var(--muted)}
.po-side-body{padding:18px}
.po-bullets{margin:0;padding-left:18px;color:var(--muted)}
.po-bullets li{margin:10px 0}
.po-note{margin:16px 0 18px;padding:14px;border-radius:18px;background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.10);color:#dbeafe}
.w-100{width:100%}
@keyframes popIn{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:640px){.po-payout-card{grid-template-columns:40px 1fr}.po-right{grid-column:2;text-align:left}.po-amt,.po-time{text-align:left}.po-avatar{width:40px;height:40px}.po-stream-body{padding:10px}}