.cr-stage{justify-content:center;display:flex;position:relative}.cr-phone{z-index:1;aspect-ratio:9/13.5;background:linear-gradient(160deg,#2a2636 0%,#242030 100%);border:1px solid #363241;border-radius:34px;width:264px;padding:10px;position:relative;box-shadow:0 30px 70px #00000080,0 0 70px #a689fb24}.cr-phone__screen{background:radial-gradient(120% 65% at 50% 0,#a689fb4d,#0000 55%),linear-gradient(#190a3d 0%,#1a1625 100%);border-radius:25px;flex-direction:column;justify-content:space-between;gap:16px;height:100%;padding:26px 14px 18px;display:flex;position:relative;overflow:hidden}.cr-phone__notch{background:#ffffff40;border-radius:999px;width:52px;height:5px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.cr-earn{background:linear-gradient(155deg,#34d39929,#2420308c);border:1px solid #34d39952;border-radius:16px;padding:12px 14px;position:relative}.cr-earn__top{justify-content:space-between;align-items:center;gap:6px;display:flex}.cr-earn__label{text-transform:uppercase;letter-spacing:.06em;color:#a39fae;font-size:10px;font-weight:700}.cr-earn__ex{color:#fcd98d;text-transform:uppercase;letter-spacing:.05em;background:#fcd98d29;border:1px solid #fcd98d66;border-radius:999px;flex:none;padding:1px 6px;font-size:8px;font-weight:800}.cr-earn__value{letter-spacing:-.02em;color:#fff;align-items:center;gap:6px;margin-top:3px;font-size:28px;font-weight:800;display:flex}.cr-earn__value svg{color:#34d399}.cr-earn__note{color:#34d399;align-items:center;gap:4px;margin-top:4px;font-size:10.5px;font-weight:700;display:inline-flex}.cr-apps{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cr-app{aspect-ratio:1;color:#fff;border-radius:13px;place-items:center;display:grid;box-shadow:0 5px 14px #00000061}.cr-dash{background:#120632;border:1px solid #363241;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 30px 80px #00000080,0 0 80px #a689fb14}.cr-dash__bar{background:#1e1a28;border-bottom:1px solid #363241;align-items:center;gap:10px;padding:10px 14px;display:flex}.cr-dash__lights{flex:none;gap:6px;display:inline-flex}.cr-dash__lights span{background:#363241;border-radius:999px;width:10px;height:10px}.cr-dash__url{text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#a39fae;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.cr-dash__badge{color:#34d399;flex:none;align-items:center;gap:4px;font-size:10px;font-weight:700;display:inline-flex}.cr-dash__body{grid-template-columns:150px minmax(0,1fr);display:grid}@media (max-width:640px){.cr-dash__body{grid-template-columns:1fr}}.cr-dash__side{background:#1e1a28;border-right:1px solid #363241;flex-direction:column;gap:4px;padding:16px 12px;display:flex}@media (max-width:640px){.cr-dash__side{display:none}}.cr-dash__brand{color:#fff;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.cr-dash__brand-dot{color:#1a1625;background:linear-gradient(135deg,#a689fb,#9171f5);border-radius:7px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid}.cr-dash__nav{color:#a39fae;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.cr-dash__nav svg{flex:none}.cr-dash__nav--active{color:#fff;background:#a689fb24}.cr-dash__main{flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.cr-dash__cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cr-dash__card{background:linear-gradient(160deg,#1a0b3f,#242030);border:1px solid #363241;border-radius:12px;flex-direction:column;padding:12px 14px;display:flex}.cr-dash__card-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.cr-dash__ex{color:#fcd98d;text-transform:uppercase;letter-spacing:.05em;background:#fcd98d29;border:1px solid #fcd98d66;border-radius:999px;flex:none;padding:1px 6px;font-size:9px;font-weight:800}.cr-dash__card-label{color:#a39fae;font-size:11px;font-weight:600}.cr-dash__card-value{color:#fff;letter-spacing:-.02em;margin-top:4px;font-size:20px;font-weight:800}.cr-dash__card-value--muted{color:#c4b0fd}.cr-dash__card-hint{color:#a39fae;margin-top:2px;font-size:10px}.cr-dash__campaign{background:#a689fb0f;border:1px dashed #3a1d6b;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.cr-dash__campaign-label{text-transform:uppercase;letter-spacing:.06em;color:#a689fb;font-size:10px;font-weight:700}.cr-dash__campaign-name,.cr-dash__table-title{color:#fff;font-size:12px;font-weight:700}.cr-dash__table{border:1px solid #363241;border-radius:12px;overflow:hidden}.cr-dash__row{border-bottom:1px solid #21114b;grid-template-columns:minmax(0,1fr) 62px 74px 80px;align-items:center;gap:8px;padding:10px 12px;font-size:11.5px;display:grid}@media (max-width:420px){.cr-dash__main{gap:10px;padding:12px}.cr-dash__row{grid-template-columns:minmax(0,1fr) 44px 56px 64px;gap:6px;padding:8px 10px;font-size:10px}.cr-dash__card{padding:10px 11px}.cr-dash__card-value{font-size:17px}}.cr-dash__row:last-child{border-bottom:none}.cr-dash__row--head{text-transform:uppercase;letter-spacing:.05em;color:#a39fae;background:#a689fb0f;font-size:10px;font-weight:700}.cr-dash__video{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cr-dash__platform,.cr-dash__views{color:#c9c0e0}.cr-dash__views b{color:#fff}.cr-dash__chip{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.cr-dash__chip--ok{color:#34d399;background:#34d39924;border:1px solid #34d39959}.cr-dash__chip--pending{color:#c4b0fd;background:#c4b0fd1f;border:1px solid #c4b0fd4d}.cr-dash__foot{color:#a39fae;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.cr-dash__track{color:#c4b0fd;text-overflow:ellipsis;white-space:nowrap;background:#1e1a28;border:1px solid #363241;border-radius:8px;align-items:center;gap:6px;max-width:100%;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;display:inline-flex;overflow:hidden}@media (prefers-reduced-motion:reduce){.cr-phone,.cr-dash{box-shadow:0 20px 50px #00000073}}
