:root{
  --bg:#040806;
  --bg-2:#07100b;
  --panel:#0a120e;
  --panel-2:#0e1713;
  --panel-3:#111a17;
  --line:rgba(255,255,255,.075);
  --line-strong:rgba(255,255,255,.12);
  --text:#f4f7f3;
  --muted:#89938d;
  --green:#a8f20a;
  --green-2:#66ee50;
  --green-dim:rgba(168,242,10,.12);
  --purple:#8b5cf6;
  --purple-2:#b087ff;
  --purple-dim:rgba(139,92,246,.13);
  --amber:#f4c44e;
  --danger:#ff5e6c;
  --radius:18px;
  --shadow:0 24px 70px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100vh;overflow-x:hidden}
button,input,select{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}

.login-view{
  min-height:100vh;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(900px 700px at 12% 15%, rgba(77,130,20,.25), transparent 55%),
    radial-gradient(900px 700px at 88% 25%, rgba(91,52,137,.28), transparent 55%),
    radial-gradient(600px 420px at 55% 90%, rgba(168,242,10,.07), transparent 60%),
    #040806;
}
.ambient{position:absolute;filter:blur(70px);opacity:.4;pointer-events:none;border-radius:50%}
.ambient-green{width:420px;height:420px;background:#66b818;left:-100px;top:-80px}
.ambient-purple{width:500px;height:500px;background:#5b3a8d;right:-160px;top:-70px}
.login-shell{width:min(480px,calc(100vw - 36px));position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:14px;color:var(--text);text-decoration:none}
.brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(168,242,10,.12))}
.brand strong{display:block;font-size:17px;letter-spacing:-.01em}
.brand span{display:block;font-size:10px;letter-spacing:.17em;color:var(--muted);margin-top:3px}
.brand-login{margin:0 auto 26px;width:max-content}
.login-card{
  border:1px solid var(--line-strong);
  background:linear-gradient(180deg,rgba(13,24,18,.92),rgba(5,12,9,.96));
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.025);
  border-radius:28px;
  padding:36px;
  position:relative;
  overflow:hidden;
}
.login-card:before{
  content:"";
  position:absolute;inset:-40% -20% auto 45%;height:250px;
  background:radial-gradient(circle,rgba(139,92,246,.12),transparent 62%);
  pointer-events:none
}
.eyebrow{color:var(--green);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.eyebrow.purple{color:var(--purple-2)}
.login-card h1,.hero-header h1{font-size:42px;line-height:1.04;margin:16px 0 10px;letter-spacing:-.045em}
.login-card>p,.hero-header p{color:#a7b0aa;margin:0}
.login-card form{margin-top:30px;display:grid;gap:18px}
label>span{display:block;font-size:12px;font-weight:800;margin-bottom:8px;color:#dce2de}
input,select{
  width:100%;height:52px;border-radius:13px;border:1px solid var(--line-strong);
  background:#101914;color:var(--text);outline:none;padding:0 14px;
  transition:.2s border,.2s box-shadow,.2s background;
}
input::placeholder{color:#58615b}
input:focus,select:focus{border-color:rgba(168,242,10,.45);box-shadow:0 0 0 3px rgba(168,242,10,.07);background:#111c16}
.password-wrap{position:relative}
.password-wrap input{padding-right:48px}
.icon-button{
  width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);
  border-radius:11px;background:#0b120f;color:#aab4ae
}
.icon-button:hover{border-color:var(--line-strong);color:#fff;background:#111a16}
.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-button.subtle{position:absolute;right:7px;top:7px;background:transparent;border-color:transparent}
.primary-button,.ghost-button,.danger-button,.mini-button,.sign-out,.text-button{
  border:0;border-radius:13px;font-weight:850;letter-spacing:.01em;transition:.18s transform,.18s border-color,.18s background,.18s opacity
}
.primary-button{
  min-height:52px;padding:0 18px;color:#071006;
  background:linear-gradient(90deg,var(--green),#2be85f);
  box-shadow:0 10px 30px rgba(107,238,57,.12)
}
.primary-button:hover{transform:translateY(-1px);filter:brightness(1.03)}
.login-button{display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.08em}
.login-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.secure-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#6f7a73;font-size:11px;margin-top:20px}

.login-error{
  margin:0;
  padding:10px 12px;
  border:1px solid rgba(255,92,92,.28);
  border-radius:10px;
  background:rgba(255,70,70,.08);
  color:#ff9a9a;
  font-size:12px;
  line-height:1.45;
  text-align:center;
}
.login-button:disabled{opacity:.68;cursor:wait}
.login-button.is-loading svg{animation:loginArrowPulse .9s ease-in-out infinite}
@keyframes loginArrowPulse{0%,100%{transform:translateX(0);opacity:.6}50%{transform:translateX(3px);opacity:1}}
:root[data-theme="light"] .login-error{background:rgba(190,34,34,.06);border-color:rgba(190,34,34,.22);color:#a52828}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(168,242,10,.75)}
.prototype-note{text-align:center;font-size:10px;color:#59625c;margin:18px 0 0}

.dashboard-view{min-height:100vh;background:
  radial-gradient(700px 420px at 25% 0%, rgba(168,242,10,.06), transparent 62%),
  radial-gradient(760px 480px at 88% 8%, rgba(139,92,246,.07), transparent 62%),
  var(--bg)
}
.sidebar{
  width:248px;position:fixed;inset:0 auto 0 0;background:rgba(4,10,7,.96);
  border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;z-index:20;
  backdrop-filter:blur(18px)
}
.sidebar-brand{display:flex;gap:11px;align-items:center;padding:0 8px 17px}
.sidebar-brand img{width:37px;height:37px;object-fit:contain}
.sidebar-brand strong{font-size:14px;display:block}
.sidebar-brand span{font-size:9px;color:#68726c;letter-spacing:.16em}
.sidebar-divider{height:1px;background:var(--line);margin:0 -4px 16px}
.nav-label{font-size:9px;color:#515b54;font-weight:900;letter-spacing:.17em;margin:17px 10px 8px}
.nav-group{display:grid;gap:5px}
.nav-item{
  height:42px;border:1px solid transparent;border-radius:12px;background:transparent;color:#98a29c;
  display:flex;align-items:center;gap:11px;padding:0 11px;text-align:left;font-size:13px
}
.nav-item:hover{background:rgba(255,255,255,.025);color:#dce3de}
.nav-item.active{
  background:linear-gradient(90deg,rgba(168,242,10,.085),rgba(139,92,246,.055));
  color:#f0f4f1;border-color:rgba(168,242,10,.16)
}
.nav-item.active:before{content:"";width:3px;height:20px;background:var(--green);border-radius:4px;margin-left:-12px;box-shadow:0 0 12px rgba(168,242,10,.5)}
.nav-icon{width:15px;text-align:center;color:var(--green);font-size:12px}
.nav-badge{margin-left:auto;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:900}
.nav-badge.green{background:var(--green);color:#071006}
.nav-badge.amber{background:var(--amber);color:#251d06;box-shadow:0 0 14px rgba(244,196,78,.28)}
.nav-badge.neutral{background:rgba(255,255,255,.055);color:#94a099;border:1px solid rgba(255,255,255,.06)}
.game-pill{
  border:1px solid var(--line);background:#09110d;border-radius:13px;padding:10px;display:flex;align-items:center;gap:10px;margin-bottom:5px
}
.game-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:950;color:#081008;background:linear-gradient(145deg,var(--green),#4eda62)}
.game-pill strong{font-size:12px;display:block}
.game-pill span:not(.status-dot){font-size:9px;color:#69746d}
.status-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--green)}
.sidebar-spacer{flex:1}
.system-online{font-size:9px;color:#69736d;padding:10px;display:flex;align-items:center;gap:7px;border-top:1px solid var(--line)}
.sign-out{height:38px;background:#0a110e;color:#a0aaa4;border:1px solid var(--line)}
.sign-out:hover{color:#fff;border-color:var(--line-strong)}

.main{margin-left:248px;min-height:100vh}
.topbar{
  height:74px;position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;
  padding:0 24px;background:rgba(4,8,6,.84);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)
}
.top-kicker{font-size:8px;color:#69736d;letter-spacing:.18em;font-weight:900}
.topbar h2{font-size:17px;margin:3px 0 0;letter-spacing:-.02em}
.top-actions{display:flex;align-items:center;gap:12px}
.live-chip,.status-pill{
  display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:850;border:1px solid var(--line);background:#0a120e;color:#aeb8b1
}
.live-chip,.status-pill.live{background:rgba(168,242,10,.075);border-color:rgba(168,242,10,.15);color:#c8f884}
.status-pill.amber{background:rgba(244,196,78,.09);border-color:rgba(244,196,78,.18);color:#f4ce6d}
.status-pill.new{background:rgba(168,242,10,.09);border-color:rgba(168,242,10,.17);color:#c8f884}
.status-pill.reviewing{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.2);color:#c6a7ff}
.status-pill.resolved{background:rgba(255,255,255,.04);color:#8f9993}
.status-pill.large{padding:8px 12px}
.updated{font-size:9px;color:#59635d}
.updated strong{color:#aab3ad}
.content{padding:28px;max-width:1720px;margin:0 auto}
.page{display:none}
.page.active-page{display:block;animation:pageIn .22s ease}
@keyframes pageIn{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
.hero-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.hero-header h1{font-size:37px;margin-top:10px}
.hero-header p{font-size:13px}
.ghost-button{
  height:40px;padding:0 14px;background:#0d1511;color:#b6c0ba;border:1px solid var(--line-strong)
}
.ghost-button:hover{background:#121d17;color:white;border-color:rgba(168,242,10,.2)}
.ghost-button.compact{height:34px;border-radius:10px;font-size:11px}
.text-button{background:transparent;color:#849087;font-size:11px}
.text-button:hover{color:var(--green)}
.stat-grid{display:grid;gap:12px;margin-bottom:14px}
.stat-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}
.stat-card{
  min-height:128px;border:1px solid var(--line);border-radius:var(--radius);padding:18px;
  background:linear-gradient(145deg,rgba(12,23,17,.92),rgba(8,14,11,.94));position:relative;overflow:hidden
}
.stat-card:after{content:"";position:absolute;width:140px;height:90px;right:-40px;top:-40px;border-radius:50%;filter:blur(35px);opacity:.2}
.stat-card.glow-green:after{background:var(--green)}
.stat-card.glow-purple:after{background:var(--purple)}
.stat-label{display:block;font-size:10px;color:#9da8a1;font-weight:800}
.stat-value{display:block;font-size:31px;letter-spacing:-.04em;margin:19px 0 7px}
.stat-value.small-value{font-size:21px;margin-top:24px}
.stat-foot{font-size:9px;color:#68736c;display:flex;gap:6px;align-items:center}
.green-text{color:#bdfa61!important}.purple-text{color:#bb9cff!important}.amber-text{color:#f4c963!important}
.layout-two{display:grid;grid-template-columns:1.7fr .9fr;gap:14px;margin-bottom:14px}
.layout-two.wide-left{grid-template-columns:2fr .8fr}
.panel{
  background:linear-gradient(160deg,rgba(10,20,15,.94),rgba(7,13,10,.96));border:1px solid var(--line);
  border-radius:var(--radius);padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.015)
}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.panel-head h3{font-size:15px;margin:5px 0 0}
.panel-muted{font-size:10px;color:#69736d}
.project-row{display:flex;align-items:center;gap:14px}
.game-art{width:72px;height:72px;border-radius:16px;display:grid;place-items:center;font-size:30px;font-weight:950;color:#091008;background:linear-gradient(145deg,var(--green),#4eda62);box-shadow:0 10px 30px rgba(168,242,10,.08)}
.project-copy{flex:1}
.project-copy h4{margin:0 0 4px;font-size:17px}
.project-copy p{margin:0;color:#77827b;font-size:11px}
.project-metrics{display:flex;gap:16px;margin-top:14px;color:#77827b;font-size:10px}
.project-metrics strong{color:#dfe5e1}
.big-number{font-size:36px;font-weight:900;letter-spacing:-.04em;margin:9px 0 20px}
.big-number span{font-size:10px;font-weight:600;color:#69736d;letter-spacing:0}
.progress-group{display:grid;gap:13px}
.progress-row>div:first-child{font-size:10px;color:#8e9992;display:flex;align-items:center;gap:8px}
.progress-row strong{margin-left:auto;color:#dce3de}
.progress-track{height:5px;background:#17201b;border-radius:999px;overflow:hidden;margin-top:7px}
.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#49ee72)}
.purple-bar .progress-track span{background:linear-gradient(90deg,var(--purple),#b477ff)}
.muted-bar .progress-track span{background:#52605a}
.map-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.map-dot.green{background:var(--green)}.map-dot.purple{background:var(--purple)}.map-dot.muted{background:#59635d}
.activity-list{display:grid}
.activity-item{min-height:48px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;border-top:1px solid var(--line);font-size:11px}
.activity-item:first-child{border-top:0}
.activity-item div{color:#8e9992}
.activity-item strong{color:#dce2de;margin-right:4px}
.activity-item small{display:block;color:#7f8a83;font-size:10px;margin-top:3px}
.activity-item time{font-size:9px;color:#59635d}
.activity-dot{width:7px;height:7px;border-radius:50%}.activity-dot.green{background:var(--green);box-shadow:0 0 10px rgba(168,242,10,.4)}.activity-dot.purple{background:var(--purple)}.activity-dot.muted{background:#65716a}
.compact-list .activity-item{grid-template-columns:auto minmax(0,1fr) auto}

.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:680px}
th{text-align:left;padding:9px 8px 11px;font-size:8px;color:#657069;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid var(--line);font-weight:900}
td{padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.045);font-size:10px;color:#9ba69f;vertical-align:middle}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover td{background:rgba(255,255,255,.012)}
td strong{color:#dfe5e1}
.sub-id{display:block;color:#515c55;font-size:8px;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.country-code{color:#758078;margin-left:2px}
.tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:8px;font-weight:800}
.tag.green{background:rgba(168,242,10,.08);color:#c5f475}
.tag.purple{background:rgba(139,92,246,.1);color:#c5a5ff}
.tag.muted{background:rgba(255,255,255,.04);color:#879189}
.player-row{cursor:pointer}
.donut-wrap{display:grid;place-items:center;padding:5px 0 15px}
.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--green) 0 55%,var(--purple) 55% 91%,#404a44 91% 100%);display:grid;place-items:center;position:relative}
.donut:after{content:"";position:absolute;inset:17px;background:#0a120e;border-radius:50%}
.donut-center{position:relative;z-index:1;text-align:center}.donut-center strong{font-size:28px;display:block}.donut-center span{color:#6d7770;font-size:9px}
.legend{display:grid;gap:10px}
.legend div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:10px;color:#8a958e}

.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}
.search-box{height:44px;min-width:280px;flex:1;max-width:520px;position:relative}
.search-box svg{position:absolute;width:17px;height:17px;left:13px;top:13px;fill:none;stroke:#5d6861;stroke-width:1.8}
.search-box input{height:44px;padding-left:39px}
.toolbar select,.hero-header select{height:44px;width:auto;min-width:150px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px!important;color:#79847d!important}
.mini-button{height:28px;padding:0 9px;background:#101914;color:#9ca7a0;border:1px solid var(--line);font-size:9px;border-radius:8px}
.mini-button:hover{color:#fff;border-color:rgba(168,242,10,.2)}

.report-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.report-card{border:1px solid var(--line);border-radius:var(--radius);padding:17px;background:linear-gradient(155deg,#0a130e,#080e0b)}
.report-top{display:flex;justify-content:space-between;align-items:center}
.report-top>div{display:flex;align-items:center;gap:8px}
.report-id{font-size:10px;color:#6f7a73;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.report-top time{font-size:9px;color:#5e6862}
.report-card h3{font-size:15px;margin:14px 0 7px}
.report-card p{font-size:10px;color:#78837c;line-height:1.55;margin:0 0 14px}
.report-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.report-meta > span{padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.035);color:#78837c;font-size:8px}
.report-meta.wide{margin:10px 0 0}

.chart{height:260px;position:relative;padding-top:10px}
.grid-lines{position:absolute;inset:10px 0 28px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,rgba(255,255,255,.045) 50px)}
.chart svg{position:relative;width:100%;height:210px;overflow:visible}
.chart-line{fill:none;stroke:url(#lineGradient);stroke-width:3;vector-effect:non-scaling-stroke}
.chart-area{fill:url(#areaGradient)}
.chart-labels{display:flex;justify-content:space-between;color:#566159;font-size:8px}
.country-list{display:grid;gap:13px}
.country-list>div{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:10px;color:#89948d}
.country-list strong{color:#d4dbd6}
.mini-track{grid-column:1 / -1;height:4px;background:#16201a;border-radius:99px;overflow:hidden}
.mini-track i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--green));border-radius:inherit}

.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.health-card{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:#09110d;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.health-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,rgba(168,242,10,.14),rgba(139,92,246,.12));display:grid;place-items:center;color:#d8f8a3;font-size:10px;font-weight:900;border:1px solid var(--line)}
.health-card h3{font-size:12px;margin:0 0 4px}.health-card p{font-size:9px;color:#66716a;margin:0}.health-status{font-size:9px;color:#c9f782}
.metric-lines{display:grid}.metric-lines div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);font-size:10px}.metric-lines div:first-child{border-top:0}.metric-lines span{color:#758078}

.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.setting-panel h3{font-size:14px;margin:0 0 18px}
.setting-panel label{display:block;margin-bottom:13px}
.setting-panel input,.setting-panel select{height:43px}
.setting-panel label>span{font-size:10px;color:#7b867f}
.toggle-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}
.toggle-row:first-of-type{border-top:0}
.toggle-row strong{display:block;font-size:10px}.toggle-row span{display:block;font-size:8px;color:#647068;margin-top:3px}
.toggle{width:38px;height:22px;border:0;border-radius:999px;background:#2a332e;padding:3px}.toggle i{display:block;width:16px;height:16px;border-radius:50%;background:#758079;transition:.2s transform}.toggle.on{background:rgba(168,242,10,.22)}.toggle.on i{transform:translateX(16px);background:var(--green)}
.map-setting{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);font-size:10px;color:#98a39c}.map-setting span{display:flex;align-items:center;gap:8px}.map-setting code{font-size:8px;color:#657169}

.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.64);backdrop-filter:blur(4px);z-index:50}
.drawer{position:fixed;top:0;right:0;height:100vh;width:min(430px,100vw);background:#07100b;border-left:1px solid var(--line-strong);z-index:60;padding:22px;box-shadow:-30px 0 70px rgba(0,0,0,.38)}
.drawer-head,.modal-head{display:flex;align-items:center;justify-content:space-between}.drawer-head h2,.modal-head h2{font-size:24px;margin:6px 0 0}.drawer-close,.report-close{font-size:19px}
.player-profile{display:flex;align-items:center;gap:13px;padding:22px 0;border-bottom:1px solid var(--line)}
.avatar-ring{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:950;color:#091008;background:linear-gradient(145deg,var(--green),#53ed65);box-shadow:0 0 0 5px rgba(168,242,10,.05)}
.player-profile strong{display:block}.player-profile span{font-size:10px;color:#768179}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 0}
.detail-grid>div{border:1px solid var(--line);border-radius:12px;padding:12px;background:#0a130e}.detail-grid span{display:block;font-size:8px;color:#5f6a63;margin-bottom:5px}.detail-grid strong{display:block;font-size:10px}.detail-grid .mini-button{margin-top:8px}
.drawer-section{margin-top:8px}.drawer-section h3{font-size:12px}

.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:60;width:min(720px,calc(100vw - 30px));max-height:90vh;overflow:auto;background:linear-gradient(160deg,#0b1510,#07100b);border:1px solid var(--line-strong);border-radius:22px;padding:22px;box-shadow:var(--shadow)}
.report-detail-header{padding:18px 0}
.report-detail-header h3{font-size:21px;margin:12px 0 0}
.message-box{border:1px solid var(--line);background:#0d1712;border-radius:14px;padding:15px;color:#aab4ae;line-height:1.65;font-size:11px}
.report-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.report-details-grid div{border:1px solid var(--line);border-radius:11px;padding:10px;background:#09120d}.report-details-grid span{display:block;font-size:8px;color:#647069;margin-bottom:5px}.report-details-grid strong{font-size:10px}
.modal-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px}.action-right{display:flex;gap:8px}
.danger-button{height:40px;padding:0 13px;background:rgba(255,94,108,.08);border:1px solid rgba(255,94,108,.2);color:#ff909a}
.danger-button:hover{background:rgba(255,94,108,.13)}
.compact-primary{min-height:40px;height:40px}
.confirm-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:70;width:min(390px,calc(100vw - 30px));background:#0a120e;border:1px solid rgba(255,94,108,.22);border-radius:20px;padding:24px;text-align:center;box-shadow:var(--shadow)}
.danger-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;background:rgba(255,94,108,.11);color:#ff8b96;border:1px solid rgba(255,94,108,.2);font-weight:950}
.confirm-modal h3{margin:0 0 8px}.confirm-modal p{font-size:10px;line-height:1.55;color:#758078}.confirm-actions{display:flex;justify-content:center;gap:8px;margin-top:17px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;background:#101913;border:1px solid rgba(168,242,10,.18);border-radius:10px;padding:10px 14px;color:#c8f884;font-size:10px;box-shadow:var(--shadow)}

@media(max-width:1200px){
  .stat-grid.six{grid-template-columns:repeat(3,1fr)}
  .stat-grid.four{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:960px){
  .sidebar{width:76px;padding:16px 10px}.sidebar-brand div,.nav-item span:not(.nav-icon):not(.nav-badge),.nav-label,.game-pill div:not(.game-mark),.game-pill .status-dot,.system-online,.sign-out{display:none}.sidebar-brand{padding:0 8px 17px}.sidebar-brand img{width:38px}.nav-item{justify-content:center}.nav-item.active:before{display:none}.nav-icon{width:auto}.game-pill{justify-content:center}.main{margin-left:76px}.layout-two,.layout-two.wide-left{grid-template-columns:1fr}
}
@media(max-width:680px){
  .main{margin-left:0}.sidebar{position:fixed;bottom:0;top:auto;width:100%;height:66px;display:flex;flex-direction:row;align-items:center;padding:8px;overflow-x:auto;border-right:0;border-top:1px solid var(--line)}.sidebar-brand,.sidebar-divider,.nav-label,.game-pill,.sidebar-spacer,.system-online,.sign-out{display:none}.nav-group{display:flex;gap:4px}.nav-item{min-width:48px;height:48px;padding:0 10px}.nav-item:nth-child(n+6){display:none}.topbar{height:64px;padding:0 14px}.top-actions .updated{display:none}.content{padding:18px 12px 86px}.hero-header{align-items:flex-start;flex-direction:column}.hero-header h1{font-size:31px}.login-card h1{font-size:34px}.stat-grid.four,.stat-grid.six,.settings-grid,.health-grid{grid-template-columns:1fr 1fr}.report-list{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:0;max-width:none}.toolbar select{width:100%}.report-details-grid{grid-template-columns:1fr}.modal-actions{align-items:stretch;flex-direction:column}.action-right{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:460px){
  .stat-grid.four,.stat-grid.six,.settings-grid,.health-grid{grid-template-columns:1fr}.login-card{padding:26px 20px}.top-actions .live-chip{display:none}
}

/* ---------- V2 polish: logos, real flags, appearance controls ---------- */
.game-logo-slot{
  position:relative;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(145deg,var(--green),#4eda62);
  border:1px solid rgba(168,242,10,.22);
  box-shadow:0 10px 30px rgba(168,242,10,.08)
}
.game-logo-slot.small{width:34px;height:34px;border-radius:9px}
.game-logo-slot.large{width:72px;height:72px;border-radius:16px}
.game-logo-slot img{
  width:100%;height:100%;max-width:100%;max-height:100%;display:block;object-fit:contain;
  object-position:center;padding:5px
}
.game-logo-slot.large img{padding:7px}
.game-logo-slot .game-logo-fallback{position:absolute;inset:0;display:grid;place-items:center;font-weight:950;color:#081008}
.game-logo-slot.has-image{background:#0b130f}
.game-logo-slot.has-image .game-logo-fallback{display:none}
.game-logo-slot:not(.has-image) img{opacity:0}

.flag-icon{width:22px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.09);background-size:cover!important;display:inline-block;vertical-align:middle}
.small-flag{width:18px;height:13px;margin-right:7px}
.inline-flag{width:20px;height:14px;margin-right:6px}
.country-list>div>span{display:flex;align-items:center}

.setting-block{padding-bottom:14px;margin-bottom:2px;border-bottom:1px solid var(--line)}
.setting-label{display:block;font-size:10px;color:#7b867f;margin-bottom:9px;font-weight:800}
.setting-help{display:block;font-size:8px;color:#647068;margin-top:8px;line-height:1.5}
.segmented-control{height:42px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);display:grid;grid-template-columns:1fr 1fr;gap:4px}
.segment{border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;font-weight:850}
.segment:hover{color:var(--text)}
.segment.active{background:linear-gradient(90deg,rgba(168,242,10,.14),rgba(139,92,246,.11));color:var(--text);box-shadow:inset 0 0 0 1px rgba(168,242,10,.14)}
.setting-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}
.setting-title-row h3{margin:0}
.secure-config{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:9px}
.secure-config span{color:#647068}.secure-config strong{color:#99a49d;font-size:9px;text-align:right}
.full-width{width:100%;margin:2px 0 6px}
.asset-note{padding:11px 12px;border:1px dashed var(--line-strong);border-radius:12px;background:rgba(139,92,246,.035)}
.asset-note strong,.asset-note span{display:block}.asset-note strong{font-size:9px;color:#a9b3ad}.asset-note code{display:block;margin:6px 0;color:#bca3ff;font-size:9px;overflow-wrap:anywhere}.asset-note span{font-size:8px;line-height:1.5;color:#637068}

/* Smooth theme switching without animating layout geometry. */
html,body,.dashboard-view,.sidebar,.topbar,.panel,.stat-card,.health-card,.modal,.drawer,.confirm-modal,.login-card,input,select,.game-pill,.sign-out,.icon-button{
  transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease
}

/* Optional compact density. */
html[data-density="compact"] .content{padding:20px}
html[data-density="compact"] .panel{padding:14px}
html[data-density="compact"] .stat-card{min-height:108px;padding:14px}
html[data-density="compact"] td{padding:9px 8px}
html[data-density="compact"] .nav-item{height:38px}

/* Optional glow/motion controls. */
html[data-glow="off"] .ambient,
html[data-glow="off"] .stat-card:after{display:none!important}
html[data-glow="off"] .dashboard-view,
html[data-glow="off"] .login-view{background-image:none!important}
html[data-glow="off"] .live-dot{box-shadow:none}
html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* ---------- Light theme ---------- */
:root[data-theme="light"]{
  --bg:#f4f6f3;
  --bg-2:#edf1ed;
  --panel:#ffffff;
  --panel-2:#f4f7f4;
  --panel-3:#e9efea;
  --line:rgba(14,28,19,.085);
  --line-strong:rgba(14,28,19,.15);
  --text:#111a14;
  --muted:#66746b;
  --green:#79b900;
  --green-2:#3fc55c;
  --green-dim:rgba(121,185,0,.12);
  --purple:#7b4de2;
  --purple-2:#8254e9;
  --purple-dim:rgba(123,77,226,.11);
  --amber:#c8921f;
  --danger:#d84655;
  --shadow:0 22px 60px rgba(27,47,34,.12)
}
:root[data-theme="light"] body{background:var(--bg);color:var(--text)}
:root[data-theme="light"] .login-view{
  background:
    radial-gradient(900px 700px at 12% 15%,rgba(132,196,31,.18),transparent 55%),
    radial-gradient(900px 700px at 88% 25%,rgba(125,80,210,.14),transparent 55%),
    radial-gradient(600px 420px at 55% 90%,rgba(168,242,10,.08),transparent 60%),
    #f5f7f4
}
:root[data-theme="light"] .login-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,247,.98))}
:root[data-theme="light"] .login-card>p,:root[data-theme="light"] .hero-header p{color:#66746b}
:root[data-theme="light"] input,:root[data-theme="light"] select{background:#f7faf7;color:var(--text)}
:root[data-theme="light"] input::placeholder{color:#87928b}
:root[data-theme="light"] input:focus,:root[data-theme="light"] select:focus{background:#fff}
:root[data-theme="light"] .dashboard-view{
  background:
    radial-gradient(700px 420px at 25% 0%,rgba(141,204,26,.08),transparent 62%),
    radial-gradient(760px 480px at 88% 8%,rgba(123,77,226,.07),transparent 62%),
    var(--bg)
}
:root[data-theme="light"] .sidebar{background:rgba(247,250,247,.97)}
:root[data-theme="light"] .topbar{background:rgba(248,250,248,.88)}
:root[data-theme="light"] .game-pill{background:#f8faf8}
:root[data-theme="light"] .nav-item{color:#637168}
:root[data-theme="light"] .nav-item:hover{background:rgba(15,35,22,.035);color:#1b2820}
:root[data-theme="light"] .nav-item.active{background:linear-gradient(90deg,rgba(121,185,0,.1),rgba(123,77,226,.07));color:#172019}
:root[data-theme="light"] .stat-card{background:linear-gradient(145deg,#ffffff,#f7faf7)}
:root[data-theme="light"] .panel{background:linear-gradient(160deg,#ffffff,#f8faf8)}
:root[data-theme="light"] .health-card{background:#ffffff}
:root[data-theme="light"] .health-icon{color:#4c7900;background:linear-gradient(145deg,rgba(121,185,0,.11),rgba(123,77,226,.08))}
:root[data-theme="light"] .health-status{color:#4d7c00}
:root[data-theme="light"] .live-chip,:root[data-theme="light"] .status-pill{background:#f4f7f4;color:#617067}
:root[data-theme="light"] .live-chip,:root[data-theme="light"] .status-pill.live{background:rgba(121,185,0,.085);color:#4d7600}
:root[data-theme="light"] .status-pill.new{background:rgba(121,185,0,.09);color:#4d7600}
:root[data-theme="light"] .status-pill.reviewing{background:rgba(123,77,226,.09);color:#6840bf}
:root[data-theme="light"] .status-pill.resolved{background:rgba(20,40,28,.045);color:#607067}
:root[data-theme="light"] .ghost-button{background:#f2f6f2;color:#526158}
:root[data-theme="light"] .ghost-button:hover{background:#eaf0ea;color:#172019}
:root[data-theme="light"] .icon-button{background:#f3f6f3;color:#5a685f}
:root[data-theme="light"] .sign-out{background:#f5f8f5;color:#59665e}
:root[data-theme="light"] .message-box{background:#f4f7f4;color:#516057}
:root[data-theme="light"] .detail-grid>div,:root[data-theme="light"] .report-details-grid div{background:#f7faf7}
:root[data-theme="light"] .drawer{background:#fafcfa}
:root[data-theme="light"] .modal{background:linear-gradient(160deg,#ffffff,#f6f9f6)}
:root[data-theme="light"] .confirm-modal{background:#ffffff}
:root[data-theme="light"] .toast{background:#ffffff;color:#4f7800}
:root[data-theme="light"] .sub-id{color:#7e8a82}
:root[data-theme="light"] td{color:#657269}
:root[data-theme="light"] td strong,:root[data-theme="light"] .progress-row strong,:root[data-theme="light"] .country-list strong{color:#263229}
:root[data-theme="light"] .activity-item div{color:#637168}
:root[data-theme="light"] .activity-item strong{color:#263229}
:root[data-theme="light"] .chart .grid-lines{opacity:.38}
:root[data-theme="light"] .segmented-control{background:#f2f6f2}
:root[data-theme="light"] .segment.active{background:linear-gradient(90deg,rgba(121,185,0,.12),rgba(123,77,226,.09));color:#1d281f}
:root[data-theme="light"] .asset-note{background:rgba(123,77,226,.035)}
:root[data-theme="light"] .game-logo-slot.has-image{background:#f2f5f2}

@media(max-width:680px){
  .setting-title-row{align-items:flex-start;flex-direction:column}
}

/* ---------- V3 final visual polish ---------- */
/* Game artwork always fills its locked slot without affecting layout. */
.game-logo-slot img{
  padding:0!important;
  object-fit:cover!important;
  object-position:center;
  border-radius:inherit;
}
.game-logo-slot.large img{padding:0!important}

/* Consistent real SVG flags everywhere. */
.flag-icon{
  flex:0 0 auto;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.activity-item strong{display:inline-flex;align-items:center;gap:0}
.meta-player{display:inline-flex!important;align-items:center;gap:0}

/* Smooth refresh rotation. */
#refreshButton svg{transform-origin:50% 50%;will-change:transform}
#refreshButton.refreshing svg{animation:barioRefreshSpin .62s cubic-bezier(.4,0,.2,1)}
@keyframes barioRefreshSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* Stronger, fully legible light theme across every component. */
:root[data-theme="light"] label>span{color:#263329}
:root[data-theme="light"] .brand span,
:root[data-theme="light"] .sidebar-brand span,
:root[data-theme="light"] .nav-label,
:root[data-theme="light"] .top-kicker,
:root[data-theme="light"] .updated,
:root[data-theme="light"] .prototype-note,
:root[data-theme="light"] .secure-note,
:root[data-theme="light"] .system-online{color:#66756b}
:root[data-theme="light"] .updated strong{color:#405047}
:root[data-theme="light"] .stat-label{color:#48584e}
:root[data-theme="light"] .stat-foot,
:root[data-theme="light"] .panel-muted,
:root[data-theme="light"] .big-number span{color:#66756b}
:root[data-theme="light"] .green-text{color:#4f7f00!important}
:root[data-theme="light"] .purple-text{color:#6d42c8!important}
:root[data-theme="light"] .amber-text{color:#9b6d00!important}
:root[data-theme="light"] .project-copy p,
:root[data-theme="light"] .project-metrics{color:#617067}
:root[data-theme="light"] .project-metrics strong,
:root[data-theme="light"] .progress-row strong{color:#243229}
:root[data-theme="light"] .progress-row>div:first-child{color:#5d6d63}
:root[data-theme="light"] .progress-track,
:root[data-theme="light"] .mini-track{background:#dde5df}
:root[data-theme="light"] .muted-bar .progress-track span{background:#87948c}
:root[data-theme="light"] .activity-item div{color:#526258}
:root[data-theme="light"] .activity-item strong{color:#1f2c24}
:root[data-theme="light"] .activity-item small{color:#64746a}
:root[data-theme="light"] .activity-item time{color:#7a887f}
:root[data-theme="light"] th{color:#69786e}
:root[data-theme="light"] td{color:#4f6056;border-bottom-color:rgba(16,35,22,.07)}
:root[data-theme="light"] tbody tr:hover td{background:rgba(25,55,34,.025)}
:root[data-theme="light"] td strong{color:#1f2c24}
:root[data-theme="light"] .sub-id{color:#7b8980}
:root[data-theme="light"] .mono{color:#64746a!important}
:root[data-theme="light"] .tag.green{background:rgba(121,185,0,.11);color:#4f7900}
:root[data-theme="light"] .tag.purple{background:rgba(123,77,226,.10);color:#6840bf}
:root[data-theme="light"] .tag.muted{background:rgba(25,45,32,.055);color:#5c6b62}
:root[data-theme="light"] .donut:after{background:#fff}
:root[data-theme="light"] .donut-center span{color:#66756b}
:root[data-theme="light"] .legend div{color:#5c6c62}
:root[data-theme="light"] .search-box svg{stroke:#77857c}
:root[data-theme="light"] .mini-button{background:#f0f4f0;color:#536259;border-color:rgba(14,28,19,.10)}
:root[data-theme="light"] .mini-button:hover{background:#e8eee8;color:#18231c;border-color:rgba(121,185,0,.24)}
:root[data-theme="light"] .report-card{background:linear-gradient(155deg,#ffffff,#f7faf7)}
:root[data-theme="light"] .report-id,
:root[data-theme="light"] .report-top time{color:#748279}
:root[data-theme="light"] .report-card p{color:#5b6b61}
:root[data-theme="light"] .report-meta > span{background:rgba(20,40,28,.045);color:#59695f}
:root[data-theme="light"] .chart-labels{color:#6d7b72}
:root[data-theme="light"] .grid-lines{background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,rgba(20,40,28,.07) 50px)}
:root[data-theme="light"] .country-list>div{color:#5b6b61}
:root[data-theme="light"] .country-list strong{color:#263329}
:root[data-theme="light"] .health-card p{color:#607067}
:root[data-theme="light"] .metric-lines span{color:#627168}
:root[data-theme="light"] .setting-panel label>span,
:root[data-theme="light"] .setting-label{color:#526258}
:root[data-theme="light"] .setting-help,
:root[data-theme="light"] .toggle-row span,
:root[data-theme="light"] .secure-config span{color:#66756b}
:root[data-theme="light"] .secure-config strong{color:#3f4f45}
:root[data-theme="light"] .toggle{background:#d9e1db}
:root[data-theme="light"] .toggle i{background:#829087}
:root[data-theme="light"] .toggle.on{background:rgba(121,185,0,.21)}
:root[data-theme="light"] .map-setting{color:#536259}
:root[data-theme="light"] .map-setting code{color:#6a7970}
:root[data-theme="light"] .player-profile span{color:#607067}
:root[data-theme="light"] .detail-grid span,
:root[data-theme="light"] .report-details-grid span{color:#69786f}
:root[data-theme="light"] .message-box{background:#f4f7f4;color:#425148}
:root[data-theme="light"] .confirm-modal p{color:#637269}
:root[data-theme="light"] .asset-note strong{color:#48584e}
:root[data-theme="light"] .asset-note span{color:#66756b}
:root[data-theme="light"] .asset-note code{color:#6940bd}
:root[data-theme="light"] .game-logo-slot.has-image{background:#eef3ee}


/* ---------- V4 final tweaks ---------- */
/* Flags stay visual-only and never inherit report pill styling. */
.flag-icon{
  padding:0!important;
  background-color:transparent!important;
  color:transparent!important;
  font-size:0!important;
  overflow:hidden;
}
.report-meta .flag-icon{
  padding:0!important;
  border-radius:3px!important;
  background-color:transparent!important;
}
.meta-player{gap:6px!important}
.activity-item strong{gap:7px!important}

/* Very small global type-size lift for readability without changing the layout. */
.nav-item{font-size:13.5px}
.hero-header p{font-size:13.5px}
.stat-label{font-size:10.5px}
.stat-foot{font-size:9.5px}
.panel-head h3{font-size:15.5px}
.activity-item{font-size:11.5px}
.activity-item small{font-size:10.5px}
.activity-item time{font-size:9.5px}
th{font-size:8.5px}
td{font-size:10.5px}
.tag{font-size:8.5px}
.report-id{font-size:10.5px}
.report-top time{font-size:9.5px}
.report-card h3{font-size:15.5px}
.report-card p{font-size:10.5px}
.report-meta > span{font-size:8.5px}
.mini-button{font-size:9.5px}
.setting-panel h3{font-size:14.5px}
.setting-panel label>span,.setting-label{font-size:10.5px}
.toggle-row strong{font-size:10.5px}
.toggle-row span,.setting-help{font-size:8.5px}
.map-setting{font-size:10.5px}
.map-setting code{font-size:8.5px}

/* Keep refresh rotation fluid and calm. */
#refreshButton.refreshing svg{animation:barioRefreshSpin .78s cubic-bezier(.22,.61,.36,1)}

/* ---------- V5 final polish ---------- */
/* Keep compact activity rows perfectly centered on one visual line. */
.compact-list .activity-item > div{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  line-height:1.35;
}
.compact-list .activity-item strong{
  margin-right:0;
  flex:0 0 auto;
}
.compact-list .activity-item time{align-self:center}

/* Slight readability lift across the interface without changing the layout. */
.nav-item{font-size:14.5px}
.hero-header p{font-size:14.5px}
.topbar h2{font-size:18px}
.status-pill{font-size:10.5px}
.updated{font-size:9.5px}
.stat-label{font-size:11.5px}
.stat-foot{font-size:10.5px}
.panel-muted{font-size:10.5px}
.project-copy p{font-size:12px}
.project-metrics{font-size:11px}
.progress-row>div:first-child{font-size:11px}
.activity-item{font-size:12.5px}
.activity-item small{font-size:11.5px}
.activity-item time{font-size:10.5px}
th{font-size:9.5px}
td{font-size:11.5px}
.sub-id{font-size:9.5px}
.mono{font-size:10.5px!important}
.tag{font-size:9.5px}
.legend div{font-size:11px}
.report-id{font-size:11.5px}
.report-top time{font-size:10.5px}
.report-card h3{font-size:16.5px}
.report-card p{font-size:11.5px}
.report-meta > span{font-size:9.5px}
.mini-button{font-size:10.5px}
.health-card h3{font-size:13px}
.health-card p,.health-status{font-size:10px}
.metric-lines div{font-size:11px}
.setting-panel h3{font-size:15.5px}
.setting-panel label>span,.setting-label{font-size:11.5px}
.toggle-row strong{font-size:11.5px}
.toggle-row span,.setting-help{font-size:9.5px}
.map-setting{font-size:11.5px}
.map-setting code{font-size:9.5px}
.detail-grid span,.report-details-grid span{font-size:9px}
.detail-grid strong,.report-details-grid strong{font-size:11px}
.message-box{font-size:12px}

/* Every visible SteamID is directly clickable to copy. */
.steam-id-copy{
  cursor:copy;
  border-radius:6px;
  transition:color .16s ease, background .16s ease, box-shadow .16s ease;
}
.steam-id-copy:hover{
  color:#bdf75d!important;
  background:rgba(168,242,10,.06);
  box-shadow:0 0 0 3px rgba(168,242,10,.035);
}
:root[data-theme="light"] .steam-id-copy:hover{
  color:#568500!important;
  background:rgba(121,185,0,.08);
}

/* ---------- Reports notification + review action polish ---------- */
.review-button{
  background:rgba(139,92,246,.17)!important;
  border-color:rgba(139,92,246,.42)!important;
  color:#d7c4ff!important;
  box-shadow:inset 0 0 0 1px rgba(139,92,246,.07),0 8px 22px rgba(92,52,180,.10);
}
.review-button:hover{background:rgba(139,92,246,.25)!important;border-color:rgba(139,92,246,.58)!important;color:#efe8ff!important}
.report-loading-card,.report-load-error{grid-column:1/-1}
.report-load-error .ghost-button{margin-top:12px}
:root[data-theme="light"] .nav-badge.neutral{background:rgba(20,40,28,.055);color:#68756d;border-color:rgba(20,40,28,.08)}
:root[data-theme="light"] .review-button{background:rgba(123,77,226,.11)!important;border-color:rgba(123,77,226,.32)!important;color:#6840bf!important}
:root[data-theme="light"] .review-button:hover{background:rgba(123,77,226,.17)!important;border-color:rgba(123,77,226,.44)!important}