.reward-workspace{position:fixed;inset:72px 0 0 72px;z-index:35;background:var(--web-background,#f5f8ff);color:var(--web-heading,#263446);display:flex;flex-direction:column}
.reward-workspace.hidden,.reward-workspace .hidden{display:none!important}
#appView .reward-count-badge{background:#e53935!important;color:#fff;min-width:18px}
#appView .reward-menu-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-width:21px;height:21px;padding:0 5px;border-radius:11px;background:#e53935;color:#fff;font-size:11px;font-weight:800;line-height:1}
.reward-header{display:flex;align-items:center;gap:16px;padding:16px 28px;border-bottom:1px solid var(--web-border,#dbe4ef);background:var(--web-surface,#fff)}
.reward-header h1{font-size:1.35rem;margin:0;flex:1}.reward-header nav{display:flex;gap:8px}.reward-header button,.reward-card button,.reward-dialog-head button{border:1px solid rgba(90,120,160,.28);border-radius:10px;background:transparent;color:inherit;padding:8px 14px;cursor:pointer}.reward-header nav button[aria-current="page"],.reward-card .reward-primary{background:#315cf5;color:#fff;border-color:#315cf5}
.reward-scroll{overflow:auto;padding:26px;min-height:0}.reward-scroll>section{max-width:780px;margin:auto}.reward-card{background:var(--web-surface,#fff);border:1px solid var(--web-border,#dbe4ef);border-radius:18px;padding:24px;margin-bottom:16px;box-shadow:0 5px 24px rgba(35,56,90,.06)}
.reward-card h2{font-size:1.16rem;margin:0 0 12px}.reward-card h3{font-size:1rem}.reward-card p{color:var(--web-muted,#66758a);margin:10px 0}.reward-card label{display:block;margin:14px 0;font-weight:600}.reward-card input,.reward-card select,.reward-contact-dialog input{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--web-border,#aab8cf);border-radius:10px;background:var(--web-surface,#fff);color:inherit}.reward-code,.reward-entry{display:flex;align-items:center;gap:10px}.reward-code strong{font-family:monospace;letter-spacing:.13em;font-size:1.25rem}.reward-entry input{flex:1}.reward-date{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reward-person{padding:12px;border-bottom:1px solid var(--web-border,#aab8cf)}.reward-person span{display:block;color:var(--web-muted,#66758a);font-size:.9rem}.reward-contact-dialog{width:min(560px,90vw);max-height:75vh;border:1px solid var(--web-border,#aab8cf);border-radius:18px;background:var(--web-surface,#fff);color:inherit;padding:20px}.reward-dialog-head{display:flex;justify-content:space-between;align-items:center}.reward-dialog-head h2{font-size:1.2rem}.reward-contact-dialog::backdrop{background:rgba(10,20,40,.55)}#rewardContactList{overflow:auto;max-height:50vh}#rewardContactList button{display:block;width:100%;text-align:left;padding:12px;border:0;border-bottom:1px solid var(--web-border,#aab8cf);background:transparent;color:inherit;cursor:pointer}#rewardContactList button:hover{background:rgba(49,92,245,.1)}
@media(max-width:700px){.reward-workspace{inset:0}.reward-header{padding:12px}.reward-scroll{padding:12px}.reward-date{gap:5px}}
.reward-scroll>section:has(#rewardEnrolled){max-width:1100px}.reward-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reward-video-card{display:flex;gap:14px;align-items:center;text-align:left;width:100%;min-height:160px;padding:12px!important;border:1px solid var(--web-border,#dbe4ef)!important;border-radius:14px;background:var(--web-surface,#fff)!important}.reward-video-art{display:grid;place-items:center;flex:0 0 95px;aspect-ratio:9/16;border-radius:9px;background:linear-gradient(150deg,#2144be,#5d79f8);color:#fff;font-size:2rem}.reward-video-meta{display:flex;flex-direction:column;gap:6px;min-width:0}.reward-video-meta strong{font-size:1rem}.reward-video-meta small{color:var(--web-muted,#66758a)}.reward-video-dialog{width:min(430px,92vw);max-height:95vh;border:0;border-radius:16px;padding:16px;background:var(--web-surface,#fff);color:inherit}.reward-video-dialog::backdrop{background:rgba(0,0,0,.72)}.reward-video-dialog iframe{width:100%;aspect-ratio:9/16;border:0;background:#111}.reward-video-dialog p{text-align:center;font-size:.85rem}@media(max-width:700px){.reward-video-grid{grid-template-columns:1fr}}
.reward-video-art img{width:100%;height:100%;object-fit:cover;border-radius:9px}
.reward-video-dialog .reward-dialog-head h2{color:#fff!important}
.reward-player-seek{flex:1;min-width:0;width:100%;height:8px;margin:0;appearance:none;-webkit-appearance:none;border:0;border-radius:10px;background:linear-gradient(90deg,#5b82ff 0%,#5b82ff var(--played,0%),#38455d var(--played,0%),#38455d 100%);cursor:w-resize}.reward-player-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:#5b82ff;box-shadow:0 1px 6px #0008}.reward-player-seek::-moz-range-thumb{width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#5b82ff;box-shadow:0 1px 6px #0008}.reward-player-seek:disabled{cursor:default;opacity:.55}.reward-player-controls #rewardVideoTime{white-space:nowrap;font-size:.86rem}
.reward-earning-tabs{display:flex;gap:8px;border-bottom:1px solid var(--web-border,#dbe4ef);padding-bottom:14px;margin-bottom:22px}.reward-earning-tabs button{border:1px solid var(--web-border,#dbe4ef);background:transparent;color:inherit;border-radius:10px;padding:10px 18px;cursor:pointer}.reward-earning-tabs button[aria-current="page"]{background:#315cf5;color:#fff;border-color:#315cf5}.reward-history-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.reward-history-summary>div{border:1px solid var(--web-border,#dbe4ef);border-radius:12px;padding:14px;min-width:0}.reward-history-summary span{display:block;color:var(--web-muted,#66758a);font-size:.8rem}.reward-history-summary strong{display:block;font-size:1.25rem;margin-top:5px}.reward-history-note{font-size:.85rem}.reward-history-scroll{overflow-x:auto}.reward-history-table{border-collapse:collapse;width:100%;min-width:600px}.reward-history-table th,.reward-history-table td{padding:12px;border-bottom:1px solid var(--web-border,#dbe4ef);text-align:left;vertical-align:top}.reward-history-table th{white-space:nowrap}.reward-history-table small{display:block;color:var(--web-muted,#66758a)}#rewardHistoryMore{margin-top:16px}@media(max-width:900px){.reward-history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
.reward-video-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#080c15;color:#fff;overflow:hidden;display:flex;flex-direction:column}.reward-video-dialog:not([open]){display:none}.reward-video-dialog::backdrop{background:#080c15}.reward-video-dialog .reward-dialog-head{padding:10px 16px;min-height:54px;background:#080c15;z-index:1}.reward-video-dialog .reward-dialog-head h2{margin:0;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reward-video-dialog .reward-dialog-head button,.reward-player-controls button{color:#fff;background:#1b2947;border:1px solid #5b6e9a;border-radius:9px;padding:9px 14px;cursor:pointer}.reward-player-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;background:#000}.reward-video-dialog iframe{width:100%;height:100%;max-width:calc((100dvh - 145px)*9/16);border:0;background:#000;pointer-events:none}.reward-player-stage>button{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:#fff;cursor:pointer}.reward-player-stage>button span{display:grid;place-items:center;width:64px;height:64px;margin:auto;border-radius:50%;background:rgba(0,0,0,.55);font-size:1.7rem;opacity:0;transition:opacity .2s}.reward-player-stage>button:focus-visible span,.reward-player-stage>button[data-paused="true"] span{opacity:1}.reward-player-controls{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#080c15}.reward-player-progress{flex:1;height:7px;border-radius:7px;background:#38455d;overflow:hidden}.reward-player-progress>div{width:0;height:100%;background:#5b82ff}.reward-player-controls span{font-variant-numeric:tabular-nums}.reward-video-dialog>p{margin:0;padding:0 16px 10px;text-align:center;color:#c3cee2;font-size:.8rem}

/* Earnings reports follow the dashboard's colored-stat and compact-project patterns. */
.reward-earning-tabs{flex-wrap:wrap}.reward-earning-tabs button{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.reward-earning-tabs .ui-icon{width:17px;height:17px}
.reward-period-filter{display:flex;gap:12px;margin:12px 0}.reward-period-filter label{flex:1;min-width:0;margin:0}.reward-period-filter select{width:100%;margin-top:5px}
.reward-history-summary.reward-ui-1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 18px}
.reward-history-summary.reward-ui-1 .reward-stat{position:relative;display:flex;flex-direction:column;gap:4px;min-height:92px;padding:14px 16px;border-radius:14px;border:1px solid var(--web-border,#dbe4ef);background:#f5f8ff;overflow:hidden}
.reward-history-summary.reward-ui-1 .reward-stat.total{grid-column:1/-1;background:#e9f3ff;border-color:#bfdcff}
.reward-stat.direct{background:#edf8f2!important;border-color:#cbe9d5!important}.reward-stat.referral{background:#f4effc!important;border-color:#ded0f2!important}.reward-stat.received{background:#fff5e9!important;border-color:#f4dcba!important}.reward-stat.watched{background:#eaf8fa!important;border-color:#c9e9ec!important}
.reward-stat .ui-icon{position:absolute;right:14px;top:13px;width:24px;height:24px;opacity:.65}.reward-stat span{color:#53627a;font-size:.82rem}.reward-stat strong{font-size:1.45rem;line-height:1.2;font-weight:800;margin-top:5px;color:#20324a}
.reward-report-card{border:1px solid var(--web-border,#dbe4ef);border-radius:14px;background:var(--web-surface,#fff);padding:16px;margin:18px 0;min-width:0}.reward-report-card h3{font-size:1rem;margin:0 0 10px}.reward-report-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.reward-report-head small{color:var(--web-muted,#66758a)}
.reward-history-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}.reward-history-table th:first-child{width:70%}.reward-history-table th:last-child{width:30%}.reward-history-table th,.reward-history-table td{padding:12px 6px;border-bottom:1px solid var(--web-border,#dbe4ef);white-space:normal;overflow-wrap:anywhere}.reward-history-table td strong,.reward-history-table td small{display:block}.reward-history-table td small{font-size:.77rem;color:var(--web-muted,#66758a);margin-top:3px}.reward-history-table td:last-child{text-align:right}.reward-history-table td:last-child strong{margin-top:4px}.reward-watch-badge{display:inline-block;font-size:.74rem;border-radius:99px;padding:3px 7px;background:#fff2d8;color:#8b5814}.reward-watch-badge.watched{background:#e3f5eb;color:#24734b}
.reward-warning-card{display:flex;align-items:center;gap:14px;padding:16px;margin:16px 0;border-radius:14px;background:#fff6e8;border:1px solid #efd6a7;color:#704b16}.reward-warning-card .ui-icon{width:24px;height:24px;flex:none}.reward-warning-card p{margin:3px 0 0}.reward-warning-card button{margin-left:auto;white-space:nowrap;border:1px solid #c68a37;border-radius:8px;background:transparent;color:inherit;padding:8px 12px;cursor:pointer}
.reward-redemption-balance{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:14px;background:#e9f3ff;border:1px solid #bfdcff}.reward-redemption-balance small{color:#53627a}
.reward-upi-entry{display:flex;align-items:stretch;gap:0;max-width:370px;margin:12px 0}.reward-upi-entry input{min-width:0;flex:1;margin:0;border-radius:10px 0 0 10px}.reward-upi-entry span{display:grid;place-items:center;padding:0 14px;border:1px solid var(--web-border,#aab8cf);border-left:0;border-radius:0 10px 10px 0;font-weight:800;background:rgba(80,120,180,.09)}
.reward-redemption-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--web-border,#dbe4ef)}.reward-redemption-row small{display:block;color:var(--web-muted,#66758a)}
.reward-redeem-form{max-width:440px;margin:16px 0 22px}.reward-redeem-form>label{display:block;font-weight:700;margin-bottom:7px}.reward-redeem-entry{display:flex;gap:8px}.reward-redeem-entry input{flex:1;min-width:0}.reward-redeem-entry button{white-space:nowrap}.reward-redeem-form p{min-height:22px;margin:9px 0;color:var(--web-muted,#66758a)}
@media(max-width:700px){.reward-earning-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.reward-earning-tabs button{justify-content:center;padding:9px 4px;font-size:.86rem}.reward-report-card{padding:12px}.reward-warning-card{flex-wrap:wrap}.reward-warning-card button{margin-left:38px}.reward-history-table th,.reward-history-table td{padding:10px 4px;font-size:.85rem}.reward-stat strong{font-size:1.25rem}}