.extreme-dashboard{padding:42px 0 100px;--diag:#f4a340;--relay:#4ecb9b;--gas:#4db8ff;--violet:#a88cff;--panel-deep:#0a1b23;--grid:rgba(146,182,187,.12)}
.analytics-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px;padding:28px 30px;border:1px solid #31515c;border-radius:24px;background:radial-gradient(circle at 85% 15%,rgba(77,184,255,.13),transparent 30%),radial-gradient(circle at 15% 100%,rgba(244,163,64,.12),transparent 30%),#0c2029;box-shadow:0 28px 80px rgba(0,0,0,.34)}
.analytics-hero h1{margin:8px 0 10px;font-size:clamp(44px,6vw,78px);line-height:.9;letter-spacing:-.055em}.analytics-hero p{max-width:720px;color:#adc2c4;line-height:1.6}.analytics-controls{display:grid;grid-template-columns:auto auto;gap:8px 10px;align-items:center;min-width:310px}.analytics-controls label{margin:0}.analytics-controls select,.analytics-controls button{height:42px;border:1px solid #365762;border-radius:10px;background:#08171e;color:#edf6f4;padding:0 12px}.analytics-controls button{cursor:pointer;font-weight:850;color:#122028;background:var(--accent)}.analytics-controls small{grid-column:1/-1;color:#80999d;text-align:right}
.extreme-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}.extreme-metric{position:relative;min-height:142px;padding:20px;border:1px solid #294852;border-radius:17px;background:#0d222b;overflow:hidden}.extreme-metric:after{content:"";position:absolute;right:-18px;bottom:-24px;width:76px;height:76px;border:18px solid var(--metric-color,#f4a340);border-radius:50%;opacity:.08}.extreme-metric span{display:block;color:#93aaad;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.extreme-metric strong{display:block;margin:12px 0 7px;font:850 34px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#f5faf8}.extreme-metric small{color:#7e979b;font-size:11px;line-height:1.4}.extreme-metric i{position:absolute;left:20px;right:20px;bottom:0;height:3px;background:var(--metric-color,#f4a340)}
.analytics-grid{display:grid;gap:18px;margin:18px 0}.analytics-grid-primary{grid-template-columns:minmax(0,1.85fr) minmax(300px,.75fr)}.analytics-grid-leaderboard{grid-template-columns:minmax(0,1.6fr) minmax(320px,.7fr)}.analytics-grid-mastery{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-grid-security{grid-template-columns:1fr 1fr}.analytics-panel{min-width:0;padding:24px;border:1px solid #294852;border-radius:20px;background:linear-gradient(180deg,#102832,#0b1e27);box-shadow:0 18px 50px rgba(0,0,0,.22)}.analytics-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.analytics-panel-heading h2{margin:4px 0 6px;font-size:24px;letter-spacing:-.025em}.analytics-panel-heading p:not(.eyebrow){margin:0;color:#8fa7aa;font-size:12px;line-height:1.55}
.chart-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;color:#9bb0b2;font-size:10px;font-weight:800}.chart-legend span:before{content:"";display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:2px;background:currentColor}.chart-legend .legend-diagnosis{color:var(--diag)}.chart-legend .legend-relay{color:var(--relay)}.chart-legend .legend-gas{color:var(--gas)}
.trend-chart{min-height:330px;position:relative}.trend-chart svg{display:block;width:100%;height:330px;overflow:visible}.trend-grid{stroke:var(--grid);stroke-width:1}.trend-axis-label{fill:#789196;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.trend-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-point{stroke:#0b1e27;stroke-width:2}.trend-diagnosis{stroke:var(--diag);fill:var(--diag)}.trend-relay{stroke:var(--relay);fill:var(--relay)}.trend-gas{stroke:var(--gas);fill:var(--gas)}.chart-empty{display:grid;place-items:center;min-height:220px;border:1px dashed #31515c;border-radius:14px;color:#7f999d;text-align:center;padding:24px}
.funnel-chart{display:grid;gap:12px}.funnel-step{display:grid;grid-template-columns:130px 1fr 42px;gap:10px;align-items:center}.funnel-step span{color:#a9bec0;font-size:11px}.funnel-track{height:25px;border-radius:6px;background:#07161d;overflow:hidden}.funnel-fill{height:100%;min-width:2px;background:var(--accent);border-right:3px solid #ffd181}.funnel-step strong{text-align:right;font:800 13px ui-monospace,Consolas,monospace}.funnel-rate{grid-column:2/4;color:#6f888d;font-size:9px;text-align:right}
.game-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.comparison-card{padding:20px;border:1px solid #2b4b56;border-top:3px solid var(--game-color);border-radius:15px;background:#0a1c24}.comparison-card h3{margin:0 0 16px;font-size:20px}.comparison-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison-stat{padding:10px;border-radius:10px;background:#0e2630}.comparison-stat span{display:block;color:#789398;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.comparison-stat strong{display:block;margin-top:6px;font:800 21px ui-monospace,Consolas,monospace}.coverage-track{height:7px;margin-top:17px;border-radius:99px;background:#06151b;overflow:hidden}.coverage-track i{display:block;height:100%;background:var(--game-color)}.coverage-copy{display:flex;justify-content:space-between;margin-top:7px;color:#718b90;font-size:9px}
.suite-table-wrap,.user-table-wrap{overflow:auto}.suite-leaderboard,.extreme-user-table{width:100%;border-collapse:collapse;min-width:820px}.suite-leaderboard th,.suite-leaderboard td,.extreme-user-table th,.extreme-user-table td{padding:12px 10px;border-bottom:1px solid rgba(130,164,169,.13);text-align:left;font-size:12px;vertical-align:middle}.suite-leaderboard th,.extreme-user-table th{color:#819a9e;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.suite-leaderboard tr:first-child td{background:rgba(244,163,64,.055)}.rank-chip{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#102d37;color:var(--accent);font-weight:900}.suite-score{display:flex;align-items:center;gap:8px}.suite-score strong{font:900 17px ui-monospace,Consolas,monospace}.score-ring{--score:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--score)*1%),#19343d 0)}.score-ring:after{content:"";width:24px;height:24px;border-radius:50%;background:#0c222b}.game-count{display:inline-flex;padding:5px 8px;border-radius:99px;background:#142f38;color:#b7cbcc;font-weight:800}.cell-muted{color:#789196}
.activity-feed{display:grid;gap:10px;max-height:440px;overflow:auto;padding-right:4px}.activity-item{display:grid;grid-template-columns:8px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid rgba(130,164,169,.12)}.activity-item i{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--game-color)}.activity-item strong{display:block;font-size:12px}.activity-item span{display:block;color:#7f999d;font-size:10px;margin-top:3px}.activity-item time{color:#6f888d;font:9px ui-monospace,Consolas,monospace;white-space:nowrap}
.game-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game-room{padding:18px;border:1px solid #2a4a54;border-radius:15px;background:#0a1c24}.game-room header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.game-room h3{margin:0}.game-room-badge{padding:5px 8px;border-radius:99px;background:color-mix(in srgb,var(--game-color) 16%,transparent);color:var(--game-color);font-size:9px;font-weight:900}.mini-standing{display:grid;grid-template-columns:24px 1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid rgba(130,164,169,.1);font-size:11px}.mini-standing b{color:var(--game-color)}.mini-standing small{color:#789196}
.level-heatmap{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.level-cell{aspect-ratio:1;border:1px solid #294a54;border-radius:6px;display:grid;place-items:center;background:rgba(244,163,64,var(--heat));color:#d8e6e4;font:800 9px ui-monospace,Consolas,monospace;cursor:default}.level-cell.empty{background:#0a1b22;color:#536c71}.heatmap-note{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:5px;color:#6e898d;font-size:9px}.category-bars{display:grid;gap:18px}.category-row header{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.category-row header strong{font-size:12px;text-transform:capitalize}.category-row header span{color:#86a0a4;font:11px ui-monospace,Consolas,monospace}.category-track{height:12px;border-radius:4px;background:#07161d;overflow:hidden}.category-track i{display:block;height:100%;background:var(--gas)}.category-row small{display:block;margin-top:6px;color:#6e888d}
.security-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.security-metrics div{padding:14px;border:1px solid #294852;border-radius:12px;background:#0a1c24}.security-metrics dt{color:#789196;font-size:10px}.security-metrics dd{margin:7px 0 0;font:850 24px ui-monospace,Consolas,monospace}.source-list{display:grid;gap:10px}.source-item{display:grid;grid-template-columns:10px 1fr;gap:10px;padding:13px;border:1px solid #294852;border-radius:11px;background:#0a1c24}.source-item i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--relay);box-shadow:0 0 12px rgba(78,203,155,.4)}.source-item strong{display:block;font-size:12px}.source-item span{display:block;margin-top:3px;color:#789196;font-size:10px}.extreme-user-table .account-actions{min-width:260px}.extreme-user-table td:nth-child(2){min-width:210px}.user-activity-chips{display:flex;flex-wrap:wrap;gap:5px}.user-activity-chips span{padding:4px 6px;border-radius:6px;background:#102c35;color:#9eb4b6;font-size:9px}.user-activity-chips .active{color:#102128;background:var(--accent)}
@media(max-width:1200px){.extreme-metric-grid{grid-template-columns:repeat(3,1fr)}.analytics-grid-primary,.analytics-grid-leaderboard{grid-template-columns:1fr}.analytics-grid-mastery{grid-template-columns:1fr 1fr}.game-comparison,.game-room-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.extreme-dashboard{padding-top:24px}.analytics-hero{align-items:flex-start;flex-direction:column;padding:22px}.analytics-controls{width:100%;min-width:0}.extreme-metric-grid{grid-template-columns:1fr 1fr}.analytics-grid-mastery,.analytics-grid-security,.game-comparison,.game-room-grid{grid-template-columns:1fr}.analytics-panel{padding:18px}.analytics-panel-heading{flex-direction:column}.chart-legend{justify-content:flex-start}.trend-chart,.trend-chart svg{min-height:260px;height:260px}.level-heatmap{grid-template-columns:repeat(8,1fr)}}
@media(max-width:470px){.extreme-metric-grid{grid-template-columns:1fr}.analytics-hero h1{font-size:46px}.funnel-step{grid-template-columns:105px 1fr 36px}}
.bug-report-management-card {
  margin-top: 20px;
}

.bug-report-filter {
  display: grid;
  gap: 7px;
  min-width: 180px;
}

.bug-report-filter span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bug-report-filter select,
.bug-report-status-select {
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--text);
  background: #081920;
}

.bug-report-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 22px 0;
}

.bug-report-summary article {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, .025);
}

.bug-report-summary span,
.bug-report-summary strong {
  display: block;
}

.bug-report-summary span {
  color: var(--muted);
  font-size: 11px;
}

.bug-report-summary strong {
  margin-top: 7px;
  font-size: 25px;
}

.bug-report-table-wrap {
  overflow-x: auto;
}

.bug-report-table {
  width: 100%;
  border-collapse: collapse;
}

.bug-report-table th,
.bug-report-table td {
  padding: 14px 12px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

.bug-report-table th {
  color: var(--muted);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bug-report-table td:first-child {
  min-width: 320px;
  max-width: 560px;
}

.bug-report-table td strong,
.bug-report-table td small {
  display: block;
}

.bug-report-table td strong {
  line-height: 1.5;
}

.bug-report-table td small {
  margin-top: 5px;
  color: var(--muted);
  overflow-wrap: anywhere;
}

@media (max-width: 700px) {
  .bug-report-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}