:root{
 --bg:#07080d;--bg2:#0b0d13;--panel:#11141d;--panel2:#151923;--panel3:#1a1f2b;
 --stroke:#252b39;--stroke2:#303746;--text:#f5f7fb;--muted:#8e98aa;--muted2:#667085;
 --accent:#ef102b;--accent2:#ff334d;--accent-soft:rgba(239,16,43,.12);--green:#19c37d;--green-soft:rgba(25,195,125,.12);
 --yellow:#f4b740;--yellow-soft:rgba(244,183,64,.12);--blue:#4da3ff;--blue-soft:rgba(77,163,255,.12);--danger:#ff4d64;
 --radius:16px;--shadow:0 18px 50px rgba(0,0,0,.25)
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 75% -20%,rgba(239,16,43,.09),transparent 33%),var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}a{color:inherit}.admin-body{overflow-x:hidden}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:rgba(10,11,16,.96);border-right:1px solid #1c202b;padding:22px 16px;display:flex;flex-direction:column;z-index:30;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 25px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--accent),#95081a);display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:-1px;box-shadow:0 8px 30px rgba(239,16,43,.2)}.brand strong{display:block;font-size:15px;letter-spacing:.2px}.brand span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.6px;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#9aa3b3;padding:11px 12px;border-radius:11px;font-weight:650;transition:.18s ease;border:1px solid transparent}.side-nav a:hover{background:#141720;color:#fff}.side-nav a.active{background:linear-gradient(90deg,rgba(239,16,43,.16),rgba(239,16,43,.05));color:#fff;border-color:rgba(239,16,43,.22)}.side-nav a.active:before{content:"";width:3px;height:22px;background:var(--accent);border-radius:4px;position:absolute;margin-left:-13px}.nav-icon{width:22px;text-align:center;font-size:17px;color:#777f8e}.side-nav a.active .nav-icon{color:var(--accent2)}.side-bottom{margin-top:auto;border-top:1px solid #1c202b;padding-top:16px}.system-pill{display:flex;gap:9px;align-items:center;padding:10px 9px;color:#9aa3b3}.system-pill b{display:block;color:#dce1e9;font-size:11px}.system-pill small{font-size:10px;color:#697386}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(25,195,125,.08)}.logout-link{margin-top:5px;padding:10px 9px;text-decoration:none;color:#727d90;display:flex;justify-content:space-between}.logout-link:hover{color:#fff}.main-shell{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:82px;border-bottom:1px solid #1c202b;background:rgba(7,8,13,.72);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.topbar-left{display:flex;align-items:center;gap:13px}.topbar h1{font-size:20px;margin:1px 0 0;letter-spacing:-.35px}.eyebrow{font-size:9px;font-weight:800;color:var(--accent2);letter-spacing:1.7px}.menu-button{display:none;background:var(--panel);border:1px solid var(--stroke);color:#fff;border-radius:10px;width:40px;height:40px;cursor:pointer}.admin-chip{display:flex;gap:9px;align-items:center;background:#0e1118;border:1px solid #1f2530;padding:7px 10px 7px 7px;border-radius:12px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#282e3c,#151923);font-weight:800;color:var(--accent2)}.admin-chip b{display:block;font-size:11px}.admin-chip small{display:block;font-size:9px;color:var(--muted)}.container{width:min(1500px,100%);margin:0 auto;padding:26px 28px 34px;flex:1}.container>h1{display:none}.footer{text-align:center;color:#535d6e;font-size:11px;padding:0 20px 24px}.footer span{color:#2f3644;margin:0 4px}.sidebar-backdrop{display:none}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 20px}.page-head h2{font-size:24px;margin:0;letter-spacing:-.5px}.page-head p{margin:5px 0 0;color:var(--muted);max-width:700px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px}.section-title h2,.section-title h3{margin:0;font-size:15px;letter-spacing:-.2px}.section-title .muted{font-size:11px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card,.panel{background:linear-gradient(180deg,rgba(20,23,32,.94),rgba(14,16,23,.96));border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:0 1px 0 rgba(255,255,255,.02)}.card{padding:17px}.panel{padding:18px;margin-bottom:16px}.metric-card{position:relative;overflow:hidden;min-height:116px}.metric-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-24px;top:-24px;background:radial-gradient(circle,rgba(255,255,255,.05),transparent 70%)}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent2);font-size:16px}.metric-card b.value{font-size:31px;line-height:1.05;display:block;margin:12px 0 4px;letter-spacing:-1px}.metric-card small{color:var(--muted);font-size:11px}.metric-card.green .metric-icon{background:var(--green-soft);color:var(--green)}.metric-card.blue .metric-icon{background:var(--blue-soft);color:var(--blue)}.metric-card.yellow .metric-icon{background:var(--yellow-soft);color:var(--yellow)}.trend{font-size:10px;color:var(--green);font-weight:800}.muted{color:var(--muted)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:16px;margin-top:16px}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.chart-wrap{height:260px;position:relative}.chart-wrap.small{height:230px}.chart-fallback{height:100%;display:grid;place-items:center;color:var(--muted)}
.live-list{display:flex;flex-direction:column;gap:8px}.live-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(170px,1fr) minmax(160px,1fr) 105px;gap:12px;align-items:center;border:1px solid #212735;background:#0c0f16;border-radius:12px;padding:10px 11px}.live-row:hover{border-color:#343b4b;background:#0f121a}.client-main{min-width:0}.client-name{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-user{font-size:10px;color:var(--muted);margin-top:2px}.presence{display:flex;align-items:center;gap:7px;font-size:11px}.presence-dot{width:8px;height:8px;border-radius:50%;background:#545e6f}.presence.online .presence-dot{background:var(--green);box-shadow:0 0 0 4px rgba(25,195,125,.08)}.now-playing{min-width:0}.now-playing strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing small{display:block;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-cell{min-width:0}.network-cell b,.network-cell span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-cell b{font-size:10px}.network-cell span{font-size:9px;color:var(--muted);margin-top:2px}.empty-state{text-align:center;padding:34px 16px;color:var(--muted)}.empty-state b{display:block;color:#dce1e9;margin-bottom:4px}
.table-wrap{overflow:auto;border:1px solid var(--stroke);border-radius:var(--radius);background:#0f1219}.table-wrap table{border:0;border-radius:0}table{width:100%;border-collapse:collapse;background:#0f1219;border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden}th,td{text-align:left;padding:12px 12px;border-bottom:1px solid #202632;vertical-align:middle}th{color:#7f899a;font-size:10px;text-transform:uppercase;letter-spacing:.65px;background:#11151d;white-space:nowrap}td{font-size:12px;color:#d8dde6}tr:last-child td{border-bottom:0}tbody tr:hover td{background:rgba(255,255,255,.012)}.td-main b{display:block;color:#fff}.td-main small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.nowrap{white-space:nowrap}.truncate{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#202634;color:#a9b2c2;font-size:10px;font-weight:750;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.badge.ok,.badge.online{background:var(--green-soft);color:#4de5a3}.badge.warn{background:var(--yellow-soft);color:#f8c75f}.badge.off{background:rgba(255,77,100,.10);color:#ff7085}.badge.live{background:rgba(239,16,43,.13);color:#ff5369}.badge.movie{background:rgba(107,92,255,.14);color:#9e91ff}.badge.series,.badge.episode{background:var(--blue-soft);color:#76b9ff}.badge.idle{background:#202634;color:#8d97a7}.badge.neutral{background:#202634;color:#a9b2c2}.status-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.full{grid-column:1/-1}label{display:block;color:#aeb7c6;font-weight:700;font-size:11px;margin-bottom:6px}input,select,textarea{width:100%;background:#0b0e14;color:#f7f8fb;border:1px solid #2a3140;border-radius:10px;padding:10px 11px;outline:none;transition:.16s ease}input:focus,select:focus,textarea:focus{border-color:rgba(239,16,43,.75);box-shadow:0 0 0 3px rgba(239,16,43,.08)}input:disabled{opacity:.62;background:#0a0c11}input[type=checkbox]{width:auto;accent-color:var(--accent);transform:translateY(1px)}input[type=file]{padding:8px}.field-hint{font-size:10px;color:var(--muted);margin-top:5px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.btn{border:1px solid rgba(255,255,255,.04);border-radius:9px;padding:9px 13px;color:white;background:linear-gradient(180deg,#f22540,#d90d27);text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:750;font-size:11px;min-height:36px;box-shadow:0 6px 20px rgba(239,16,43,.10);transition:.15s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn.gray{background:#1b202b;border-color:#2b3341;box-shadow:none;color:#c7cfdb}.btn.red{background:#2b1319;border-color:#4a1e28;color:#ff7085;box-shadow:none}.btn.green{background:linear-gradient(180deg,#20c987,#159965);box-shadow:0 6px 20px rgba(25,195,125,.1)}.btn.outline{background:transparent;border-color:#343c4c;box-shadow:none;color:#bdc6d4}.btn.sm{padding:6px 9px;min-height:30px;font-size:10px}.inline{display:inline}.filter-bar{display:flex;gap:9px;align-items:center}.filter-bar input{max-width:420px}.search-wrap{position:relative;flex:1}.search-wrap input{padding-left:34px}.search-wrap:before{content:"⌕";position:absolute;left:12px;top:8px;color:#697386;font-size:16px}
.alert{padding:11px 13px;border-radius:11px;margin-bottom:16px;background:#171c27;border:1px solid #293141;color:#d8deea}.alert.ok{background:var(--green-soft);border-color:rgba(25,195,125,.2);color:#65e4af}.alert.err{background:rgba(255,77,100,.10);border-color:rgba(255,77,100,.22);color:#ff8092}.info-strip{display:flex;gap:12px;align-items:flex-start;border:1px solid #263042;background:#0c111a;border-radius:12px;padding:12px}.info-strip .info-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);flex:0 0 auto}.info-strip b{display:block;font-size:11px}.info-strip p{font-size:10px;color:var(--muted);margin:3px 0 0}
.telemetry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.telemetry-item{padding:11px;border-radius:11px;border:1px solid #242b38;background:#0c0f15}.telemetry-item span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.6px}.telemetry-item b{display:block;margin-top:4px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-preview{width:96px;height:54px;object-fit:cover;border-radius:8px;border:1px solid #2a3140;background:#090b10}
.login-body{display:grid;place-items:center;min-height:100vh;padding:22px;background:radial-gradient(circle at 30% 20%,rgba(239,16,43,.14),transparent 33%),radial-gradient(circle at 75% 80%,rgba(84,64,255,.09),transparent 30%),#07080d}.login-card{width:min(430px,100%);background:rgba(15,17,24,.94);border:1px solid #252b38;border-radius:22px;padding:28px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-brand .brand-mark{width:46px;height:46px}.login-card h1{font-size:24px;margin:0}.login-card p{margin:5px 0 0;color:var(--muted)}.login-card .btn{width:100%;margin-top:4px;min-height:42px}.login-foot{text-align:center;color:#555f70;font-size:10px;margin-top:18px}
@media(max-width:1180px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-row{grid-template-columns:minmax(170px,1fr) minmax(160px,1fr) minmax(150px,1fr);}.live-row .last-seen-cell{display:none}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s ease}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:29}.sidebar-open .sidebar-backdrop{display:block}.main-shell{margin-left:0}.menu-button{display:block}.topbar{padding:0 16px;height:72px}.container{padding:20px 16px 30px}.admin-chip div{display:none}.charts-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.page-actions{width:100%}.row,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}
@media(max-width:640px){.grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:105px;padding:14px}.metric-card b.value{font-size:27px}.live-row{grid-template-columns:1fr}.live-row .network-cell{display:none}.telemetry-grid{grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar input{max-width:none}.topbar h1{font-size:17px}.eyebrow{font-size:8px}.admin-chip{display:none}.container{padding-left:12px;padding-right:12px}.panel{padding:14px}.chart-wrap{height:230px}}
/* V3 / Etapa 1 - Central de atualizações */
.update-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.65fr);gap:14px;margin-bottom:14px}.switch-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.check-card{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #283142;background:#0c111a;border-radius:12px;cursor:pointer}.check-card input{width:auto;margin-top:3px}.check-card span{display:block}.check-card b{display:block;font-size:11px}.check-card small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.check-card.danger{border-color:rgba(239,16,43,.25);background:rgba(239,16,43,.055)}.update-steps{display:grid;gap:10px}.update-steps>div{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:11px;background:#0c1018;border:1px solid #232b38}.update-steps i{font-style:normal;display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(239,16,43,.13);color:#ff6075;font-weight:800;font-size:11px;flex:0 0 auto}.update-steps b{display:block;font-size:11px}.update-steps small{display:block;color:var(--muted);font-size:9px;line-height:1.45;margin-top:2px}.table-scroll{overflow:auto}.table-scroll table{min-width:980px}.cell-sub{display:block;color:var(--muted);font-size:9px;margin-top:4px;font-weight:500}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.table-actions{display:flex;gap:5px;flex-wrap:wrap}.version-bars{display:grid;gap:12px}.version-bar>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.version-bar b{font-size:11px}.version-bar span{font-size:9px;color:var(--muted)}.bar-track{height:7px;border-radius:99px;background:#171d28;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ef102b,#ff5268);min-width:2px}.event-list{display:grid}.event-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:9px;align-items:start;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.045)}.event-row:last-child{border-bottom:0}.event-dot{width:7px;height:7px;border-radius:99px;background:#20c987;margin-top:4px;box-shadow:0 0 0 4px rgba(32,201,135,.08)}.event-dot.err{background:#ff4d64;box-shadow:0 0 0 4px rgba(255,77,100,.08)}.event-row b{display:block;font-size:10px}.event-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px;line-height:1.4}.event-row time{font-size:8px;color:#687386;white-space:nowrap}.update-kpi{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #263042;border-radius:12px;background:#0c111a}.update-kpi b{font-size:18px}.update-kpi small{display:block;color:var(--muted);font-size:9px}@media(max-width:1050px){.update-layout{grid-template-columns:1fr}}@media(max-width:640px){.switch-row{grid-template-columns:1fr}}


/* Etapa 1.1 - atualização APK: validação visual e progresso real do upload */
.version-warning{display:flex;align-items:flex-start;gap:12px;margin:-4px 0 18px;padding:14px 15px;border:1px solid rgba(244,183,64,.28);background:rgba(244,183,64,.08);border-radius:14px}.version-warning-icon{flex:0 0 30px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(244,183,64,.16);color:#ffd06a;font-weight:900}.version-warning b{display:block;color:#ffe2a0;margin-bottom:3px}.version-warning span{display:block;color:#b8a987;font-size:11px}.version-warning strong{color:#fff}.version-warning code{color:#fff}
.apk-upload-progress{margin-top:14px;padding:13px 14px;border:1px solid #2c3342;background:#0b0e14;border-radius:12px}.apk-upload-progress[hidden]{display:none}.apk-upload-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px}.apk-upload-head span{color:#dce2eb;font-size:11px;font-weight:700}.apk-upload-head strong{color:#fff;font-size:13px}.apk-upload-track{height:9px;border-radius:999px;overflow:hidden;background:#252b37;border:1px solid #303745}.apk-upload-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#c50b24,#ff334d);transition:width .12s linear;box-shadow:0 0 18px rgba(239,16,43,.22)}.apk-upload-progress small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.apk-upload-progress.error{border-color:rgba(255,77,100,.35)}.apk-upload-progress.error .apk-upload-head span{color:#ff7085}.btn:disabled{cursor:not-allowed;opacity:.55}

/* V4 / Etapa 2 - Planos, assinaturas e financeiro */
.billing-layout{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);gap:16px}.billing-editor{align-self:start;position:sticky;top:100px}.plan-admin-list{display:grid;gap:10px}.plan-admin-card{display:grid;grid-template-columns:minmax(0,1fr) 130px 85px auto;gap:14px;align-items:center;padding:14px;border:1px solid #252d3b;background:#0c1017;border-radius:13px}.plan-admin-card.featured{border-color:rgba(239,16,43,.38);box-shadow:inset 3px 0 0 #ef102b}.plan-admin-main{min-width:0}.plan-admin-main>b,.plan-admin-main .status-line>b{font-size:13px}.plan-admin-main small{display:block;color:var(--muted);font-size:10px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-price strong{display:block;font-size:16px}.plan-price span,.plan-stats span{display:block;color:var(--muted);font-size:9px}.plan-stats b{display:block;font-size:15px}.payment-status-approved{color:#4de5a3}.payment-status-pending{color:#f8c75f}.payment-status-error{color:#ff7085}@media(max-width:1050px){.billing-layout{grid-template-columns:1fr}.billing-editor{position:static}.plan-admin-card{grid-template-columns:minmax(0,1fr) 120px auto}.plan-stats{display:none}}@media(max-width:700px){.plan-admin-card{grid-template-columns:1fr}.plan-price,.plan-stats{display:block}.billing-layout{display:block}}
.finance-strip{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr)) auto;gap:14px;align-items:center}.finance-strip-item{padding:4px 10px;border-right:1px solid #252c39}.finance-strip-item span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.6px}.finance-strip-item b{display:block;font-size:18px;margin-top:3px}.finance-strip-actions{display:flex;gap:8px;justify-content:flex-end}@media(max-width:800px){.finance-strip{grid-template-columns:1fr 1fr}.finance-strip-actions{grid-column:1/-1;justify-content:flex-start}.finance-strip-item{border-right:0}}

/* V5 - Futebol Hoje */
.nav-football-group{display:block}.nav-football-children{display:none;margin:-2px 0 5px 34px;padding-left:10px;border-left:1px solid #242b38}.nav-football-group.open .nav-football-children{display:grid}.nav-football-children a{display:block;padding:7px 9px;border-radius:8px;color:#778195;font-size:10px;text-decoration:none}.nav-football-children a:hover,.nav-football-children a.active{color:#fff;background:rgba(239,16,43,.08)}
.football-tabs{display:flex;gap:7px;align-items:center;overflow:auto;margin:-5px 0 18px;padding:5px;border:1px solid #222936;border-radius:12px;background:#0b0e14}.football-tabs a{white-space:nowrap;text-decoration:none;color:#8d98aa;font-size:10px;font-weight:700;padding:9px 13px;border-radius:9px}.football-tabs a:hover,.football-tabs a.active{color:#fff;background:linear-gradient(135deg,#b80e29,#791020)}
.football-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.football-kpis .metric-card{min-height:112px}.live-number{color:#ff5369}.football-admin-games{display:grid}.football-admin-game{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 2px;border-bottom:1px solid rgba(255,255,255,.05)}.football-admin-game:last-child{border-bottom:0}.football-admin-game b{font-size:11px}.football-admin-game small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.football-admin-game .vs{color:#6d7687;padding:0 4px}.football-score{font-size:17px;font-weight:900;min-width:62px;text-align:right}.inline-edit{display:flex;gap:6px;align-items:center}.inline-edit input{min-width:170px}.football-api-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:14px}.football-usage strong{display:block;font-size:34px}.football-usage span{display:block;color:var(--muted);font-size:10px;margin:4px 0 12px}.stack-actions{display:grid;gap:8px;margin-top:16px}.stack-actions .btn{width:100%}.cron-code{display:block;max-width:100%;overflow:auto;margin-top:7px;padding:8px;border-radius:8px;background:#06080c;color:#91a0b8;font-size:9px}.badge.red{background:rgba(255,77,100,.12);color:#ff7085}.badge.yellow{background:rgba(248,199,95,.12);color:#f8c75f}@media(max-width:1250px){.football-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.football-api-grid{grid-template-columns:1fr}.football-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.football-kpis{grid-template-columns:1fr 1fr}.football-tabs{margin-top:0}}
.football-kpis .small-value{font-size:18px!important;letter-spacing:-.25px!important;line-height:1.15!important}.football-provider-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 2px;padding:10px 12px;border:1px solid #222936;border-radius:12px;background:#0b0e14}
.badge.green{background:var(--green-soft);color:#4de5a3}.football-kpis .metric-card{padding:17px;background:linear-gradient(180deg,rgba(20,23,32,.94),rgba(14,16,23,.96));border:1px solid var(--stroke);border-radius:var(--radius)}

/* V96 - Asaas + Programa de Indicações */
.referral-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.referral-admin-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);gap:16px}.referral-ranking{display:grid;gap:4px}.referral-ranking>a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:10px;text-decoration:none;color:#fff;border:1px solid transparent}.referral-ranking>a:hover{background:#0c111a;border-color:#283142}.rank-pos{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(239,16,43,.11);color:#ff6578;font-weight:900;font-size:10px}.referral-ranking b{display:block;font-size:11px}.referral-ranking small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.referral-ranking strong{font-size:11px;color:#4de5a3}.referral-settings-grid{display:grid;grid-template-columns:minmax(320px,.68fr) minmax(0,1.32fr);gap:16px}.matrix-plan-selector{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px}.commission-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.commission-matrix label{display:grid;grid-template-columns:1fr 125px;align-items:center;gap:12px;padding:10px 12px;border:1px solid #252d3b;border-radius:11px;background:#0c1017}.commission-matrix label>span{font-size:10px;font-weight:700}.money-input{display:flex;align-items:center;border:1px solid #303948;border-radius:9px;background:#080b11;overflow:hidden}.money-input i{font-style:normal;font-size:9px;color:#798499;padding-left:9px}.money-input input{border:0!important;background:transparent!important;padding-left:6px!important}.matrix-total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:13px 15px;border:1px solid rgba(77,229,163,.18);background:rgba(77,229,163,.055);border-radius:11px}.matrix-total span{font-size:10px;color:var(--muted)}.matrix-total b{font-size:16px;color:#4de5a3}.referral-withdraw-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.referral-client-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.referral-client-summary>div{padding:11px 12px;border:1px solid #252d3b;border-radius:11px;background:#0c1017}.referral-client-summary span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.6px}.referral-client-summary b{display:block;margin-top:5px;font-size:12px}.badge.yellow{background:rgba(248,199,95,.12);color:#f8c75f}.badge.red{background:rgba(255,77,100,.12);color:#ff7085}
@media(max-width:1120px){.referral-kpis,.referral-withdraw-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-admin-layout,.referral-settings-grid{grid-template-columns:1fr}.referral-client-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.referral-kpis,.referral-withdraw-kpis,.commission-matrix{grid-template-columns:1fr}.referral-client-summary{grid-template-columns:1fr 1fr}.commission-matrix label{grid-template-columns:1fr 120px}}

/* Portal do cliente */
.portal-body,.portal-login-body{margin:0;background:#07090e;color:#eef2f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.portal-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.portal-sidebar{position:sticky;top:0;height:100vh;box-sizing:border-box;background:linear-gradient(180deg,#0c0f16,#080a0f);border-right:1px solid #1c222d;padding:20px 14px;display:flex;flex-direction:column}.portal-brand,.portal-login-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}.portal-brand>span,.portal-login-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#ef102b,#8f0c20);font-weight:900;box-shadow:0 12px 25px rgba(239,16,43,.18)}.portal-brand b,.portal-login-brand b{display:block;font-size:13px}.portal-brand small,.portal-login-brand small{display:block;color:#7e899b;font-size:9px;margin-top:2px}.portal-sidebar nav{display:grid;gap:5px;margin-top:28px}.portal-sidebar nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:#8490a3;text-decoration:none;font-size:11px;font-weight:700}.portal-sidebar nav a i{font-style:normal;width:20px;text-align:center}.portal-sidebar nav a:hover,.portal-sidebar nav a.active{color:#fff;background:linear-gradient(90deg,rgba(239,16,43,.15),rgba(239,16,43,.035));box-shadow:inset 2px 0 0 #ef102b}.portal-side-bottom{margin-top:auto;padding:14px 10px;border-top:1px solid #1d232d;display:grid;gap:7px}.portal-side-bottom span{font-size:10px;color:#a4adba}.portal-side-bottom a{font-size:9px;color:#ff667a;text-decoration:none}.portal-main{min-width:0}.portal-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #1b212b;background:rgba(8,10,15,.82);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.portal-top h1{font-size:17px;margin:2px 0 0}.portal-user{display:flex;align-items:center;gap:9px}.portal-user>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#1a202b;color:#fff;font-size:11px;font-weight:900}.portal-user b{display:block;font-size:10px}.portal-user small{display:block;color:#697487;font-size:8px}.portal-content{padding:24px 28px 34px;max-width:1500px;margin:0 auto}.portal-footer{padding:16px 28px 24px;color:#555f70;text-align:center;font-size:8px}.portal-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.portal-kpi{position:relative;overflow:hidden;padding:18px;border:1px solid #242b37;border-radius:15px;background:linear-gradient(180deg,#11151e,#0c0f16)}.portal-kpi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;opacity:.85}.portal-kpi.green:after{background:#29d58d}.portal-kpi.yellow:after{background:#f0bb42}.portal-kpi.blue:after{background:#4286f4}.portal-kpi.purple:after{background:#9c6cff}.portal-kpi span{display:block;color:#8490a2;font-size:9px;text-transform:uppercase;letter-spacing:.65px}.portal-kpi b{display:block;font-size:24px;margin-top:8px;letter-spacing:-.6px}.portal-kpi small{display:block;color:#636e7e;font-size:9px;margin-top:4px}.portal-grid-two{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px;margin-bottom:16px}.portal-card{border:1px solid #222a36;border-radius:16px;background:linear-gradient(180deg,#10141c,#0b0e14);padding:19px;box-shadow:0 10px 32px rgba(0,0,0,.08)}.portal-card h2{margin:0;font-size:14px}.portal-card p{color:#8b95a5;font-size:10px;line-height:1.65}.portal-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.portal-card-head small{display:block;color:#6e798a;font-size:9px;margin-top:3px}.portal-card-head>a{color:#ff667a;text-decoration:none;font-size:9px}.referral-invite-card{background:radial-gradient(circle at 88% 10%,rgba(239,16,43,.12),transparent 35%),linear-gradient(180deg,#11151d,#0b0e14)}.ref-code{display:flex;align-items:center;gap:8px;margin:14px 0 8px}.ref-code span{font-family:ui-monospace,monospace;font-size:18px;font-weight:900;letter-spacing:1.5px}.ref-code button,.pix-copy button{border:1px solid #303846;background:#151a23;color:#d9e0ea;border-radius:8px;padding:7px 10px;font-size:9px;cursor:pointer}.referral-invite-card>input{width:100%;box-sizing:border-box;background:#070a0f;border:1px solid #202733;color:#7d8796;border-radius:9px;padding:10px;font-size:9px}.portal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.full-btn{display:block;text-align:center;margin-top:13px}.subscription-box{padding:18px;border-radius:13px;border:1px solid rgba(77,229,163,.17);background:rgba(77,229,163,.045);text-align:center}.subscription-box b{display:block;font-size:11px}.subscription-box strong{display:block;font-size:24px;color:#4de5a3;margin-top:9px}.subscription-box span{display:block;color:#708071;font-size:8px;text-transform:uppercase}.portal-list{display:grid}.portal-list>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.portal-list>div:last-child{border-bottom:0}.portal-list b{display:block;font-size:10px}.portal-list small{display:block;color:#6e798a;font-size:8px;margin-top:3px}.portal-list strong{font-size:10px;color:#4de5a3}.portal-list-icon,.portal-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#171d27;color:#ff6075;font-size:8px;font-weight:900}.portal-avatar{border-radius:50%;color:#fff;background:#222a36}.portal-empty{padding:24px 8px;text-align:center;color:#647082;font-size:10px}.level-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.level-summary>div{padding:12px;border:1px solid #232b38;border-radius:11px;background:#0b0f15}.level-summary span,.level-summary small{display:block;color:#6f7a8b;font-size:8px}.level-summary b{display:block;font-size:18px;margin:5px 0}.portal-note{margin:12px 0 0!important;font-size:8px!important}.wallet-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.wallet-callout p{margin-bottom:0}.wallet-ledger{display:grid}.wallet-ledger>div{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.wallet-ledger>div:last-child{border-bottom:0}.wallet-ledger b{display:block;font-size:9px}.wallet-ledger small{display:block;color:#647082;font-size:8px;margin-top:3px}.wallet-ledger strong{font-size:9px}.wallet-ledger .positive{color:#4de5a3}.wallet-ledger .negative{color:#ff7185}.wallet-dot{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:12px;font-weight:900}.wallet-dot.plus{background:rgba(77,229,163,.08);color:#4de5a3}.wallet-dot.minus{background:rgba(255,77,100,.08);color:#ff7185}.portal-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.portal-card label{display:block;color:#9ba5b4;font-size:9px;font-weight:700;margin:13px 0 6px}.portal-card input,.portal-card select{box-sizing:border-box;width:100%;background:#090c12;color:#e9eef6;border:1px solid #29313f;border-radius:9px;padding:11px 12px;outline:none}.portal-card input:focus,.portal-card select:focus{border-color:#d61a34;box-shadow:0 0 0 2px rgba(239,16,43,.08)}.withdraw-amount{display:flex;align-items:center;border:1px solid #29313f;border-radius:11px;background:#090c12;overflow:hidden}.withdraw-amount span{padding-left:13px;color:#7f8998;font-weight:800;font-size:11px}.withdraw-amount input{border:0!important;font-size:22px;font-weight:900}.payout-rules ol{padding-left:18px;color:#8993a3;font-size:9px;line-height:1.8}.portal-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.portal-plan{position:relative;padding:18px;border:1px solid #252d3a;border-radius:14px;background:#0b0f15}.portal-plan.featured{border-color:rgba(239,16,43,.45);box-shadow:inset 0 2px 0 #ef102b}.plan-badge{display:inline-block;margin-bottom:9px;padding:4px 7px;border-radius:7px;background:rgba(239,16,43,.12);color:#ff697c;font-size:8px;font-weight:800}.portal-plan h3{margin:0;font-size:13px}.portal-plan>strong{display:block;font-size:24px;margin-top:10px}.portal-plan>small{display:block;color:#657081;font-size:8px}.portal-plan p{min-height:45px}.portal-plan .btn{width:100%}.pix-checkout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:center;margin-bottom:16px;border-color:rgba(77,229,163,.2)}.pix-checkout-left h2{font-size:20px;margin-top:5px}.pix-qr{text-align:center;padding:12px;border-radius:13px;background:#fff}.pix-qr img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.pix-qr strong{display:block;color:#111;margin-top:8px;font-size:18px}.pix-status{display:flex;align-items:center;gap:8px;margin:12px 0;color:#f3c65e}.pix-status span{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(243,198,94,.08)}.pix-status.paid{color:#4de5a3}.pix-status.failed{color:#ff7185}.pix-status b{font-size:10px}.pix-copy{display:flex;gap:7px}.pix-copy input{font-family:ui-monospace,monospace;font-size:8px}.portal-login-body{display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 15% 15%,rgba(239,16,43,.12),transparent 31%),#07090e}.portal-login-card{width:min(420px,calc(100vw - 32px));box-sizing:border-box;padding:26px;border:1px solid #252c38;border-radius:18px;background:rgba(14,17,24,.96);box-shadow:0 24px 70px rgba(0,0,0,.35)}.portal-login-card h1{margin:24px 0 6px;font-size:24px}.portal-login-card>p{margin:0 0 18px;color:#768294;font-size:10px}.portal-login-card label{display:block;font-size:9px;color:#9ea8b8;margin:12px 0 6px;font-weight:700}.portal-login-card input,.portal-login-card select{width:100%;box-sizing:border-box;background:#090c11;border:1px solid #29313e;border-radius:9px;padding:11px;color:#fff}.portal-login-btn{width:100%;margin-top:16px}.portal-login-links{display:flex;gap:7px;justify-content:center;margin-top:16px;color:#626d7d;font-size:9px}.portal-login-links a{color:#ff6478;text-decoration:none}.signup-body{display:block;padding:0}.signup-shell{width:min(1050px,calc(100vw - 34px));min-height:100vh;margin:0 auto;display:grid;grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);gap:32px;align-items:center;padding:40px 0;box-sizing:border-box}.signup-intro h1{font-size:38px;margin:28px 0 10px}.signup-intro>p{max-width:480px;color:#7f8999;font-size:11px;line-height:1.7}.referrer-box{margin-top:20px;padding:14px;border:1px solid rgba(77,229,163,.2);background:rgba(77,229,163,.045);border-radius:13px}.referrer-box span,.referrer-box small{display:block;color:#7b8c84;font-size:8px}.referrer-box b{display:block;margin:4px 0;font-size:14px;color:#4de5a3}.signup-points{display:grid;gap:12px;margin-top:28px}.signup-points>div{display:flex;align-items:center;gap:11px}.signup-points i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(239,16,43,.1);color:#ff6075;font-style:normal;font-weight:900}.signup-points b{display:block;font-size:10px}.signup-points small{display:block;color:#687385;font-size:8px;margin-top:2px}.signup-card{width:auto}.signup-card h2{margin:0 0 14px}.signup-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 11px}.signup-form-grid .full{grid-column:1/-1}
@media(max-width:1050px){.portal-shell{grid-template-columns:76px minmax(0,1fr)}.portal-brand div,.portal-sidebar nav a:not(.active){font-size:0}.portal-brand{justify-content:center}.portal-sidebar nav a{justify-content:center}.portal-sidebar nav a i{font-size:13px}.portal-side-bottom span{display:none}.portal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.level-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-grid-two,.portal-form-layout{grid-template-columns:1fr}.portal-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.portal-shell{display:block}.portal-sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;height:62px;z-index:50;padding:5px 8px;border-right:0;border-top:1px solid #222936;display:block}.portal-brand,.portal-side-bottom{display:none}.portal-sidebar nav{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.portal-sidebar nav a,.portal-sidebar nav a:not(.active){font-size:8px;display:grid;justify-items:center;gap:2px;padding:7px 3px}.portal-sidebar nav a i{font-size:13px}.portal-top{height:64px;padding:0 15px}.portal-user div{display:none}.portal-content{padding:16px 13px 86px}.portal-footer{display:none}.portal-kpis{grid-template-columns:1fr 1fr;gap:8px}.portal-kpi{padding:14px}.portal-kpi b{font-size:19px}.level-summary{grid-template-columns:1fr 1fr}.portal-plan-grid{grid-template-columns:1fr}.pix-checkout{grid-template-columns:1fr}.pix-qr{max-width:230px;margin:auto}.wallet-callout{align-items:flex-start;flex-direction:column}.signup-shell{grid-template-columns:1fr;padding:26px 0}.signup-intro h1{font-size:28px}.signup-form-grid{grid-template-columns:1fr}.signup-form-grid .full{grid-column:auto}}

/* =========================================================
   UltraPlay V97 — Premium SaaS / Fintech visual system
   Inspired by modern dashboard systems, rebuilt for PHP/HTML.
   ========================================================= */
:root{
 --bg:#08090c;--bg2:#0b0d12;--panel:#10131a;--panel2:#131720;--panel3:#171c26;
 --stroke:#242a36;--stroke2:#343c4c;--text:#f7f8fb;--muted:#929baa;--muted2:#687384;
 --accent:#ff142e;--accent2:#ff4358;--accent3:#b30720;--accent-soft:rgba(255,20,46,.12);
 --silver:#eef1f5;--green:#32d296;--green-soft:rgba(50,210,150,.12);--yellow:#ffc857;--yellow-soft:rgba(255,200,87,.12);
 --blue:#4da3ff;--blue-soft:rgba(77,163,255,.12);--purple:#9b78ff;--danger:#ff5e73;
 --radius:18px;--radius-sm:12px;--shadow:0 24px 70px rgba(0,0,0,.32);--shadow-soft:0 14px 35px rgba(0,0,0,.18)
}
html{background:#08090c;scroll-behavior:smooth}
body{background:radial-gradient(circle at 78% -5%,rgba(255,20,46,.075),transparent 26%),radial-gradient(circle at 18% 108%,rgba(97,65,255,.05),transparent 24%),#08090c;color:var(--text);letter-spacing:-.01em}
.ultra-ui{position:relative}.ambient{position:fixed;pointer-events:none;z-index:0;filter:blur(90px);opacity:.16;border-radius:50%}.ambient-one{width:390px;height:390px;background:#ff1230;right:-180px;top:-190px}.ambient-two{width:300px;height:300px;background:#6a46ff;left:22%;bottom:-220px;opacity:.07}.app-shell,.portal-shell,.auth-shell{position:relative;z-index:1}

/* Brand */
.brand-ultra{color:#fff;text-decoration:none}.brand-symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.075);box-shadow:0 14px 36px rgba(255,20,46,.13);overflow:hidden;flex:0 0 auto}.brand-symbol img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.22))}.brand-copy strong,.portal-brand b{font-size:16px!important;letter-spacing:-.45px}.brand-copy span,.portal-brand small{text-transform:uppercase;letter-spacing:1.35px;font-size:8px!important;color:#7e8796!important}.nav-section-label{font-size:8px;letter-spacing:1.45px;color:#4f5969;font-weight:900;padding:0 12px 8px}.nav-section-inline{padding-top:14px;padding-bottom:5px}

/* Admin shell */
.sidebar{width:270px;padding:18px 14px;background:linear-gradient(180deg,rgba(12,14,19,.985),rgba(7,8,11,.985));border-right:1px solid rgba(255,255,255,.06);box-shadow:18px 0 55px rgba(0,0,0,.15)}
.brand{padding:4px 9px 22px;gap:11px}.side-nav{gap:4px;overflow:auto;padding-right:2px;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.side-nav a{position:relative;overflow:hidden;padding:10px 11px;border-radius:12px;color:#8e98a8;font-size:12px;font-weight:720;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s,border-color .22s,color .22s}.side-nav a:hover{transform:translateX(3px);background:rgba(255,255,255,.045);color:#fff}.side-nav a.active{background:linear-gradient(90deg,rgba(255,20,46,.18),rgba(255,20,46,.035));border-color:rgba(255,50,76,.16);box-shadow:inset 3px 0 0 #ff2440,0 10px 25px rgba(255,20,46,.06)}.side-nav a.active:before{display:none}.nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.035);color:#98a2b2;font-size:13px;transition:.2s}.side-nav a:hover .nav-icon{background:rgba(255,255,255,.07);transform:scale(1.05)}.side-nav a.active .nav-icon{background:linear-gradient(145deg,#ff263f,#b90924);color:white;box-shadow:0 8px 20px rgba(255,20,46,.22)}.nav-football-children{border-left-color:#242b37}.side-bottom{border-top-color:rgba(255,255,255,.06);padding-top:13px}.system-pill{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045);border-radius:12px;padding:10px}.logout-link{border-radius:10px;transition:.2s}.logout-link:hover{background:rgba(255,255,255,.035);padding-left:12px}.main-shell{margin-left:270px}.topbar{height:78px;padding:0 28px;background:rgba(8,9,12,.74);border-bottom:1px solid rgba(255,255,255,.055);box-shadow:0 8px 30px rgba(0,0,0,.08)}.topbar h1{font-size:20px;font-weight:830}.eyebrow{color:#ff5165;font-size:8px;letter-spacing:1.75px}.topbar-actions{display:flex;align-items:center;gap:8px}.top-quick{height:38px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055);display:flex;align-items:center;gap:7px;text-decoration:none;color:#9aa4b4;font-size:9px;font-weight:800;transition:.2s;position:relative;overflow:hidden}.top-quick span{font-size:15px;color:#ff5368}.top-quick:hover{color:#fff;background:rgba(255,255,255,.06);transform:translateY(-2px)}.admin-chip{border-radius:14px;background:linear-gradient(180deg,#11151c,#0d1016);border-color:#242a35;padding:6px 10px 6px 6px}.avatar{background:linear-gradient(145deg,#ff263f,#8f0a20);color:#fff;border-radius:11px;box-shadow:0 8px 20px rgba(255,20,46,.16)}.container{width:min(1540px,100%);padding:28px 30px 38px}.page-head{margin-bottom:22px}.page-head h2{font-size:27px;font-weight:850;letter-spacing:-.8px}.page-head p{font-size:12px;line-height:1.65;color:#8791a1}.section-title h2,.section-title h3{font-size:14px;font-weight:850}.footer-brand{color:#dfe3ea;font-weight:850}

/* Cards and surfaces */
.card,.panel,.portal-card,.portal-kpi,.table-wrap,.finance-strip{background:linear-gradient(180deg,rgba(18,21,29,.96),rgba(12,14,20,.97));border:1px solid rgba(255,255,255,.068);box-shadow:0 12px 34px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.018);border-radius:18px}.card,.panel,.portal-card,.portal-kpi{transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s}.card:hover,.panel:hover,.portal-card:hover,.portal-kpi:hover{border-color:rgba(255,255,255,.105);box-shadow:0 18px 46px rgba(0,0,0,.18),0 0 0 1px rgba(255,20,46,.018);transform:translateY(-2px)}.metric-card{min-height:125px;padding:18px;isolation:isolate}.metric-card:before,.portal-kpi:before{content:"";position:absolute;inset:auto -28px -50px auto;width:115px;height:115px;border-radius:50%;background:radial-gradient(circle,rgba(255,20,46,.14),transparent 68%);z-index:-1}.metric-card.green:before,.portal-kpi.green:before{background:radial-gradient(circle,rgba(50,210,150,.13),transparent 68%)}.metric-card.blue:before,.portal-kpi.blue:before{background:radial-gradient(circle,rgba(77,163,255,.13),transparent 68%)}.metric-card.yellow:before,.portal-kpi.yellow:before{background:radial-gradient(circle,rgba(255,200,87,.13),transparent 68%)}.portal-kpi.purple:before{background:radial-gradient(circle,rgba(155,120,255,.14),transparent 68%)}.metric-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,rgba(255,20,46,.18),rgba(255,20,46,.06));border:1px solid rgba(255,70,93,.10)}.metric-card b.value{font-size:34px;font-weight:900}.finance-strip{border-color:rgba(255,255,255,.07)!important}.live-row{border-color:rgba(255,255,255,.055);background:rgba(7,9,13,.65);border-radius:13px;transition:.2s}.live-row:hover{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.11);transform:translateX(2px)}

/* Buttons — animated */
.btn,.ref-code button,.pix-copy button{position:relative;overflow:hidden;isolation:isolate;border-radius:12px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,filter .2s,border-color .2s}.btn{min-height:40px;padding:9px 15px;background:linear-gradient(135deg,#ff263f 0%,#d40726 58%,#a6041e 100%);border:1px solid rgba(255,116,132,.18);box-shadow:0 10px 28px rgba(255,20,46,.18),inset 0 1px 0 rgba(255,255,255,.18);font-weight:850;letter-spacing:-.1px}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.22) 45%,transparent 62%);transform:translateX(-130%);transition:transform .5s;z-index:-1}.btn:hover:before{transform:translateX(130%)}.btn:hover{transform:translateY(-2px) scale(1.012);filter:brightness(1.07);box-shadow:0 15px 34px rgba(255,20,46,.25)}.btn:active{transform:translateY(0) scale(.975);transition-duration:.07s}.btn.gray{background:linear-gradient(180deg,#1c222d,#141820);border-color:#303846;color:#dce2eb;box-shadow:0 9px 24px rgba(0,0,0,.12)}.btn.gray:hover{border-color:#455064;box-shadow:0 14px 30px rgba(0,0,0,.2)}.btn.green{background:linear-gradient(135deg,#33d89b,#159c6b);border-color:rgba(98,255,198,.16);box-shadow:0 10px 28px rgba(32,201,135,.16)}.btn.green:hover{box-shadow:0 15px 34px rgba(32,201,135,.22)}.btn.red{background:linear-gradient(135deg,#3b131b,#231015);border-color:#642232;color:#ff7d8e}.btn.outline{background:rgba(255,255,255,.015);border-color:#3b4454;color:#cdd5df}.btn.sm{min-height:31px;border-radius:10px}.ultra-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.22);transform:scale(0);animation:ultraRipple .62s ease-out;pointer-events:none;z-index:3}@keyframes ultraRipple{to{transform:scale(2.35);opacity:0}}

/* Forms */
input,select,textarea,.portal-card input,.portal-card select{background:rgba(7,9,13,.78);border:1px solid #2b3240;border-radius:12px;padding:11px 12px;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}input:hover,select:hover,textarea:hover{border-color:#394354}input:focus,select:focus,textarea:focus,.portal-card input:focus,.portal-card select:focus{border-color:rgba(255,48,73,.72);background:#0a0d12;box-shadow:0 0 0 4px rgba(255,20,46,.08),0 12px 28px rgba(0,0,0,.10);transform:translateY(-1px)}label,.portal-card label{color:#aab3c1;font-weight:760}.field-active{border-color:rgba(255,20,46,.12)!important}

/* Tables */
table{background:rgba(8,10,14,.76);border-color:rgba(255,255,255,.06);border-radius:16px}.table-wrap,.table-scroll{border-radius:16px}.table-wrap table{background:transparent}th{position:sticky;top:0;z-index:2;background:#12161e;color:#7f8999;border-bottom-color:#2a303d;font-size:9px;letter-spacing:.85px}td{border-bottom-color:rgba(255,255,255,.05);font-size:11px}tbody tr{transition:background .18s}tbody tr:hover td{background:rgba(255,255,255,.025)}.badge{border:1px solid rgba(255,255,255,.045);font-weight:800;letter-spacing:.05px}

/* Portal */
.portal-body{background:radial-gradient(circle at 90% 0,rgba(255,20,46,.075),transparent 27%),#08090c}.portal-shell{grid-template-columns:250px minmax(0,1fr)}.portal-sidebar{background:linear-gradient(180deg,rgba(12,14,19,.985),rgba(7,8,11,.985));border-right:1px solid rgba(255,255,255,.06);padding:18px 14px;box-shadow:18px 0 55px rgba(0,0,0,.12)}.portal-brand{padding:4px 8px 17px;gap:10px}.portal-sidebar nav{gap:5px;margin-top:5px}.portal-sidebar nav a{position:relative;overflow:hidden;border:1px solid transparent;border-radius:12px;padding:11px 12px;font-size:11px;color:#8e98a8;transition:.22s}.portal-sidebar nav a i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.035);font-size:10px}.portal-sidebar nav a:hover{background:rgba(255,255,255,.04);color:#fff;transform:translateX(3px)}.portal-sidebar nav a.active{background:linear-gradient(90deg,rgba(255,20,46,.18),rgba(255,20,46,.035));border-color:rgba(255,50,76,.13);box-shadow:inset 3px 0 0 #ff263f,0 10px 25px rgba(255,20,46,.05)}.portal-sidebar nav a.active i{background:linear-gradient(145deg,#ff263f,#aa071f);box-shadow:0 8px 18px rgba(255,20,46,.2)}.portal-top{height:76px;background:rgba(8,9,12,.75);border-bottom:1px solid rgba(255,255,255,.055);padding:0 30px}.portal-top h1{font-size:19px;font-weight:850}.portal-content{padding:28px 30px 38px;max-width:1540px}.portal-user>span{background:linear-gradient(145deg,#ff263f,#8f0a20);box-shadow:0 8px 22px rgba(255,20,46,.15)}.portal-kpis{gap:14px}.portal-kpi{padding:19px;min-height:112px}.portal-kpi span{font-size:8px;letter-spacing:.9px}.portal-kpi b{font-size:27px;font-weight:900}.portal-kpi:after{height:3px;border-radius:0 0 18px 18px}.portal-grid-two{gap:17px}.portal-card{padding:20px}.portal-card h2{font-size:15px;font-weight:850}.portal-card p{font-size:10px;color:#8c96a6}.referral-invite-card{background:radial-gradient(circle at 88% 4%,rgba(255,20,46,.18),transparent 32%),linear-gradient(180deg,#151820,#0c0f15);border-color:rgba(255,59,82,.12)}.ref-code span{font-size:21px;background:linear-gradient(90deg,#fff,#ff8997);-webkit-background-clip:text;background-clip:text;color:transparent}.ref-code button,.pix-copy button{background:linear-gradient(180deg,#1c222c,#11151c);border:1px solid #303949;color:#e0e5ed;padding:8px 11px}.subscription-box{border-color:rgba(50,210,150,.18);background:linear-gradient(180deg,rgba(50,210,150,.07),rgba(50,210,150,.025));border-radius:14px}.level-summary>div{border-color:rgba(255,255,255,.055);background:rgba(7,9,13,.55);border-radius:13px;transition:.2s}.level-summary>div:hover{border-color:rgba(255,50,76,.18);transform:translateY(-2px);background:rgba(255,20,46,.03)}.portal-plan{border-color:rgba(255,255,255,.065);background:linear-gradient(180deg,#12161e,#0b0e14);border-radius:16px;transition:.25s}.portal-plan:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.12);box-shadow:0 20px 48px rgba(0,0,0,.2)}.portal-plan.featured{border-color:rgba(255,42,67,.42);box-shadow:inset 0 2px 0 #ff263f,0 16px 45px rgba(255,20,46,.08)}.plan-badge{background:rgba(255,20,46,.12);color:#ff7586;border:1px solid rgba(255,20,46,.12)}

/* Auth / login */
.auth-body{min-height:100vh;margin:0;background:radial-gradient(circle at 18% 12%,rgba(255,20,46,.14),transparent 34%),radial-gradient(circle at 85% 90%,rgba(99,66,255,.08),transparent 34%),#08090c;color:#f7f8fb;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:24px;display:grid;place-items:center}.auth-shell{width:min(1180px,100%);min-height:680px;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(380px,.85fr);background:linear-gradient(145deg,rgba(17,20,27,.96),rgba(8,10,14,.98));border:1px solid rgba(255,255,255,.075);border-radius:28px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.025)}.auth-showcase{position:relative;padding:42px 48px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 25% 30%,rgba(255,20,46,.13),transparent 36%),linear-gradient(145deg,#10131a,#0a0c11)}.auth-showcase:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.035);border-radius:50%;right:-250px;bottom:-300px;box-shadow:0 0 0 80px rgba(255,255,255,.008),0 0 0 160px rgba(255,255,255,.005)}.auth-logo-wrap{position:relative;z-index:2;width:190px;height:150px;display:flex;align-items:center}.auth-logo-wrap img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 18px 25px rgba(0,0,0,.32))}.auth-copy{position:relative;z-index:2;max-width:560px}.auth-copy h1{font-size:46px;line-height:1.03;letter-spacing:-2.3px;margin:13px 0 16px;font-weight:900}.auth-copy h1 em{font-style:normal;color:#ff334d}.auth-copy p{color:#929cab;font-size:13px;line-height:1.75;max-width:520px}.auth-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.auth-points span{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);font-size:9px;color:#bac2ce;font-weight:750}.auth-points i{font-style:normal;color:#ff5368;font-weight:900}.auth-card{align-self:center;margin:36px;padding:32px;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(180deg,rgba(19,22,30,.98),rgba(12,14,20,.98));box-shadow:0 22px 55px rgba(0,0,0,.22)}.auth-card-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:26px}.auth-mini-logo{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.065);overflow:hidden;flex:0 0 auto}.auth-mini-logo img{width:57px;height:57px;object-fit:contain}.auth-card h2{font-size:25px;letter-spacing:-.7px;margin:3px 0 5px}.auth-card p{font-size:10px;color:#7f8999;margin:0}.auth-card label{margin-top:14px}.auth-card .auth-submit{width:100%;margin-top:18px;min-height:46px;font-size:12px}.auth-submit span{font-size:16px;transition:transform .2s}.auth-submit:hover span{transform:translateX(4px)}.auth-security{display:flex;justify-content:center;align-items:center;gap:8px;color:#697484;font-size:8px;margin-top:17px}.auth-links{margin-top:18px}.auth-brand-logo{width:88px;height:68px;object-fit:contain}.brand-auth{align-items:center}.portal-login-brand.brand-auth>img+div b{font-size:14px}.portal-login-brand.brand-auth>span{display:none}.login-brand.brand-auth .auth-brand-logo{width:100px;height:80px}.signup-intro .brand-auth{margin-bottom:22px}

/* Existing standalone login/setup compatibility */
.login-body,.portal-login-body{background:radial-gradient(circle at 20% 15%,rgba(255,20,46,.14),transparent 33%),#08090c}.login-card,.portal-login-card{border-radius:22px;border-color:rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(18,21,28,.98),rgba(11,13,18,.98));box-shadow:0 25px 75px rgba(0,0,0,.34)}

/* Motion / reveal */
.page-enter{animation:pageEnter .38s cubic-bezier(.2,.8,.2,1) both}@keyframes pageEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ultra-reveal{opacity:0;transform:translateY(10px);transition:opacity .42s ease var(--reveal-delay,0ms),transform .42s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}.ultra-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ultra-reveal{opacity:1;transform:none}}

/* Responsive overrides */
@media(max-width:1050px){.sidebar{width:270px}.main-shell{margin-left:0}.portal-shell{grid-template-columns:82px minmax(0,1fr)}.portal-sidebar{padding:16px 9px}.portal-brand{justify-content:center}.portal-brand>div,.portal-sidebar .nav-section-label,.portal-sidebar nav a:not(.active){font-size:0}.portal-brand .brand-symbol{width:44px;height:44px}.portal-sidebar nav a{justify-content:center;padding:9px}.portal-sidebar nav a i{font-size:10px}.auth-shell{grid-template-columns:1fr 420px}.auth-showcase{padding:36px}.auth-copy h1{font-size:38px}}
@media(max-width:900px){.main-shell{margin-left:0}.topbar-actions .top-quick b{display:none}.top-quick{width:38px;padding:0;justify-content:center}.container{padding:22px 16px 32px}.auth-shell{grid-template-columns:1fr;min-height:0;max-width:560px}.auth-showcase{min-height:270px;padding:28px 30px}.auth-logo-wrap{width:130px;height:96px}.auth-copy h1{font-size:32px;margin:8px 0}.auth-copy p{display:none}.auth-points{margin-top:14px}.auth-card{margin:0;border:0;border-top:1px solid rgba(255,255,255,.06);border-radius:0;padding:28px 30px}}
@media(max-width:760px){.portal-sidebar{background:rgba(8,9,12,.97);backdrop-filter:blur(16px)}.portal-sidebar nav a,.portal-sidebar nav a:not(.active){font-size:8px!important}.portal-sidebar nav a i{width:24px;height:24px}.portal-top{padding:0 14px}.portal-content{padding:18px 13px 88px}.portal-kpi{min-height:98px}.portal-card{padding:16px}.auth-body{padding:12px}.auth-shell{border-radius:20px}.auth-showcase{min-height:230px;padding:24px}.auth-points span:nth-child(n+3){display:none}.auth-card{padding:24px}.auth-copy h1{font-size:29px}.signup-shell{width:min(100% - 24px,1050px)}}
@media(max-width:640px){.topbar{height:68px;padding:0 12px}.topbar-actions .top-quick{display:none}.admin-chip{display:flex}.page-head h2{font-size:23px}.grid{grid-template-columns:1fr 1fr}.card,.panel{border-radius:15px}.metric-card{min-height:108px;padding:14px}.metric-card b.value{font-size:28px}.portal-kpis{grid-template-columns:1fr 1fr}.portal-kpi b{font-size:21px}.auth-logo-wrap{width:110px;height:84px}.auth-copy h1{font-size:27px}.auth-card-head{margin-bottom:20px}}

/* ==========================================================
   UltraPlay V98 — Neo Streaming / brutal-premium design system
   Visual language inspired by contemporary neo-brutalist web UI,
   adapted to UltraPlay. Business rules and backend remain unchanged.
   ========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

.v98-brutal{
 --up-red:#ff2038;--up-red-2:#ff465a;--up-red-dark:#bb001c;
 --up-ink:#050506;--up-ink-2:#0b0b0d;--up-card:#141417;--up-card-2:#1b1b1f;
 --up-paper:#f5f2ed;--up-paper-2:#e9e5df;--up-line:#050506;
 --up-muted:#9b9ba3;--up-lime:#baff67;--up-blue:#66a9ff;--up-green:#67e8aa;--up-yellow:#ffd166;
 --up-radius:26px;--up-shadow:0 6px 0 #000;--up-shadow-sm:0 4px 0 #000;
 font-family:"Space Grotesk",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 background:
  radial-gradient(circle at 91% -10%,rgba(255,32,56,.16),transparent 28%),
  radial-gradient(circle at -10% 76%,rgba(255,255,255,.045),transparent 23%),
  #09090b;
}
.v98-brutal *{font-family:inherit}
.v98-brutal .ambient{display:none}

/* shell / brand */
.v98-brutal .sidebar,.v98-brutal .portal-sidebar{
 background:#0d0d10;border-right:2px solid #000;box-shadow:7px 0 0 #000;
}
.v98-brutal .brand,.v98-brutal .portal-brand{border:2px solid #000;background:var(--up-paper);border-radius:22px;box-shadow:var(--up-shadow-sm);padding:10px 12px;margin-bottom:18px;color:#09090b;text-decoration:none;transition:.18s cubic-bezier(.2,.8,.2,1)}
.v98-brutal .brand:hover,.v98-brutal .portal-brand:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #000}
.v98-brutal .brand-symbol{background:#fff;border:2px solid #000;border-radius:15px;box-shadow:0 3px 0 #000}
.v98-brutal .brand-copy strong,.v98-brutal .portal-brand b{color:#09090b;font-weight:700;letter-spacing:-.5px}
.v98-brutal .brand-copy span,.v98-brutal .portal-brand small{color:#66666d;font-weight:700}
.v98-brutal .nav-section-label{color:#6f6f77;font-size:9px;font-weight:700;letter-spacing:1.8px;padding-left:10px}
.v98-brutal .side-nav a,.v98-brutal .portal-sidebar nav a{border:2px solid transparent;border-radius:16px;font-weight:650;color:#a8a8b0;transition:.16s ease;box-shadow:none}
.v98-brutal .side-nav a:hover,.v98-brutal .portal-sidebar nav a:hover{transform:translateX(4px);background:#1b1b20;border-color:#2c2c31;color:#fff}
.v98-brutal .side-nav a.active,.v98-brutal .portal-sidebar nav a.active{background:var(--up-red)!important;border-color:#000!important;color:#fff!important;box-shadow:4px 4px 0 #000!important;transform:translate(-1px,-1px)}
.v98-brutal .side-nav a.active:before{display:none}
.v98-brutal .side-nav a .nav-icon,.v98-brutal .portal-sidebar nav a i{background:#1a1a1f;border:1px solid #303036;border-radius:10px;color:#fff}
.v98-brutal .side-nav a.active .nav-icon,.v98-brutal .portal-sidebar nav a.active i{background:#fff!important;color:#0a0a0b!important;border-color:#000!important;box-shadow:2px 2px 0 #000}
.v98-brutal .system-pill{border:1px solid #2a2a2f;background:#151519;border-radius:15px;padding:11px}

/* top bars */
.v98-brutal .topbar,.v98-brutal .portal-top{background:rgba(9,9,11,.92);backdrop-filter:blur(18px);border-bottom:2px solid #000}
.v98-brutal .eyebrow{color:var(--up-red-2);font-weight:700;letter-spacing:1.4px}
.v98-brutal .topbar h1,.v98-brutal .portal-top h1{font-weight:700;letter-spacing:-.7px}
.v98-brutal .top-quick,.v98-brutal .admin-chip,.v98-brutal .portal-user{border:2px solid #000;background:var(--up-paper);color:#0a0a0b;box-shadow:3px 3px 0 #000;border-radius:15px}
.v98-brutal .top-quick:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000}
.v98-brutal .top-quick span{color:var(--up-red)}
.v98-brutal .admin-chip small,.v98-brutal .portal-user small{color:#6a6a70}
.v98-brutal .avatar,.v98-brutal .portal-user>span{background:var(--up-red);color:#fff;border:2px solid #000;box-shadow:2px 2px 0 #000}

/* page headings */
.v98-brutal .page-head{align-items:center;margin-bottom:24px}
.v98-brutal .page-head h2{font-size:31px;font-weight:700;letter-spacing:-1.4px}
.v98-brutal .page-head p{font-size:12px;line-height:1.6;color:#9e9ea7;max-width:760px}
.v98-brutal .section-title h2,.v98-brutal .section-title h3,.v98-brutal .portal-card h2{font-weight:700;letter-spacing:-.45px}

/* brutal cards */
.v98-brutal .card,.v98-brutal .panel,.v98-brutal .portal-card,.v98-brutal .portal-kpi,.v98-brutal .table-wrap,.v98-brutal .finance-strip{
 border:2px solid #000!important;border-radius:var(--up-radius)!important;
 background:#17171b!important;box-shadow:var(--up-shadow)!important;
}
.v98-brutal .card:hover,.v98-brutal .panel:hover,.v98-brutal .portal-card:hover,.v98-brutal .portal-kpi:hover{
 transform:translate(-2px,-2px)!important;box-shadow:9px 9px 0 #000!important;border-color:#000!important;
}
.v98-brutal .metric-card{overflow:hidden;min-height:142px;padding:20px}
.v98-brutal .metric-card:before,.v98-brutal .metric-card:after,.v98-brutal .portal-kpi:before{display:none!important}
.v98-brutal .metric-card .muted,.v98-brutal .portal-kpi>span{text-transform:uppercase;font-size:9px;letter-spacing:1.15px;font-weight:700}
.v98-brutal .metric-card b.value,.v98-brutal .portal-kpi b{font-size:37px;font-weight:700;letter-spacing:-1.8px}
.v98-brutal .metric-icon{width:42px;height:42px;border:2px solid #000;border-radius:13px;background:var(--up-paper);color:#09090b;box-shadow:3px 3px 0 #000}
.v98-brutal .metric-card.green{background:var(--up-paper)!important;color:#09090b}.v98-brutal .metric-card.green .muted,.v98-brutal .metric-card.green small{color:#57575c}.v98-brutal .metric-card.green .trend{color:#098c5e}
.v98-brutal .metric-card.blue{background:#dbe9ff!important;color:#09090b}.v98-brutal .metric-card.blue .muted,.v98-brutal .metric-card.blue small{color:#505866}
.v98-brutal .metric-card.yellow{background:#ffe3a6!important;color:#09090b}.v98-brutal .metric-card.yellow .muted,.v98-brutal .metric-card.yellow small{color:#5f5138}
.v98-brutal #metricGrid .metric-card:nth-child(2){background:var(--up-red)!important;color:#fff}.v98-brutal #metricGrid .metric-card:nth-child(2) .muted,.v98-brutal #metricGrid .metric-card:nth-child(2) small{color:#ffe5e8}

/* finance strip */
.v98-brutal .finance-strip{background:var(--up-paper)!important;color:#09090b!important;padding:15px 18px!important}
.v98-brutal .finance-strip-item{border-right:2px solid #111!important}
.v98-brutal .finance-strip-item span{color:#66666c;font-weight:700}.v98-brutal .finance-strip-item b{font-size:22px;font-weight:700}

/* Buttons: physical neo-brutal feel */
.v98-brutal .btn,.v98-brutal .ref-code button,.v98-brutal .pix-copy button{
 background:var(--up-red)!important;color:#fff!important;border:2px solid #000!important;border-radius:14px!important;
 box-shadow:4px 4px 0 #000!important;font-weight:700!important;letter-spacing:-.15px!important;
 transition:transform .12s ease,box-shadow .12s ease,background .12s ease!important;
}
.v98-brutal .btn:before{display:none!important}
.v98-brutal .btn:hover,.v98-brutal .ref-code button:hover,.v98-brutal .pix-copy button:hover{transform:translate(-2px,-2px)!important;box-shadow:7px 7px 0 #000!important;filter:none!important}
.v98-brutal .btn:active,.v98-brutal .ref-code button:active,.v98-brutal .pix-copy button:active{transform:translate(3px,3px)!important;box-shadow:1px 1px 0 #000!important}
.v98-brutal .btn.gray,.v98-brutal .btn.outline{background:var(--up-paper)!important;color:#09090b!important}
.v98-brutal .btn.green{background:var(--up-green)!important;color:#07130d!important}
.v98-brutal .btn.red{background:#ff8d9b!important;color:#170307!important}
.v98-brutal .ultra-ripple{background:rgba(255,255,255,.45)}

/* forms */
.v98-brutal input,.v98-brutal select,.v98-brutal textarea{
 background:#0e0e11;color:#fff;border:2px solid #33333a;border-radius:14px;padding:11px 12px;box-shadow:none
}
.v98-brutal input:focus,.v98-brutal select:focus,.v98-brutal textarea:focus{border-color:var(--up-red);box-shadow:4px 4px 0 #000;transform:translate(-1px,-1px)}
.v98-brutal label{font-weight:700}.v98-brutal .field-hint{color:#85858e}

/* tables / data */
.v98-brutal .table-wrap{overflow:auto;background:#111114!important}
.v98-brutal table{background:#111114;border:0;border-radius:0}
.v98-brutal th{background:var(--up-paper);color:#0a0a0b;font-weight:700;border-bottom:2px solid #000;font-size:9px}
.v98-brutal td{border-bottom:1px solid #29292e;color:#e8e8eb}
.v98-brutal tbody tr:hover td{background:#1b1b20}
.v98-brutal .badge{border:2px solid #000;box-shadow:2px 2px 0 #000;font-weight:700;background:#f0ece6;color:#0a0a0b}
.v98-brutal .badge.online,.v98-brutal .badge.ok{background:var(--up-green);color:#07140e}.v98-brutal .badge.warn,.v98-brutal .badge.yellow{background:var(--up-yellow);color:#161004}.v98-brutal .badge.off{background:#ff9aaa;color:#160207}.v98-brutal .badge.live{background:var(--up-red);color:#fff}.v98-brutal .badge.movie{background:#d4c7ff;color:#120b2e}.v98-brutal .badge.series,.v98-brutal .badge.episode{background:#cbe1ff;color:#07162b}

/* live rows and secondary blocks */
.v98-brutal .live-row,.v98-brutal .update-kpi,.v98-brutal .check-card,.v98-brutal .update-steps>div,.v98-brutal .plan-admin-card{
 border:2px solid #000;background:#202025;border-radius:15px;box-shadow:3px 3px 0 #000
}
.v98-brutal .live-row:hover{background:#28282e;transform:translate(-2px,-2px);box-shadow:5px 5px 0 #000}
.v98-brutal .bar-track{background:#0b0b0d;border:1px solid #35353a}.v98-brutal .bar-track i{background:var(--up-red)}

/* Portal: deliberate large customer-facing composition */
.v98-brutal.portal-body .portal-content{max-width:1540px;padding-top:30px}
.v98-brutal .portal-welcome{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:0 0 20px}
.v98-brutal .portal-welcome h2{font-size:34px;line-height:1;margin:0;letter-spacing:-1.8px;font-weight:700}.v98-brutal .portal-welcome p{color:#92929b;margin:8px 0 0}
.v98-brutal .portal-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px;margin-bottom:18px}
.v98-brutal .wallet-hero{position:relative;overflow:hidden;min-height:270px;padding:28px!important;background:var(--up-red)!important;color:#fff!important;display:flex;flex-direction:column;justify-content:space-between}
.v98-brutal .wallet-hero:after{content:"R$";position:absolute;right:-8px;bottom:-66px;font-size:180px;line-height:1;font-weight:700;color:rgba(255,255,255,.1);letter-spacing:-18px;pointer-events:none}
.v98-brutal .wallet-hero .hero-label{display:inline-flex;align-items:center;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700}
.v98-brutal .wallet-hero .hero-label:before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.14)}
.v98-brutal .wallet-hero strong{display:block;font-size:58px;line-height:.95;letter-spacing:-3.4px;margin:28px 0 10px;font-weight:700}
.v98-brutal .wallet-hero p{color:#ffe9ec;max-width:540px;font-size:12px}.v98-brutal .wallet-hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2}
.v98-brutal .wallet-hero .btn{background:#fff!important;color:#09090b!important}.v98-brutal .wallet-hero .btn.gray{background:#0d0d0f!important;color:#fff!important}
.v98-brutal .portal-side-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.v98-brutal .portal-side-summary .portal-kpi{min-height:128px;padding:18px;background:#17171b!important;color:#fff}.v98-brutal .portal-side-summary .portal-kpi:nth-child(1){background:var(--up-paper)!important;color:#09090b}.v98-brutal .portal-side-summary .portal-kpi:nth-child(1) span,.v98-brutal .portal-side-summary .portal-kpi:nth-child(1) small{color:#55555b}.v98-brutal .portal-side-summary .portal-kpi:nth-child(2){background:#dbe9ff!important;color:#09090b}.v98-brutal .portal-side-summary .portal-kpi:nth-child(2) span,.v98-brutal .portal-side-summary .portal-kpi:nth-child(2) small{color:#505965}.v98-brutal .portal-side-summary .portal-kpi:nth-child(3){background:#ffe2a1!important;color:#09090b}.v98-brutal .portal-side-summary .portal-kpi:nth-child(3) span,.v98-brutal .portal-side-summary .portal-kpi:nth-child(3) small{color:#5d5038}.v98-brutal .portal-side-summary .portal-kpi:nth-child(4){background:#d7c8ff!important;color:#09090b}.v98-brutal .portal-side-summary .portal-kpi:nth-child(4) span,.v98-brutal .portal-side-summary .portal-kpi:nth-child(4) small{color:#554a70}
.v98-brutal .referral-invite-card{background:var(--up-paper)!important;color:#0a0a0b!important}.v98-brutal .referral-invite-card p{color:#55555c!important}.v98-brutal .ref-code span{color:#0a0a0b!important;background:none!important;font-size:25px!important}.v98-brutal .referral-invite-card>input{background:#fff;color:#111;border:2px solid #000;box-shadow:3px 3px 0 #000}
.v98-brutal .portal-card-head>a{color:var(--up-red-2);font-weight:700}
.v98-brutal .subscription-box{border:2px solid #000;background:#c9ffdf;box-shadow:4px 4px 0 #000;color:#07150e}.v98-brutal .subscription-box strong{color:#07150e;font-size:28px}
.v98-brutal .portal-list>div,.v98-brutal .wallet-ledger>div{border-bottom:1px solid #323237}
.v98-brutal .portal-list-icon,.v98-brutal .portal-avatar,.v98-brutal .wallet-dot{border:2px solid #000;box-shadow:2px 2px 0 #000;background:var(--up-paper);color:#0a0a0b}
.v98-brutal .wallet-dot.plus{background:var(--up-green);color:#07140e}.v98-brutal .wallet-dot.minus{background:#ff9aaa;color:#190307}
.v98-brutal .level-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.v98-brutal .level-summary>div{background:#1b1b20;border:2px solid #000;box-shadow:3px 3px 0 #000;border-radius:16px;padding:15px}.v98-brutal .level-summary>div:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000}.v98-brutal .level-summary b{font-size:24px}
.v98-brutal .portal-plan{border:2px solid #000;background:#17171b;box-shadow:5px 5px 0 #000;border-radius:22px}.v98-brutal .portal-plan:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 #000}.v98-brutal .portal-plan.featured{background:var(--up-red);color:#fff}.v98-brutal .portal-plan.featured p,.v98-brutal .portal-plan.featured small{color:#ffe4e7}.v98-brutal .plan-badge{border:2px solid #000;background:#fff;color:#09090b;box-shadow:2px 2px 0 #000}

/* Admin dashboard has stronger visual hierarchy */
.v98-brutal .admin-intro-strip{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:16px;margin-bottom:18px}
.v98-brutal .admin-intro-card{padding:26px;background:var(--up-paper);color:#0a0a0b;border:2px solid #000;border-radius:28px;box-shadow:6px 6px 0 #000;position:relative;overflow:hidden}
.v98-brutal .admin-intro-card:after{content:"ULTRA";position:absolute;right:-15px;bottom:-28px;font-size:93px;font-weight:700;letter-spacing:-7px;color:rgba(0,0,0,.055)}
.v98-brutal .admin-intro-card h2{font-size:36px;line-height:1.02;letter-spacing:-2px;margin:4px 0 10px}.v98-brutal .admin-intro-card p{max-width:650px;color:#5f5f65}.v98-brutal .admin-intro-card .eyebrow{color:var(--up-red)}
.v98-brutal .admin-intro-actions{display:flex;align-items:stretch;gap:12px}.v98-brutal .admin-intro-actions>a{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:150px;padding:18px;text-decoration:none;border:2px solid #000;border-radius:24px;box-shadow:5px 5px 0 #000;background:var(--up-red);color:#fff;transition:.15s}.v98-brutal .admin-intro-actions>a:last-child{background:#dbe9ff;color:#09090b}.v98-brutal .admin-intro-actions>a:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #000}.v98-brutal .admin-intro-actions small{font-weight:700;text-transform:uppercase;letter-spacing:1px}.v98-brutal .admin-intro-actions b{font-size:20px;letter-spacing:-.7px}

/* auth pages */
.v98-brutal.auth-body{background:#09090b!important}.v98-brutal .auth-shell{border:2px solid #000;border-radius:34px;box-shadow:8px 8px 0 #000;background:#151519}.v98-brutal .auth-showcase{background:var(--up-paper);color:#09090b}.v98-brutal .auth-copy h1{font-weight:700;letter-spacing:-2.8px}.v98-brutal .auth-copy h1 em{color:var(--up-red)}.v98-brutal .auth-copy p{color:#606066}.v98-brutal .auth-points span{background:#fff;border:2px solid #000;color:#111;box-shadow:3px 3px 0 #000}.v98-brutal .auth-card{border:2px solid #000;border-radius:26px;box-shadow:6px 6px 0 #000;background:#1b1b20}.v98-brutal .auth-mini-logo{background:#fff;border:2px solid #000;box-shadow:3px 3px 0 #000}
.v98-brutal.portal-login-body,.v98-brutal.login-body{font-family:"Space Grotesk",Inter,sans-serif;background:#09090b}
.v98-brutal .portal-login-card,.v98-brutal .login-card{border:2px solid #000;box-shadow:7px 7px 0 #000;border-radius:28px;background:#17171b}
.v98-brutal .signup-intro h1{font-weight:700;letter-spacing:-1.9px}.v98-brutal .referrer-box{border:2px solid #000;box-shadow:4px 4px 0 #000;background:#c9ffdf;color:#07150e}.v98-brutal .signup-points i{background:var(--up-red);color:#fff;border:2px solid #000;box-shadow:2px 2px 0 #000}

/* alerts and informative elements */
.v98-brutal .alert,.v98-brutal .info-strip,.v98-brutal .version-warning{border:2px solid #000!important;box-shadow:4px 4px 0 #000!important;border-radius:16px!important}.v98-brutal .alert.ok{background:#c9ffdf;color:#07150e}.v98-brutal .alert.err{background:#ffacb7;color:#1b0307}.v98-brutal .info-strip{background:#dbe9ff;color:#091728}.v98-brutal .info-strip p{color:#3c4d60}

/* subtle page line motif */
.v98-brutal .container:before,.v98-brutal .portal-content:before{content:"";display:block;width:78px;height:8px;border-radius:999px;background:var(--up-red);border:2px solid #000;box-shadow:3px 3px 0 #000;margin-bottom:18px}

@media(max-width:1180px){
 .v98-brutal .portal-hero-grid,.v98-brutal .admin-intro-strip{grid-template-columns:1fr}
 .v98-brutal .wallet-hero{min-height:235px}
}
@media(max-width:900px){
 .v98-brutal .wallet-hero strong{font-size:48px}
 .v98-brutal .level-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
 .v98-brutal .admin-intro-card h2{font-size:31px}
}
@media(max-width:760px){
 .v98-brutal .portal-sidebar{box-shadow:0 -5px 0 #000;border-top:2px solid #000;border-right:0}
 .v98-brutal .portal-sidebar nav a.active{box-shadow:3px 3px 0 #000!important}
 .v98-brutal .portal-welcome{align-items:flex-start;flex-direction:column}.v98-brutal .portal-welcome h2{font-size:29px}
 .v98-brutal .portal-side-summary{grid-template-columns:1fr 1fr}.v98-brutal .wallet-hero strong{font-size:42px}
 .v98-brutal .admin-intro-actions{display:grid;grid-template-columns:1fr 1fr}.v98-brutal .admin-intro-actions>a{min-height:120px}
}
@media(max-width:560px){
 .v98-brutal .portal-side-summary{grid-template-columns:1fr}.v98-brutal .level-summary{grid-template-columns:1fr 1fr}
 .v98-brutal .wallet-hero{padding:22px!important}.v98-brutal .wallet-hero strong{font-size:37px;letter-spacing:-2px}
 .v98-brutal .admin-intro-actions{grid-template-columns:1fr}.v98-brutal .admin-intro-card h2{font-size:27px}
}

/* ==========================================================
   UltraPlay V99 — Product pages / Neo Control System
   Dedicated layouts for Clients, Plans, Referrals and Payouts.
   ========================================================== */
.v99-ui{
 --v99-paper:#f7f3ed;--v99-red:#ff2038;--v99-red2:#ff485c;--v99-blue:#dbe9ff;
 --v99-yellow:#ffe3a6;--v99-green:#c9ffdf;--v99-purple:#d9ccff;--v99-dark:#111114;
 --v99-border:#050506;--v99-shadow:6px 6px 0 #000;--v99-soft:#8f8f98;
}
.v99-ui .container{max-width:1580px}
.v99-ui .v99-page-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:22px;min-height:300px;padding:30px;border:2px solid #000;border-radius:32px;background:var(--v99-paper);color:#080809;box-shadow:8px 8px 0 #000;margin-bottom:22px;overflow:hidden;isolation:isolate}
.v99-ui .v99-page-hero:before{content:"";position:absolute;inset:auto -90px -150px auto;width:360px;height:360px;border:58px solid rgba(0,0,0,.045);border-radius:50%;z-index:-1}
.v99-ui .v99-hero-copy{align-self:center;max-width:790px}.v99-ui .v99-kicker{display:block;color:var(--v99-red);font-size:9px;letter-spacing:1.8px;font-weight:700;text-transform:uppercase;margin-bottom:9px}.v99-ui .v99-hero-copy h2{font-size:44px;line-height:.98;letter-spacing:-2.8px;margin:0 0 14px;font-weight:700}.v99-ui .v99-hero-copy h2 em{font-style:normal;color:var(--v99-red)}.v99-ui .v99-hero-copy p{max-width:650px;color:#5b5b62;font-size:12px;line-height:1.7;margin:0}.v99-ui .v99-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.v99-ui .v99-page-hero .btn.gray{background:#111114!important;color:#fff!important}

/* pointer spotlight is intentionally very subtle */
.v99-ui .v99-interactive{position:relative;--mx:50%;--my:50%}.v99-ui .v99-interactive:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(220px circle at var(--mx) var(--my),rgba(255,255,255,.08),transparent 58%);opacity:0;transition:opacity .18s;z-index:0}.v99-ui .v99-interactive:hover:after{opacity:1}.v99-ui .v99-interactive>*{position:relative;z-index:1}

/* compact stats with deliberate color blocking */
.v99-ui .v99-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.v99-ui .v99-stat-tile{display:flex;flex-direction:column;min-height:145px;padding:19px;text-decoration:none;border:2px solid #000;border-radius:22px;box-shadow:5px 5px 0 #000;background:#19191d;color:#fff;transition:.15s ease;overflow:hidden}.v99-ui .v99-stat-tile:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #000}.v99-ui .v99-stat-tile>span{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;font-weight:700;opacity:.68}.v99-ui .v99-stat-tile>strong{font-size:34px;line-height:1;margin:auto 0 7px;letter-spacing:-1.8px;white-space:nowrap}.v99-ui .v99-stat-tile>small{font-size:9px;opacity:.64}.v99-ui .v99-stat-tile.paper{background:var(--v99-paper);color:#09090a}.v99-ui .v99-stat-tile.red{background:var(--v99-red)}.v99-ui .v99-stat-tile.blue{background:var(--v99-blue);color:#09121e}.v99-ui .v99-stat-tile.yellow{background:var(--v99-yellow);color:#161006}.v99-ui .v99-stat-tile.green{background:var(--v99-green);color:#06120c}

/* clients */
.v99-ui .v99-client-hero{background:linear-gradient(115deg,var(--v99-paper) 0 68%,#e3dcff 68% 100%)}
.v99-ui .v99-hero-orbit{position:relative;align-self:center;justify-self:center;width:280px;height:250px}.v99-ui .v99-orbit-core{position:absolute;left:65px;top:48px;width:150px;height:150px;border:2px solid #000;border-radius:50%;background:var(--v99-red);color:#fff;box-shadow:7px 7px 0 #000;display:grid;place-items:center;align-content:center;text-align:center}.v99-ui .v99-orbit-core strong{font-size:42px;letter-spacing:-2px;line-height:1}.v99-ui .v99-orbit-core span{font-size:9px;margin-top:5px;text-transform:uppercase;font-weight:700}.v99-ui .v99-orbit-chip{position:absolute;display:grid;place-items:center;align-content:center;width:82px;height:68px;background:#fff;border:2px solid #000;border-radius:18px;box-shadow:4px 4px 0 #000}.v99-ui .v99-orbit-chip b{font-size:20px}.v99-ui .v99-orbit-chip span{font-size:8px;text-transform:uppercase}.v99-ui .v99-orbit-chip.chip-a{left:0;top:8px}.v99-ui .v99-orbit-chip.chip-b{right:0;top:14px;background:var(--v99-green)}.v99-ui .v99-orbit-chip.chip-c{right:9px;bottom:2px;background:var(--v99-yellow)}
.v99-ui .v99-command-bar{display:grid;grid-template-columns:minmax(230px,.45fr) minmax(0,1.55fr);gap:20px;align-items:center;padding:17px 19px!important}.v99-ui .v99-command-copy span{display:block;font-size:8px;color:var(--v99-red);letter-spacing:1.3px;font-weight:700}.v99-ui .v99-command-copy b{display:block;margin-top:4px;font-size:11px}.v99-ui .v99-search-line{display:flex;align-items:center;gap:8px}.v99-ui .v99-search-line .search-wrap{flex:1}.v99-ui .v99-search-line select{width:180px}
.v99-ui .v99-data-panel{padding:20px!important}.v99-ui .v99-legend{display:flex;gap:12px;color:#8d8d96;font-size:9px}.v99-ui .v99-legend span{display:flex;align-items:center;gap:5px}.v99-ui .v99-legend .dot{width:7px;height:7px;border-radius:50%;background:#57575d}.v99-ui .v99-legend .dot.live{background:#57e9a4}
.v99-ui .v99-client-list{display:grid;gap:9px}.v99-ui .v99-client-row{display:grid;grid-template-columns:minmax(210px,1.15fr) 120px minmax(180px,1fr) minmax(170px,.9fr) 120px 110px;gap:14px;align-items:center;padding:12px 14px;border:2px solid #000;border-radius:17px;background:#1d1d21;box-shadow:3px 3px 0 #000;transition:.14s ease;overflow:hidden}.v99-ui .v99-client-row:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000;background:#242429}.v99-ui .v99-client-row.is-online{border-left:7px solid #61e7a6}.v99-ui .v99-client-row.is-offline{border-left:7px solid #585860}.v99-ui .v99-client-id{display:flex;align-items:center;gap:10px;min-width:0}.v99-ui .v99-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:2px solid #000;border-radius:13px;background:var(--v99-paper);color:#111;font-size:15px;font-weight:700;box-shadow:2px 2px 0 #000}.v99-ui .v99-client-id b,.v99-ui .v99-client-cell b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.v99-ui .v99-client-id small,.v99-ui .v99-client-cell small{display:block;margin-top:3px;color:#777781;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v99-ui .v99-client-cell{min-width:0}.v99-ui .v99-client-cell>span,.v99-ui .v99-withdraw-detail>span,.v99-ui .v99-withdraw-amount>span{display:block;color:#6f6f78;font-size:7px;letter-spacing:1px;font-weight:700;margin-bottom:4px}.v99-ui .v99-client-action{display:grid;justify-items:end;gap:7px}

/* plans */
.v99-ui .v99-plan-hero{background:linear-gradient(112deg,var(--v99-paper) 0 66%,var(--v99-yellow) 66% 100%)}.v99-ui .v99-plan-snapshot{align-self:center;justify-self:stretch;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v99-ui .v99-plan-snapshot>div{display:flex;flex-direction:column;justify-content:flex-end;min-height:140px;padding:14px;border:2px solid #000;border-radius:20px;box-shadow:4px 4px 0 #000;background:#fff}.v99-ui .v99-plan-snapshot>div:nth-child(2){background:var(--v99-red);color:#fff}.v99-ui .v99-plan-snapshot>div:nth-child(3){background:#111;color:#fff}.v99-ui .v99-plan-snapshot span{font-size:7px;letter-spacing:1px;font-weight:700}.v99-ui .v99-plan-snapshot strong{font-size:34px;line-height:1;margin-top:7px}
.v99-ui .v99-plan-workspace{display:grid;grid-template-columns:minmax(330px,.68fr) minmax(0,1.32fr);gap:18px}.v99-ui .v99-plan-editor{align-self:start;position:sticky;top:100px;padding:20px!important}.v99-ui .v99-editor-head h2{font-size:23px;margin:0;letter-spacing:-1px}.v99-ui .v99-editor-head p{color:#81818a;font-size:10px}.v99-ui .v99-price-preview{margin:16px 0;padding:18px;border:2px solid #000;border-radius:20px;background:var(--v99-red);color:#fff;box-shadow:4px 4px 0 #000}.v99-ui .v99-price-preview span,.v99-ui .v99-price-preview small{display:block;font-size:8px;letter-spacing:1px}.v99-ui .v99-price-preview strong{display:block;font-size:35px;letter-spacing:-2px;margin:5px 0}.v99-ui .v99-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.v99-ui .v99-check{display:flex;gap:9px;align-items:flex-start;padding:11px;border:2px solid #000;border-radius:14px;background:#202024;box-shadow:2px 2px 0 #000;cursor:pointer}.v99-ui .v99-check b,.v99-ui .v99-check small{display:block}.v99-ui .v99-check small{font-size:8px;color:#7e7e87;margin-top:2px}.v99-ui .v99-plan-gallery{min-width:0}.v99-ui .v99-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.v99-ui .v99-section-head h2{margin:0;font-size:22px;letter-spacing:-.8px}.v99-ui .v99-section-head p{margin:4px 0 0;color:#7f7f88;font-size:9px}.v99-ui .v99-count-pill{display:inline-flex;padding:7px 10px;border:2px solid #000;border-radius:999px;background:var(--v99-paper);color:#111;font-size:9px;font-weight:700;box-shadow:2px 2px 0 #000;white-space:nowrap}
.v99-ui .v99-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v99-ui .v99-pricing-card{display:flex;flex-direction:column;min-height:330px;padding:18px;border:2px solid #000;border-radius:25px;background:#19191d;box-shadow:5px 5px 0 #000;transition:.15s ease;overflow:hidden}.v99-ui .v99-pricing-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 #000}.v99-ui .v99-pricing-card.featured{background:var(--v99-red);color:#fff}.v99-ui .v99-pricing-card.archived{opacity:.66}.v99-ui .v99-pricing-top{display:flex;justify-content:space-between;gap:10px}.v99-ui .v99-plan-index{font-size:10px;font-weight:700;color:#777781}.v99-ui .v99-pricing-card.featured .v99-plan-index{color:#ffd8de}.v99-ui .v99-pricing-copy{margin:23px 0 16px}.v99-ui .v99-pricing-copy h3{font-size:24px;letter-spacing:-1.2px;margin:0 0 7px}.v99-ui .v99-pricing-copy p{font-size:9px;color:#85858e;line-height:1.55;min-height:42px;margin:0}.v99-ui .v99-pricing-card.featured .v99-pricing-copy p{color:#ffe6ea}.v99-ui .v99-pricing-price{display:flex;align-items:baseline;gap:7px}.v99-ui .v99-pricing-price strong{font-size:31px;letter-spacing:-1.8px}.v99-ui .v99-pricing-price span{font-size:9px;color:#7d7d86}.v99-ui .v99-pricing-card.featured .v99-pricing-price span{color:#ffe1e5}.v99-ui .v99-plan-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0}.v99-ui .v99-plan-meta>div{padding:9px;border:1px solid #36363c;border-radius:12px}.v99-ui .v99-pricing-card.featured .v99-plan-meta>div{border-color:rgba(0,0,0,.28);background:rgba(0,0,0,.08)}.v99-ui .v99-plan-meta b,.v99-ui .v99-plan-meta span{display:block}.v99-ui .v99-plan-meta b{font-size:14px}.v99-ui .v99-plan-meta span{font-size:7px;color:#777781}.v99-ui .v99-pricing-card.featured .v99-plan-meta span{color:#ffe4e8}.v99-ui .v99-card-actions{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap}.v99-ui .v99-card-actions form{display:flex;gap:6px;flex-wrap:wrap}

/* referrals */
.v99-ui .v99-referral-hero{background:linear-gradient(112deg,var(--v99-paper) 0 67%,#d9ccff 67% 100%)}.v99-ui .v99-network-visual{position:relative;width:290px;height:250px;justify-self:center;align-self:center}.v99-ui .v99-network-visual:before,.v99-ui .v99-network-visual:after{content:"";position:absolute;left:30px;right:30px;top:124px;height:2px;background:#000;transform:rotate(22deg);transform-origin:center}.v99-ui .v99-network-visual:after{transform:rotate(-22deg)}.v99-ui .v99-network-center{position:absolute;left:88px;top:72px;width:120px;height:120px;border:2px solid #000;border-radius:26px;background:var(--v99-red);color:#fff;box-shadow:6px 6px 0 #000;display:grid;place-items:center;align-content:center;z-index:3}.v99-ui .v99-network-center strong{font-size:35px;letter-spacing:-2px}.v99-ui .v99-network-center span{font-size:8px;text-transform:uppercase}.v99-ui .v99-network-visual .node{position:absolute;z-index:4;display:grid;place-items:center;width:46px;height:46px;border:2px solid #000;border-radius:15px;background:#fff;color:#111;font-weight:700;box-shadow:3px 3px 0 #000}.v99-ui .v99-network-visual .n1{left:0;top:18px}.v99-ui .v99-network-visual .n2{right:0;top:10px;background:var(--v99-green)}.v99-ui .v99-network-visual .n3{left:7px;bottom:13px;background:var(--v99-yellow)}.v99-ui .v99-network-visual .n4{right:8px;bottom:12px;background:var(--v99-blue)}.v99-ui .v99-network-visual .n5{left:122px;bottom:-3px;background:#111;color:#fff}
.v99-ui .v99-flow-panel{padding:20px!important}.v99-ui .v99-flow-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center}.v99-ui .v99-flow-step{min-height:108px;padding:13px;border:2px solid #000;border-radius:17px;background:#202024;box-shadow:3px 3px 0 #000}.v99-ui .v99-flow-step i{display:grid;place-items:center;width:26px;height:26px;border:2px solid #000;border-radius:9px;background:#fff;color:#111;font-style:normal;font-size:8px;font-weight:700;box-shadow:2px 2px 0 #000}.v99-ui .v99-flow-step b,.v99-ui .v99-flow-step small{display:block}.v99-ui .v99-flow-step b{margin-top:12px;font-size:10px}.v99-ui .v99-flow-step small{font-size:8px;color:#777781;margin-top:3px}.v99-ui .v99-flow-step.accent{background:var(--v99-red);color:#fff}.v99-ui .v99-flow-step.accent small{color:#ffe0e4}.v99-ui .v99-flow-step.green{background:var(--v99-green);color:#08130e}.v99-ui .v99-flow-step.green small{color:#446557}.v99-ui .v99-flow-arrow{font-size:18px;color:#65656d;font-weight:700}
.v99-ui .v99-referral-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:16px}.v99-ui .v99-commission-feed{margin:0}.v99-ui .v99-commission-list{display:grid;gap:7px;max-height:740px;overflow:auto;padding-right:4px}.v99-ui .v99-commission-row{display:grid;grid-template-columns:42px minmax(0,1fr) 135px 70px;align-items:center;gap:10px;padding:10px 11px;border:2px solid #000;border-radius:15px;background:#202024;box-shadow:2px 2px 0 #000}.v99-ui .v99-commission-mark{display:grid;place-items:center;width:36px;height:36px;border:2px solid #000;border-radius:11px;background:var(--v99-paper);color:#111;font-weight:700;font-size:9px;box-shadow:2px 2px 0 #000}.v99-ui .v99-commission-main b,.v99-ui .v99-commission-main small{display:block}.v99-ui .v99-commission-main b{font-size:10px}.v99-ui .v99-commission-main small{font-size:8px;color:#777781;margin-top:3px}.v99-ui .v99-commission-value{text-align:right}.v99-ui .v99-commission-value strong{display:block;font-size:12px;margin-bottom:4px}.v99-ui .v99-commission-row time{font-size:8px;color:#6d6d75;text-align:right}.v99-ui .v99-referral-side{display:grid;align-content:start;gap:16px}.v99-ui .v99-referral-side .panel{margin:0}.v99-ui .v99-matrix-mini{background:var(--v99-paper)!important;color:#111!important}.v99-ui .v99-matrix-mini .v99-section-head a{font-size:9px;color:var(--v99-red);font-weight:700}.v99-ui .v99-mini-levels{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v99-ui .v99-mini-levels>div{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:2px solid #000;border-radius:11px;background:#fff;box-shadow:2px 2px 0 #000}.v99-ui .v99-mini-levels>div.hot{background:var(--v99-red);color:#fff}.v99-ui .v99-mini-levels span{font-size:8px;font-weight:700}.v99-ui .v99-mini-levels b{font-size:10px}.v99-ui .v99-ranking-list{display:grid;gap:6px}.v99-ui .v99-ranking-list>a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;text-decoration:none;padding:8px;border:2px solid transparent;border-radius:12px}.v99-ui .v99-ranking-list>a:hover{border-color:#000;background:#222227;box-shadow:2px 2px 0 #000}.v99-ui .v99-ranking-list b,.v99-ui .v99-ranking-list small{display:block}.v99-ui .v99-ranking-list b{font-size:9px}.v99-ui .v99-ranking-list small{font-size:7px;color:#777781;margin-top:2px}.v99-ui .v99-ranking-list strong{font-size:10px;color:#67e8aa}

/* payouts */
.v99-ui .v99-payout-hero{background:linear-gradient(112deg,var(--v99-paper) 0 69%,var(--v99-green) 69% 100%)}.v99-ui .v99-payout-ticket{align-self:center;justify-self:center;width:260px;min-height:210px;padding:22px;border:2px solid #000;border-radius:26px;background:#fff;color:#111;box-shadow:7px 7px 0 #000;display:flex;flex-direction:column}.v99-ui .v99-payout-ticket>span{font-size:8px;letter-spacing:1.4px;font-weight:700}.v99-ui .v99-payout-ticket>strong{font-size:52px;letter-spacing:-3px;line-height:1;margin-top:15px}.v99-ui .v99-payout-ticket>small{font-size:10px;color:#777}.v99-ui .v99-payout-ticket>div{margin-top:auto;border-top:2px solid #000;padding-top:12px;display:flex;justify-content:space-between;align-items:end}.v99-ui .v99-payout-ticket>div b{font-size:16px}.v99-ui .v99-payout-ticket>div span{font-size:8px;text-transform:uppercase}
.v99-ui .v99-payout-pipeline{padding:20px!important}.v99-ui .v99-pipeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v99-ui .v99-pipeline-grid>a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 10px;padding:13px;border:2px solid #000;border-radius:16px;background:#202024;text-decoration:none;box-shadow:3px 3px 0 #000;transition:.15s}.v99-ui .v99-pipeline-grid>a:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000}.v99-ui .v99-pipeline-grid>a>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border:2px solid #000;border-radius:10px;background:var(--v99-paper);color:#111;font-size:8px;font-weight:700}.v99-ui .v99-pipeline-grid b{font-size:17px;line-height:1}.v99-ui .v99-pipeline-grid small{font-size:8px;color:#777781}.v99-ui .v99-filter-select select{min-width:200px}
.v99-ui .v99-withdraw-list{display:grid;gap:8px}.v99-ui .v99-withdraw-row{display:grid;grid-template-columns:minmax(180px,1fr) 120px 150px 150px 150px auto;gap:12px;align-items:center;padding:12px;border:2px solid #000;border-radius:17px;background:#202024;box-shadow:3px 3px 0 #000}.v99-ui .v99-withdraw-person{display:flex;align-items:center;gap:9px}.v99-ui .v99-withdraw-person b,.v99-ui .v99-withdraw-person small,.v99-ui .v99-withdraw-detail b,.v99-ui .v99-withdraw-detail small{display:block}.v99-ui .v99-withdraw-person b,.v99-ui .v99-withdraw-detail b{font-size:10px}.v99-ui .v99-withdraw-person small,.v99-ui .v99-withdraw-detail small{font-size:8px;color:#777781;margin-top:2px}.v99-ui .v99-withdraw-amount strong{font-size:17px}.v99-ui .v99-withdraw-status small{display:block;font-size:7px;color:#777781;margin-top:4px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v99-ui .v99-withdraw-actions{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.v99-ui .v99-withdraw-row.status-paid{border-left:7px solid #68e9aa}.v99-ui .v99-withdraw-row.status-failed,.v99-ui .v99-withdraw-row.status-cancelled{border-left:7px solid #ff667b}.v99-ui .v99-withdraw-row.status-requested,.v99-ui .v99-withdraw-row.status-manual_review{border-left:7px solid #ffd166}

/* improve settings matrix now that the program is productized */
.v99-ui .commission-matrix label{border:2px solid #000;background:#202024;box-shadow:2px 2px 0 #000;border-radius:14px}.v99-ui .commission-matrix label:first-child{background:var(--v99-red);color:#fff}.v99-ui .matrix-total{border:2px solid #000;background:var(--v99-green);color:#08130e;box-shadow:3px 3px 0 #000;border-radius:14px}.v99-ui .matrix-total span,.v99-ui .matrix-total b{color:#08130e}

@media(max-width:1250px){
 .v99-ui .v99-client-row{grid-template-columns:minmax(190px,1.1fr) 105px minmax(170px,1fr) minmax(150px,.9fr) 110px}.v99-ui .v99-client-action{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center}
 .v99-ui .v99-withdraw-row{grid-template-columns:minmax(170px,1fr) 110px 140px 140px 140px}.v99-ui .v99-withdraw-actions{grid-column:1/-1}
}
@media(max-width:1100px){
 .v99-ui .v99-page-hero{grid-template-columns:1fr}.v99-ui .v99-hero-orbit,.v99-ui .v99-network-visual{display:none}.v99-ui .v99-plan-snapshot{max-width:620px}.v99-ui .v99-payout-ticket{justify-self:start;width:100%;max-width:360px;min-height:170px}
 .v99-ui .v99-stat-row{grid-template-columns:1fr 1fr}.v99-ui .v99-plan-workspace,.v99-ui .v99-referral-grid{grid-template-columns:1fr}.v99-ui .v99-plan-editor{position:static}.v99-ui .v99-flow-track{grid-template-columns:1fr 1fr 1fr}.v99-ui .v99-flow-arrow{display:none}.v99-ui .v99-flow-step{min-height:95px}.v99-ui .v99-pipeline-grid{grid-template-columns:1fr 1fr}
 .v99-ui .v99-command-bar{grid-template-columns:1fr}.v99-ui .v99-client-row{grid-template-columns:1.2fr 1fr 1fr}.v99-ui .v99-client-action{grid-column:auto}.v99-ui .v99-client-cell:nth-of-type(4),.v99-ui .v99-client-cell:nth-of-type(5){display:none}
}
@media(max-width:760px){
 .v99-ui .v99-page-hero{padding:22px;border-radius:24px;min-height:0}.v99-ui .v99-hero-copy h2{font-size:34px;letter-spacing:-2px}.v99-ui .v99-plan-snapshot{grid-template-columns:1fr 1fr}.v99-ui .v99-plan-snapshot>div{min-height:100px}.v99-ui .v99-plan-snapshot>div:last-child{grid-column:1/-1}
 .v99-ui .v99-stat-row{grid-template-columns:1fr 1fr}.v99-ui .v99-stat-tile{min-height:120px;padding:15px}.v99-ui .v99-stat-tile>strong{font-size:26px;white-space:normal}.v99-ui .v99-search-line{align-items:stretch;flex-direction:column}.v99-ui .v99-search-line select{width:100%}
 .v99-ui .v99-client-row{grid-template-columns:1fr 1fr}.v99-ui .v99-client-id{grid-column:1/-1}.v99-ui .v99-playing{grid-column:1/-1}.v99-ui .v99-client-action{grid-column:1/-1;justify-content:space-between;display:flex}.v99-ui .v99-client-cell:nth-of-type(4),.v99-ui .v99-client-cell:nth-of-type(5){display:none}
 .v99-ui .v99-pricing-grid{grid-template-columns:1fr}.v99-ui .v99-toggle-grid{grid-template-columns:1fr}.v99-ui .v99-flow-track{grid-template-columns:1fr 1fr}.v99-ui .v99-commission-row{grid-template-columns:40px minmax(0,1fr) auto}.v99-ui .v99-commission-row time{display:none}.v99-ui .v99-commission-value{min-width:90px}.v99-ui .v99-mini-levels{grid-template-columns:1fr 1fr}
 .v99-ui .v99-withdraw-row{grid-template-columns:1fr 1fr}.v99-ui .v99-withdraw-person{grid-column:1/-1}.v99-ui .v99-withdraw-status{grid-column:1/-1}.v99-ui .v99-withdraw-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:520px){
 .v99-ui .v99-stat-row{grid-template-columns:1fr}.v99-ui .v99-stat-tile{min-height:105px}.v99-ui .v99-hero-copy h2{font-size:30px}.v99-ui .v99-plan-snapshot{grid-template-columns:1fr}.v99-ui .v99-plan-snapshot>div:last-child{grid-column:auto}.v99-ui .v99-flow-track,.v99-ui .v99-pipeline-grid{grid-template-columns:1fr}.v99-ui .v99-mini-levels{grid-template-columns:1fr}.v99-ui .v99-commission-row{grid-template-columns:38px 1fr}.v99-ui .v99-commission-value{grid-column:2;text-align:left}.v99-ui .v99-withdraw-row{grid-template-columns:1fr}.v99-ui .v99-withdraw-person,.v99-ui .v99-withdraw-status,.v99-ui .v99-withdraw-actions{grid-column:auto}
}
.v99-ui .v99-settings-hero{background:linear-gradient(112deg,var(--v99-paper) 0 68%,var(--v99-blue) 68% 100%)}.v99-ui .v99-rule-stack{align-self:center;display:grid;gap:9px}.v99-ui .v99-rule-stack>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:2px solid #000;border-radius:16px;background:#fff;box-shadow:3px 3px 0 #000;color:#111}.v99-ui .v99-rule-stack>div:nth-child(1){background:var(--v99-green)}.v99-ui .v99-rule-stack>div:nth-child(2){background:var(--v99-yellow)}.v99-ui .v99-rule-stack span{font-size:8px;letter-spacing:1px;font-weight:700}.v99-ui .v99-rule-stack b{font-size:13px}.v99-ui .v99-settings-grid>.panel,.v99-ui .v99-settings-grid>form{padding:20px!important}
@media(max-width:1100px){.v99-ui .v99-rule-stack{grid-template-columns:repeat(3,1fr)}.v99-ui .v99-rule-stack>div{display:grid}}
@media(max-width:650px){.v99-ui .v99-rule-stack{grid-template-columns:1fr}}

/* ==========================================================
   ULTRAPLAY V100 — MONEY / CLIENT / SYSTEM / RELEASE STUDIOS
   ========================================================== */
.v100-ui{--v100-red:#ff213b;--v100-ink:#09090b;--v100-paper:#f3efe8;--v100-green:#b7ffce;--v100-blue:#cfe2ff;--v100-yellow:#ffe19a;--v100-purple:#d8ccff}
.v100-ui .v100-kicker{display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:1.45px;text-transform:uppercase;color:var(--v100-red)}
.v100-ui .v100-kicker:before{content:"";width:18px;height:3px;border-radius:99px;background:currentColor}
.v100-ui .v100-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}

/* Money desk */
.v100-ui .v100-finance-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:18px;align-items:stretch;margin-bottom:18px}
.v100-ui .v100-finance-copy{position:relative;overflow:hidden;min-height:300px;padding:30px;border:2px solid #000;border-radius:30px;background:var(--v100-red);color:#fff;box-shadow:7px 7px 0 #000;display:flex;flex-direction:column;justify-content:center}
.v100-ui .v100-finance-copy:after{content:"R$";position:absolute;right:-13px;bottom:-67px;font-size:190px;line-height:1;font-weight:800;letter-spacing:-18px;color:rgba(255,255,255,.12);pointer-events:none}
.v100-ui .v100-finance-copy .v100-kicker{color:#fff}.v100-ui .v100-finance-copy h2{font-size:46px;line-height:.98;letter-spacing:-2.8px;margin:12px 0 10px;max-width:650px}.v100-ui .v100-finance-copy h2 em{font-style:normal;color:#111}.v100-ui .v100-finance-copy p{max-width:600px;color:#ffe8eb;font-size:12px;position:relative;z-index:1}.v100-ui .v100-finance-copy .btn{position:relative;z-index:2;background:#fff!important;color:#111!important}.v100-ui .v100-finance-copy .btn.gray{background:#111!important;color:#fff!important}
.v100-ui .v100-finance-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v100-ui .v100-finance-board>div{min-height:138px;padding:18px;border:2px solid #000;border-radius:22px;background:#19191d;box-shadow:5px 5px 0 #000;display:flex;flex-direction:column;justify-content:flex-end}
.v100-ui .v100-finance-board>div:nth-child(2){background:var(--v100-green);color:#07130d}.v100-ui .v100-finance-board>div:nth-child(3){background:var(--v100-blue);color:#091322}.v100-ui .v100-finance-board>div:nth-child(4){background:var(--v100-yellow);color:#171005}
.v100-ui .v100-finance-board .v100-money-main{grid-column:1/-1;min-height:150px;background:var(--v100-paper);color:#111}
.v100-ui .v100-finance-board span{font-size:8px;letter-spacing:1.25px;font-weight:800}.v100-ui .v100-finance-board strong{font-size:42px;line-height:1;letter-spacing:-2.4px;margin:8px 0}.v100-ui .v100-finance-board b{font-size:30px;line-height:1;margin:8px 0}.v100-ui .v100-finance-board small{font-size:8px;opacity:.65}
.v100-ui .v100-filter-panel{padding:14px 16px!important}.v100-ui .v100-transactions{scroll-margin-top:105px}

/* Client cockpit */
.v100-ui .v100-client-hero{display:grid;grid-template-columns:92px minmax(260px,.8fr) minmax(520px,1.2fr);gap:18px;align-items:center;padding:24px;margin-bottom:14px;border:2px solid #000;border-radius:28px;background:linear-gradient(108deg,var(--v100-paper) 0 58%,var(--v100-red) 58% 100%);box-shadow:7px 7px 0 #000;color:#111}
.v100-ui .v100-client-avatar{width:78px;height:78px;border:2px solid #000;border-radius:24px;display:grid;place-items:center;background:#111;color:#fff;font-size:32px;font-weight:800;box-shadow:5px 5px 0 #000}
.v100-ui .v100-client-title h2{margin:5px 0 3px;font-size:30px;letter-spacing:-1.4px}.v100-ui .v100-client-title p{margin:0;color:#666;font-size:10px}.v100-ui .v100-client-pulse{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v100-ui .v100-client-pulse>div{min-height:80px;padding:12px;border:2px solid #000;border-radius:15px;background:#fff;box-shadow:3px 3px 0 #000;display:flex;flex-direction:column;justify-content:flex-end}.v100-ui .v100-client-pulse>div.is-online{background:var(--v100-green)}.v100-ui .v100-client-pulse span{font-size:7px;letter-spacing:1px;font-weight:800}.v100-ui .v100-client-pulse b{font-size:15px;margin-top:6px}.v100-ui .v100-client-tabs{position:sticky;top:92px;z-index:15;display:flex;gap:7px;flex-wrap:wrap;padding:9px 10px;margin:0 0 16px;border:2px solid #000;border-radius:16px;background:rgba(12,12,14,.93);backdrop-filter:blur(12px);box-shadow:4px 4px 0 #000}.v100-ui .v100-client-tabs a{padding:8px 11px;border-radius:10px;color:#aaa;text-decoration:none;font-size:9px;font-weight:800;transition:.15s}.v100-ui .v100-client-tabs a:hover{background:var(--v100-red);color:#fff;transform:translateY(-1px)}.v100-ui .v100-client-section,.v100-ui .v100-device-panel{scroll-margin-top:155px}.v100-ui .v100-client-section{position:relative;overflow:hidden}.v100-ui .v100-client-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#303036}.v100-ui #financeiro:before{background:var(--v100-green)}.v100-ui #indicacoes:before{background:var(--v100-purple)}.v100-ui #conteudo:before{background:var(--v100-blue)}.v100-ui .v100-client-save:before{background:var(--v100-red)}

/* System Lab */
.v100-ui .v100-settings-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:18px;align-items:center;padding:30px;margin-bottom:14px;border:2px solid #000;border-radius:30px;background:linear-gradient(112deg,var(--v100-paper) 0 61%,var(--v100-blue) 61% 100%);box-shadow:7px 7px 0 #000;color:#111}.v100-ui .v100-settings-hero h2{font-size:45px;line-height:.97;letter-spacing:-2.6px;margin:10px 0}.v100-ui .v100-settings-hero h2 em{font-style:normal;color:var(--v100-red)}.v100-ui .v100-settings-hero p{max-width:650px;color:#606066}.v100-ui .v100-integration-rack{display:grid;gap:9px}.v100-ui .v100-integration-rack>a{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:12px 14px;border:2px solid #000;border-radius:15px;background:#fff;color:#111;text-decoration:none;box-shadow:3px 3px 0 #000;transition:.14s}.v100-ui .v100-integration-rack>a:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000}.v100-ui .v100-integration-rack>a.online{background:var(--v100-green)}.v100-ui .v100-integration-rack span{font-size:8px;font-weight:800;letter-spacing:1px}.v100-ui .v100-integration-rack b{font-size:11px}.v100-ui .v100-integration-rack small{grid-column:1/-1;font-size:7px;opacity:.6}.v100-ui .v100-settings-nav{position:sticky;top:92px;z-index:15;display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px;padding:9px;border:2px solid #000;border-radius:16px;background:#111;box-shadow:4px 4px 0 #000}.v100-ui .v100-settings-nav a{padding:7px 10px;border-radius:10px;text-decoration:none;color:#aaa;font-size:9px;font-weight:800}.v100-ui .v100-settings-nav a:hover{background:var(--v100-red);color:#fff}.v100-ui .v100-settings-module{scroll-margin-top:155px;position:relative;overflow:hidden}.v100-ui .v100-settings-module:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#34343a}.v100-ui .v100-settings-primary:before{background:var(--v100-green)}.v100-ui .v100-security-module:before{background:#ff8fa0}

/* Release control */
.v100-ui .v100-release-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:18px;align-items:center;min-height:300px;padding:30px;margin-bottom:18px;border:2px solid #000;border-radius:30px;background:#111114;box-shadow:7px 7px 0 #000}.v100-ui .v100-release-copy h2{font-size:46px;line-height:.98;letter-spacing:-2.8px;margin:10px 0}.v100-ui .v100-release-copy h2 em{font-style:normal;color:var(--v100-red)}.v100-ui .v100-release-copy p{color:#85858e;max-width:620px}.v100-ui .v100-release-meter{display:grid;grid-template-columns:190px 1fr;gap:15px;align-items:center}.v100-ui .v100-meter-ring{--pct:0;width:180px;height:180px;border-radius:50%;padding:16px;background:conic-gradient(var(--v100-red) var(--pct),#25252a 0);display:grid;place-items:center;position:relative;border:2px solid #000;box-shadow:6px 6px 0 #000}.v100-ui .v100-meter-ring:before{content:"";position:absolute;inset:17px;border-radius:50%;background:#111114;border:2px solid #000}.v100-ui .v100-meter-ring strong,.v100-ui .v100-meter-ring span{position:relative;z-index:1}.v100-ui .v100-meter-ring strong{align-self:end;font-size:38px;letter-spacing:-2px}.v100-ui .v100-meter-ring span{align-self:start;text-align:center;font-size:7px;color:#888;width:95px}.v100-ui .v100-release-mini{display:grid;gap:8px}.v100-ui .v100-release-mini>div{padding:12px;border:2px solid #000;border-radius:14px;background:var(--v100-paper);color:#111;box-shadow:3px 3px 0 #000}.v100-ui .v100-release-mini>div:nth-child(2){background:var(--v100-green)}.v100-ui .v100-release-mini>div:nth-child(3){background:var(--v100-yellow)}.v100-ui .v100-release-mini span{display:block;font-size:7px;letter-spacing:1px;font-weight:800}.v100-ui .v100-release-mini b{display:block;font-size:18px;margin-top:3px}.v100-ui .v100-publish-panel,.v100-ui .v100-deployment-panel{scroll-margin-top:125px}.v100-ui .v100-publish-panel{background:linear-gradient(180deg,#17171b,#101013)!important}.v100-ui .v100-version-table{border-top:6px solid var(--v100-red)!important}

/* Brand Studio */
.v100-ui .v100-appearance-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);gap:20px;align-items:center;padding:30px;margin-bottom:18px;border:2px solid #000;border-radius:30px;background:linear-gradient(112deg,var(--v100-paper) 0 59%,var(--v100-red) 59% 100%);box-shadow:7px 7px 0 #000;color:#111}.v100-ui .v100-appearance-hero h2{font-size:46px;line-height:.96;letter-spacing:-2.7px;margin:10px 0}.v100-ui .v100-appearance-hero h2 em{font-style:normal;color:var(--v100-red)}.v100-ui .v100-appearance-hero p{max-width:620px;color:#626268}.v100-ui .v100-brand-preview{justify-self:center;width:min(100%,430px)}.v100-ui .v100-brand-tv{aspect-ratio:16/9;border:2px solid #000;border-radius:24px;background:radial-gradient(circle at 75% 15%,rgba(255,255,255,.09),transparent 34%),#0c0c0f;box-shadow:8px 8px 0 #000;color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.v100-ui .v100-brand-tv:before{content:"▶";position:absolute;right:26px;top:22px;font-size:52px;color:rgba(255,255,255,.08)}.v100-ui .v100-brand-tv span{font-size:10px;font-weight:800;letter-spacing:2px}.v100-ui .v100-brand-tv strong{font-size:20px;max-width:300px;margin-top:4px}.v100-ui .v100-brand-tv i{display:block;width:80px;height:7px;border:2px solid #000;border-radius:99px;margin-top:12px}.v100-ui .v100-brand-preview>small{display:block;margin-top:11px;text-align:center;color:#311;font-size:8px;font-weight:800}.v100-ui .v100-asset-card{border:2px solid #000;border-radius:18px;padding:14px;margin-bottom:4px;background:#19191d;box-shadow:3px 3px 0 #000;transition:.15s}.v100-ui .v100-asset-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000}.v100-ui .v100-assets-panel>.form-grid{gap:12px}

@media(max-width:1180px){
 .v100-ui .v100-finance-hero,.v100-ui .v100-settings-hero,.v100-ui .v100-release-hero,.v100-ui .v100-appearance-hero{grid-template-columns:1fr}
 .v100-ui .v100-client-hero{grid-template-columns:86px 1fr}.v100-ui .v100-client-pulse{grid-column:1/-1}
 .v100-ui .v100-brand-preview{justify-self:start}.v100-ui .v100-release-meter{max-width:620px}
}
@media(max-width:760px){
 .v100-ui .v100-finance-copy,.v100-ui .v100-settings-hero,.v100-ui .v100-release-hero,.v100-ui .v100-appearance-hero{padding:22px;border-radius:24px}.v100-ui .v100-finance-copy h2,.v100-ui .v100-settings-hero h2,.v100-ui .v100-release-copy h2,.v100-ui .v100-appearance-hero h2{font-size:35px;letter-spacing:-2px}
 .v100-ui .v100-finance-board{grid-template-columns:1fr 1fr}.v100-ui .v100-client-hero{grid-template-columns:68px 1fr;padding:18px}.v100-ui .v100-client-avatar{width:58px;height:58px;border-radius:18px;font-size:24px}.v100-ui .v100-client-pulse{grid-template-columns:1fr 1fr}.v100-ui .v100-client-tabs,.v100-ui .v100-settings-nav{top:72px;overflow:auto;flex-wrap:nowrap}.v100-ui .v100-client-tabs a,.v100-ui .v100-settings-nav a{white-space:nowrap}.v100-ui .v100-release-meter{grid-template-columns:1fr}.v100-ui .v100-meter-ring{width:150px;height:150px}.v100-ui .v100-brand-preview{width:100%}
}
@media(max-width:520px){
 .v100-ui .v100-finance-board{grid-template-columns:1fr}.v100-ui .v100-finance-board .v100-money-main{grid-column:auto}.v100-ui .v100-client-hero{grid-template-columns:1fr}.v100-ui .v100-client-pulse{grid-template-columns:1fr 1fr}.v100-ui .v100-client-title h2{font-size:25px}.v100-ui .v100-integration-rack{grid-template-columns:1fr}.v100-ui .v100-release-mini{grid-template-columns:1fr 1fr}.v100-ui .v100-release-mini>div:last-child{grid-column:1/-1}
}

/* =========================================================
   V101 — EXECUTIVE DASHBOARD + BUSINESS INTELLIGENCE
   ========================================================= */
.v101-ui{--v101-red:#ff2638;--v101-green:#8df3bb;--v101-blue:#6ab4ff;--v101-purple:#b59cff;--v101-yellow:#ffd467;--v101-paper:#f2eee8}
.v101-ui .v101-kicker{display:block;font-size:8px;font-weight:900;letter-spacing:1.7px;color:var(--v101-red);text-transform:uppercase}
.v101-ui .v101-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.v101-ui .v101-section-head h2{margin:4px 0 0;font-size:19px;letter-spacing:-.65px}.v101-ui .v101-section-head p{margin:4px 0 0;color:#7d7d86;font-size:9px}.v101-ui .v101-section-head>a:not(.btn){font-size:9px;font-weight:800;color:#ff6574;text-decoration:none}

/* Executive dashboard */
.v101-ui .v101-exec-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);gap:20px;align-items:stretch;margin-bottom:18px}
.v101-ui .v101-exec-copy{min-height:295px;padding:32px;border:2px solid #000;border-radius:30px;background:linear-gradient(115deg,var(--v101-paper) 0 72%,var(--v101-red) 72% 100%);box-shadow:7px 7px 0 #000;color:#111;display:flex;flex-direction:column;justify-content:center}
.v101-ui .v101-exec-copy h2{font-size:49px;line-height:.94;letter-spacing:-3.2px;margin:11px 0 14px}.v101-ui .v101-exec-copy h2 em{font-style:normal;color:var(--v101-red)}.v101-ui .v101-exec-copy p{max-width:650px;margin:0;color:#606066;font-size:11px;line-height:1.65}.v101-ui .v101-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.v101-ui .v101-exec-board{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border:2px solid #000;border-radius:30px;background:#111114;box-shadow:7px 7px 0 #000}
.v101-ui .v101-exec-board article{min-height:120px;padding:17px;border:2px solid #000;border-radius:18px;background:#fff;color:#101012;box-shadow:3px 3px 0 #000;display:flex;flex-direction:column;justify-content:flex-end;transition:.15s ease}.v101-ui .v101-exec-board article:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000}.v101-ui .v101-exec-board article.main{grid-column:1/-1;background:var(--v101-red);color:#fff;min-height:135px}.v101-ui .v101-exec-board article:nth-child(2){background:var(--v101-green)}.v101-ui .v101-exec-board article:nth-child(3){background:var(--v101-purple)}.v101-ui .v101-exec-board article:nth-child(4){background:var(--v101-yellow)}.v101-ui .v101-exec-board span{font-size:7px;font-weight:900;letter-spacing:1.15px}.v101-ui .v101-exec-board strong{font-size:37px;line-height:1;letter-spacing:-2px;margin:7px 0}.v101-ui .v101-exec-board b{font-size:23px;line-height:1;letter-spacing:-1px;margin:7px 0}.v101-ui .v101-exec-board small{font-size:8px;opacity:.67}
.v101-ui .v101-health-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:16px;margin:16px 0}.v101-ui .v101-business-panel{margin:0!important}.v101-ui .v101-chart-large{height:310px;position:relative}.v101-ui .v101-health-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v101-ui .v101-health-card{position:relative;overflow:hidden;min-height:145px;padding:17px;border:2px solid #000;border-radius:20px;box-shadow:4px 4px 0 #000;color:#111;text-decoration:none;background:#fff;display:flex;flex-direction:column;justify-content:flex-end;transition:.15s ease}.v101-ui .v101-health-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #000}.v101-ui .v101-health-card.green{background:var(--v101-green)}.v101-ui .v101-health-card.blue{background:var(--v101-blue)}.v101-ui .v101-health-card.purple{background:var(--v101-purple)}.v101-ui .v101-health-card.paper{background:var(--v101-paper)}.v101-ui .v101-health-card span{font-size:7px;font-weight:900;letter-spacing:1.05px}.v101-ui .v101-health-card strong{font-size:25px;line-height:1;margin:7px 0;letter-spacing:-1.2px}.v101-ui .v101-health-card small{font-size:8px;opacity:.64}.v101-ui .v101-health-card i{position:absolute;left:14px;right:14px;top:14px;height:7px;border:2px solid #000;border-radius:99px;background:#fff;overflow:hidden}.v101-ui .v101-health-card i:after{content:"";display:block;width:var(--health);height:100%;background:#111}

/* Reports / business intelligence */
.v101-ui .v101-report-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:18px;align-items:stretch;margin-bottom:16px}
.v101-ui .v101-report-copy{padding:32px;border:2px solid #000;border-radius:30px;background:linear-gradient(115deg,var(--v101-paper) 0 78%,var(--v101-blue) 78% 100%);box-shadow:7px 7px 0 #000;color:#111}.v101-ui .v101-report-copy h2{font-size:48px;line-height:.94;letter-spacing:-3px;margin:10px 0 13px}.v101-ui .v101-report-copy h2 em{font-style:normal;color:var(--v101-red)}.v101-ui .v101-report-copy p{max-width:650px;color:#606066;font-size:11px}.v101-ui .v101-periods{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.v101-ui .v101-periods a{padding:8px 11px;border:2px solid #000;border-radius:11px;background:#fff;box-shadow:2px 2px 0 #000;color:#111;text-decoration:none;font-size:8px;font-weight:900;transition:.12s}.v101-ui .v101-periods a:hover,.v101-ui .v101-periods a.active{background:var(--v101-red);color:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}
.v101-ui .v101-report-ticket{padding:26px;border:2px solid #000;border-radius:30px;background:#111114;box-shadow:7px 7px 0 #000;display:flex;flex-direction:column;justify-content:center}.v101-ui .v101-report-ticket>span{font-size:8px;font-weight:900;letter-spacing:1.4px;color:#888}.v101-ui .v101-report-ticket>strong{font-size:42px;letter-spacing:-2.5px;margin:8px 0 2px}.v101-ui .v101-report-ticket>small{font-size:9px;color:#777}.v101-ui .v101-report-ticket>div{margin-top:20px}
.v101-ui .v101-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:16px}.v101-ui .v101-kpi{min-height:132px;padding:17px;border:2px solid #000;border-radius:20px;box-shadow:4px 4px 0 #000;color:#111;display:flex;flex-direction:column;justify-content:flex-end;transition:.15s}.v101-ui .v101-kpi:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #000}.v101-ui .v101-kpi.red{background:var(--v101-red);color:#fff}.v101-ui .v101-kpi.green{background:var(--v101-green)}.v101-ui .v101-kpi.blue{background:var(--v101-blue)}.v101-ui .v101-kpi.purple{background:var(--v101-purple)}.v101-ui .v101-kpi.paper{background:var(--v101-paper)}.v101-ui .v101-kpi.yellow{background:var(--v101-yellow)}.v101-ui .v101-kpi span{font-size:7px;font-weight:900;letter-spacing:1.05px}.v101-ui .v101-kpi strong{font-size:27px;letter-spacing:-1.35px;line-height:1;margin:8px 0}.v101-ui .v101-kpi small{font-size:8px;opacity:.7}.v101-ui .v101-kpi small.positive{color:#123c25;opacity:1}.v101-ui .v101-kpi.red small.positive{color:#fff}.v101-ui .v101-kpi small.negative{color:#8b0e1a;opacity:1}
.v101-ui .v101-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.v101-ui .v101-chart-panel{margin:0!important}.v101-ui .v101-ranking{display:grid;gap:8px}.v101-ui .v101-rank-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;border:2px solid #000;border-radius:14px;background:#17171b;color:#fff;text-decoration:none;box-shadow:2px 2px 0 #000;transition:.13s}.v101-ui a.v101-rank-row:hover,.v101-ui .v101-rank-row:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.v101-ui .v101-rank-row>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--v101-paper);color:#111;border:2px solid #000;font-size:8px;font-weight:900}.v101-ui .v101-rank-row>div{min-width:0}.v101-ui .v101-rank-row b{display:block;font-size:10px}.v101-ui .v101-rank-row small{display:block;color:#777;font-size:8px;margin-top:3px}.v101-ui .v101-rank-row strong{font-size:11px;color:#fff}.v101-ui .v101-rank-row i{display:block;height:5px;margin:6px 0 3px;border-radius:99px;background:#29292e;overflow:hidden}.v101-ui .v101-rank-row i em{display:block;height:100%;border-radius:99px;background:var(--v101-red)}.v101-ui .v101-payments-panel{margin-bottom:0}

@media(max-width:1180px){
 .v101-ui .v101-exec-hero,.v101-ui .v101-report-hero,.v101-ui .v101-health-grid{grid-template-columns:1fr}
 .v101-ui .v101-health-stack{grid-template-columns:repeat(4,1fr)}
 .v101-ui .v101-kpi-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
 .v101-ui .v101-report-grid{grid-template-columns:1fr}.v101-ui .v101-health-stack{grid-template-columns:1fr 1fr}.v101-ui .v101-chart-large{height:270px}
}
@media(max-width:760px){
 .v101-ui .v101-exec-copy,.v101-ui .v101-report-copy,.v101-ui .v101-report-ticket{padding:22px;border-radius:24px}.v101-ui .v101-exec-copy h2,.v101-ui .v101-report-copy h2{font-size:36px;letter-spacing:-2.1px}.v101-ui .v101-exec-board{border-radius:24px}.v101-ui .v101-kpi-grid{grid-template-columns:1fr 1fr}.v101-ui .v101-report-ticket>strong{font-size:34px}.v101-ui .v101-section-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
 .v101-ui .v101-exec-board,.v101-ui .v101-health-stack,.v101-ui .v101-kpi-grid{grid-template-columns:1fr}.v101-ui .v101-exec-board article.main{grid-column:auto}.v101-ui .v101-exec-copy h2,.v101-ui .v101-report-copy h2{font-size:31px}.v101-ui .v101-periods{display:grid;grid-template-columns:1fr 1fr}.v101-ui .v101-periods a{text-align:center}
}

/* =========================================================
   V102 — CLIENT INTELLIGENCE / PERSONAL REPORTS / ACTIVITY
   ========================================================= */
.v102-ui{--v102-red:#ff2638;--v102-green:#9ff2bd;--v102-blue:#9fc8ff;--v102-yellow:#ffe095;--v102-purple:#cbbcff;--v102-paper:#f3efe9;--v102-ink:#0a0a0b}
.v102-ui .v102-kicker{display:block;font-size:8px;font-weight:700;letter-spacing:1.55px;text-transform:uppercase;color:var(--v102-red)}
.v102-ui .v102-top-actions{display:flex;align-items:center;gap:10px}.v102-ui .v102-activity-button{position:relative;width:39px;height:39px;border:2px solid #000;border-radius:12px;background:var(--v102-paper);box-shadow:3px 3px 0 #000;color:#111;display:grid;place-items:center;text-decoration:none;font-weight:700;transition:.13s}.v102-ui .v102-activity-button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #000}.v102-ui .v102-activity-button b{position:absolute;right:-7px;top:-7px;min-width:17px;height:17px;padding:0 3px;border:2px solid #000;border-radius:99px;background:var(--v102-red);color:#fff;display:grid;place-items:center;font-size:7px}.v102-ui .v102-nav-badge{margin-left:auto;min-width:17px;height:17px;padding:0 4px;border:1px solid #000;border-radius:99px;background:#fff;color:#111;display:inline-grid;place-items:center;font-size:7px;font-style:normal}

/* Client executive home */
.v102-ui .v102-client-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px;margin-bottom:16px;align-items:stretch}.v102-ui .v102-client-copy{padding:30px;border:2px solid #000;border-radius:30px;background:linear-gradient(112deg,var(--v102-paper) 0 81%,var(--v102-red) 81% 100%);box-shadow:7px 7px 0 #000;color:#111;position:relative;overflow:hidden}.v102-ui .v102-client-copy h2{font-size:43px;line-height:.96;letter-spacing:-2.7px;margin:10px 0 12px}.v102-ui .v102-client-copy h2 em{font-style:normal;color:var(--v102-red)}.v102-ui .v102-client-copy p{max-width:650px;margin:0;color:#616168;font-size:11px;line-height:1.65}.v102-ui .v102-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.v102-ui .v102-balance-ticket{padding:26px;border:2px solid #000;border-radius:30px;background:var(--v102-red);box-shadow:7px 7px 0 #000;color:#fff;display:flex;flex-direction:column;justify-content:center}.v102-ui .v102-balance-ticket>span{font-size:8px;font-weight:700;letter-spacing:1.3px}.v102-ui .v102-balance-ticket>strong{font-size:43px;line-height:1;letter-spacing:-2.6px;margin:10px 0 2px}.v102-ui .v102-balance-ticket>small{font-size:9px;color:#ffe4e7}.v102-ui .v102-ticket-foot{display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding-top:14px;border-top:2px solid rgba(0,0,0,.28)}.v102-ui .v102-ticket-foot span{font-size:8px}.v102-ui .v102-ticket-foot b{font-size:17px}
.v102-ui .v102-personal-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:16px}.v102-ui .v102-personal-kpi{min-height:125px;padding:17px;border:2px solid #000;border-radius:20px;box-shadow:4px 4px 0 #000;color:#111;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;transition:.15s}.v102-ui .v102-personal-kpi:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #000}.v102-ui .v102-personal-kpi.red{background:var(--v102-red);color:#fff}.v102-ui .v102-personal-kpi.blue{background:var(--v102-blue)}.v102-ui .v102-personal-kpi.green{background:var(--v102-green)}.v102-ui .v102-personal-kpi.yellow{background:var(--v102-yellow)}.v102-ui .v102-personal-kpi span{font-size:7px;font-weight:700;letter-spacing:1.05px;text-transform:uppercase}.v102-ui .v102-personal-kpi strong{font-size:28px;line-height:1;margin:8px 0;letter-spacing:-1.4px}.v102-ui .v102-personal-kpi small{font-size:8px;opacity:.68}
.v102-ui .v102-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:16px;margin-bottom:16px}.v102-ui .v102-dashboard-grid>.portal-card{margin:0}.v102-ui .v102-invite-card{background:var(--v102-paper)!important;color:#111!important}.v102-ui .v102-invite-card h2{font-size:24px;margin:6px 0 6px}.v102-ui .v102-invite-card p{color:#5c5c63!important;max-width:700px}.v102-ui .v102-code-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 9px}.v102-ui .v102-code-line strong{font-size:27px;letter-spacing:1.3px}.v102-ui .v102-code-line button{border:2px solid #000;border-radius:11px;background:#fff;box-shadow:3px 3px 0 #000;padding:8px 11px;font-weight:700;font-size:9px;cursor:pointer}.v102-ui .v102-code-line button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #000}.v102-ui .v102-link-box{padding:11px 12px;border:2px solid #000;border-radius:12px;background:#fff;box-shadow:3px 3px 0 #000;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#444}.v102-ui .v102-wallet-status{background:#151519!important}.v102-ui .v102-bucket{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center;margin-bottom:13px}.v102-ui .v102-bucket span{font-size:9px;color:#aaa}.v102-ui .v102-bucket b{font-size:10px}.v102-ui .v102-bucket i{grid-column:1/-1;height:7px;border:2px solid #000;border-radius:99px;background:#060607;overflow:hidden}.v102-ui .v102-bucket i em{display:block;height:100%;background:var(--v102-red);border-radius:99px}.v102-ui .v102-bucket:nth-of-type(2) i em{background:var(--v102-green)}.v102-ui .v102-bucket:nth-of-type(3) i em{background:var(--v102-purple)}.v102-ui .v102-paid-total{display:flex;justify-content:space-between;align-items:end;margin-top:18px;padding-top:13px;border-top:1px solid #34343a}.v102-ui .v102-paid-total span{font-size:8px;color:#888}.v102-ui .v102-paid-total strong{font-size:18px}.v102-ui .v102-mini-timeline{display:grid}.v102-ui .v102-mini-timeline>div{display:grid;grid-template-columns:37px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #323237}.v102-ui .v102-mini-timeline>div:last-child{border-bottom:0}.v102-ui .v102-event-dot{width:32px;height:32px;border:2px solid #000;border-radius:10px;box-shadow:2px 2px 0 #000;display:grid;place-items:center;color:#111;background:var(--v102-paper);font-size:8px;font-weight:700}.v102-ui .v102-event-dot.green{background:var(--v102-green)}.v102-ui .v102-event-dot.red{background:var(--v102-red);color:#fff}.v102-ui .v102-mini-timeline b{display:block;font-size:10px}.v102-ui .v102-mini-timeline small{display:block;color:#7e7e87;font-size:8px;margin-top:2px}.v102-ui .v102-mini-timeline strong{font-size:10px}

/* Personal reports */
.v102-ui .v102-report-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:18px;margin-bottom:16px}.v102-ui .v102-report-copy{padding:30px;border:2px solid #000;border-radius:30px;background:linear-gradient(112deg,var(--v102-paper) 0 80%,var(--v102-blue) 80% 100%);box-shadow:7px 7px 0 #000;color:#111}.v102-ui .v102-report-copy h2{font-size:43px;line-height:.96;letter-spacing:-2.8px;margin:10px 0 12px}.v102-ui .v102-report-copy h2 em{font-style:normal;color:var(--v102-red)}.v102-ui .v102-report-copy p{max-width:640px;color:#626269;font-size:11px;line-height:1.65}.v102-ui .v102-periods{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.v102-ui .v102-periods a{padding:8px 11px;border:2px solid #000;border-radius:11px;background:#fff;box-shadow:2px 2px 0 #000;color:#111;text-decoration:none;font-size:8px;font-weight:700}.v102-ui .v102-periods a:hover,.v102-ui .v102-periods a.active{background:var(--v102-red);color:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.v102-ui .v102-report-ticket{padding:26px;border:2px solid #000;border-radius:30px;background:#121216;box-shadow:7px 7px 0 #000;display:flex;flex-direction:column;justify-content:center}.v102-ui .v102-report-ticket>span{font-size:8px;color:#8b8b94;font-weight:700;letter-spacing:1.2px}.v102-ui .v102-report-ticket>strong{font-size:42px;letter-spacing:-2.4px;margin:8px 0 1px}.v102-ui .v102-report-ticket>small{font-size:9px;color:#777}.v102-ui .v102-report-ticket>a{margin-top:20px;align-self:flex-start}.v102-ui .v102-report-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:16px}.v102-ui .v102-report-kpis article{min-height:126px;padding:17px;border:2px solid #000;border-radius:20px;box-shadow:4px 4px 0 #000;color:#111;display:flex;flex-direction:column;justify-content:flex-end}.v102-ui .v102-report-kpis .red{background:var(--v102-red);color:#fff}.v102-ui .v102-report-kpis .blue{background:var(--v102-blue)}.v102-ui .v102-report-kpis .green{background:var(--v102-green)}.v102-ui .v102-report-kpis .yellow{background:var(--v102-yellow)}.v102-ui .v102-report-kpis .purple{background:var(--v102-purple)}.v102-ui .v102-report-kpis .paper{background:var(--v102-paper)}.v102-ui .v102-report-kpis span{font-size:7px;font-weight:700;letter-spacing:1.05px;text-transform:uppercase}.v102-ui .v102-report-kpis strong{font-size:26px;line-height:1;margin:8px 0;letter-spacing:-1.2px}.v102-ui .v102-report-kpis small{font-size:8px;opacity:.7}.v102-ui .v102-report-kpis small.positive{color:#163c25;opacity:1}.v102-ui .v102-report-kpis .red small.positive{color:#fff}.v102-ui .v102-report-kpis small.negative{color:#921421;opacity:1}.v102-ui .v102-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.v102-ui .v102-report-grid>.portal-card{margin:0}.v102-ui .v102-chart{height:280px}.v102-ui .v102-level-report{display:grid;gap:10px}.v102-ui .v102-level-report>div{display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:9px;align-items:center}.v102-ui .v102-level-report span{font-size:8px;color:#aaa}.v102-ui .v102-level-report i{height:7px;border:2px solid #000;border-radius:99px;background:#09090b;overflow:hidden}.v102-ui .v102-level-report i em{display:block;height:100%;background:var(--v102-red)}.v102-ui .v102-level-report b{font-size:10px}.v102-ui .v102-level-report small{grid-column:2/-1;font-size:7px;color:#777;margin-top:-5px}.v102-ui .v102-network-snapshot{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v102-ui .v102-network-snapshot>div{min-height:104px;padding:14px;border:2px solid #000;border-radius:16px;box-shadow:3px 3px 0 #000;background:var(--v102-paper);color:#111;display:flex;flex-direction:column;justify-content:flex-end}.v102-ui .v102-network-snapshot>div:nth-child(2){background:var(--v102-blue)}.v102-ui .v102-network-snapshot>div:nth-child(3){background:var(--v102-green)}.v102-ui .v102-network-snapshot>div:nth-child(4){background:var(--v102-purple)}.v102-ui .v102-network-snapshot span{font-size:7px;text-transform:uppercase;font-weight:700}.v102-ui .v102-network-snapshot strong{font-size:23px;line-height:1;margin-top:7px}

/* Activity center */
.v102-ui .v102-activity-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:18px;margin-bottom:16px}.v102-ui .v102-activity-hero>div:first-child{padding:30px;border:2px solid #000;border-radius:30px;background:linear-gradient(112deg,var(--v102-paper) 0 82%,var(--v102-purple) 82% 100%);box-shadow:7px 7px 0 #000;color:#111}.v102-ui .v102-activity-hero h2{font-size:42px;line-height:.96;letter-spacing:-2.7px;margin:10px 0 12px}.v102-ui .v102-activity-hero h2 em{font-style:normal;color:var(--v102-red)}.v102-ui .v102-activity-hero p{max-width:650px;color:#626269;font-size:11px}.v102-ui .v102-activity-score{padding:25px;border:2px solid #000;border-radius:30px;background:#131317;box-shadow:7px 7px 0 #000;display:flex;flex-direction:column;justify-content:center}.v102-ui .v102-activity-score span{font-size:8px;color:#888;letter-spacing:1.2px;font-weight:700}.v102-ui .v102-activity-score strong{font-size:52px;line-height:1;letter-spacing:-3px;margin:8px 0}.v102-ui .v102-activity-score small{font-size:8px;color:#777}.v102-ui .v102-notice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:16px}.v102-ui .v102-notice{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px;border:2px solid #000;border-radius:17px;box-shadow:4px 4px 0 #000;text-decoration:none;color:#111;transition:.14s}.v102-ui .v102-notice:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #000}.v102-ui .v102-notice.red{background:#ff9cab}.v102-ui .v102-notice.yellow{background:var(--v102-yellow)}.v102-ui .v102-notice.green{background:var(--v102-green)}.v102-ui .v102-notice>span{width:30px;height:30px;border:2px solid #000;border-radius:9px;background:#fff;display:grid;place-items:center;font-weight:700}.v102-ui .v102-notice b{display:block;font-size:10px}.v102-ui .v102-notice small{display:block;font-size:8px;opacity:.7;margin-top:2px}.v102-ui .v102-notice strong{font-size:8px}.v102-ui .v102-all-clear{display:flex;align-items:center;gap:12px;padding:15px;border:2px solid #000;border-radius:17px;background:var(--v102-green);box-shadow:4px 4px 0 #000;color:#111;margin-bottom:16px}.v102-ui .v102-all-clear>span{width:31px;height:31px;border:2px solid #000;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:700}.v102-ui .v102-all-clear b{display:block;font-size:10px}.v102-ui .v102-all-clear small{display:block;font-size:8px;opacity:.7;margin-top:2px}.v102-ui .v102-activity-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 14px}.v102-ui .v102-activity-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.v102-ui .v102-activity-toolbar a{padding:8px 11px;border:2px solid #000;border-radius:11px;background:#17171b;box-shadow:2px 2px 0 #000;color:#aaa;text-decoration:none;font-size:8px;font-weight:700}.v102-ui .v102-activity-toolbar a.active,.v102-ui .v102-activity-toolbar a:hover{background:var(--v102-red);color:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.v102-ui .v102-activity-toolbar small{color:#777;font-size:8px}.v102-ui .v102-activity-panel{margin-bottom:0}.v102-ui .v102-timeline{position:relative;display:grid}.v102-ui .v102-timeline:before{content:"";position:absolute;left:19px;top:10px;bottom:10px;width:2px;background:#303036}.v102-ui .v102-timeline article{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0}.v102-ui .v102-time-dot{z-index:1;width:37px;height:37px;border:2px solid #000;border-radius:12px;box-shadow:2px 2px 0 #000;background:var(--v102-paper);color:#111;display:grid;place-items:center;font-size:8px;font-weight:700}.v102-ui .v102-time-dot.green{background:var(--v102-green)}.v102-ui .v102-time-dot.red{background:var(--v102-red);color:#fff}.v102-ui .v102-time-dot.blue{background:var(--v102-blue)}.v102-ui .v102-time-dot.yellow{background:var(--v102-yellow)}.v102-ui .v102-time-copy>span{display:block;font-size:7px;color:#686872;letter-spacing:.8px;font-weight:700}.v102-ui .v102-time-copy b{display:block;font-size:10px;margin-top:3px}.v102-ui .v102-time-copy small{display:block;color:#7c7c85;font-size:8px;margin-top:2px}.v102-ui .v102-timeline article>strong{font-size:10px}.v102-ui .v102-timeline article>strong.positive{color:#83e6ab}

@media(max-width:1180px){.v102-ui .v102-client-hero,.v102-ui .v102-report-hero,.v102-ui .v102-activity-hero{grid-template-columns:1fr}.v102-ui .v102-personal-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.v102-ui .v102-dashboard-grid,.v102-ui .v102-report-grid{grid-template-columns:1fr}.v102-ui .v102-report-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.v102-ui .portal-sidebar{height:68px;padding:4px 5px}.v102-ui .portal-sidebar nav{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:2px!important;margin:0!important}.v102-ui .portal-sidebar nav a,.v102-ui .portal-sidebar nav a:not(.active){font-size:6.8px!important;line-height:1!important;padding:5px 2px!important;gap:2px!important}.v102-ui .portal-sidebar nav a i{width:22px;height:22px;font-size:8px}.v102-ui .v102-nav-badge{display:none}.v102-ui .portal-content{padding-bottom:94px}.v102-ui .v102-client-copy,.v102-ui .v102-report-copy,.v102-ui .v102-activity-hero>div:first-child,.v102-ui .v102-balance-ticket,.v102-ui .v102-report-ticket,.v102-ui .v102-activity-score{padding:22px;border-radius:24px}.v102-ui .v102-client-copy h2,.v102-ui .v102-report-copy h2,.v102-ui .v102-activity-hero h2{font-size:34px;letter-spacing:-2px}.v102-ui .v102-balance-ticket>strong,.v102-ui .v102-report-ticket>strong{font-size:35px}.v102-ui .v102-notice-grid{grid-template-columns:1fr}.v102-ui .v102-chart{height:240px}}
@media(max-width:540px){.v102-ui .v102-personal-kpis,.v102-ui .v102-report-kpis,.v102-ui .v102-network-snapshot{grid-template-columns:1fr}.v102-ui .v102-client-copy h2,.v102-ui .v102-report-copy h2,.v102-ui .v102-activity-hero h2{font-size:29px}.v102-ui .v102-periods{display:grid;grid-template-columns:1fr 1fr}.v102-ui .v102-periods a{text-align:center}.v102-ui .v102-notice{grid-template-columns:31px minmax(0,1fr)}.v102-ui .v102-notice>strong{grid-column:2}.v102-ui .v102-timeline article{grid-template-columns:38px minmax(0,1fr)}.v102-ui .v102-timeline article>strong,.v102-ui .v102-timeline article>.badge{grid-column:2}.v102-ui .v102-activity-toolbar{align-items:flex-start;flex-direction:column}.v102-ui .v102-code-line{align-items:flex-start;flex-direction:column}}