.report-container {
  background-color: #0B1120; }

/* Cosmic Background mimicking Adactive Header */
main.report-main {
  color: #F8FAFC;
  /* A deep radial gradient to simulate the "Northern Lights" header effect */
  height: auto;
  font-family: Heebo, sans-serif !important; }

table.text-right th {
  text-align: right; }

/* Glassmorphism tuned to blue tint */
.glass {
  background: rgba(21, 30, 63, 0.6);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(74, 169, 232, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); }

.glass-highlight {
  background: linear-gradient(135deg, rgba(74, 169, 232, 0.1) 0%, rgba(21, 30, 63, 0.6) 100%);
  border: 1px solid rgba(74, 169, 232, 0.3); }

/* Chart Animations */
@keyframes fillRing {
  from {
    stroke-dasharray: 0 100; } }

.chart-anim {
  animation: fillRing 1.5s ease-out forwards; }

img {
  max-width: none; }

.text-gradient {
  background: linear-gradient(to right, #4AA9E8, #A78BFA);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

#page6 #pie-section {
  padding-top: 50px; }

.keywords-grid {
  padding: 0 100px; }

.legends {
  padding-right: 20px; }

.legend + span {
  font-size: 0.8em;
  margin-left: 10px; }

.prev-period-legend,
.cur-period-legend {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  border-width: 2px;
  border-style: solid; }

.legends > .prev-period-legend {
  margin-right: 60px; }

.legends > .prev-period-legend,
.legends > .cur-period-legend {
  margin-left: 10px; }

.progress-container {
  width: 100%;
  height: 18px;
  background: #1e293b;
  /* dark bg */
  border-radius: 999px;
  overflow: hidden; }

.progress-bar {
  height: 100%;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
  transition: width 0.4s ease; }

.glass-card {
  background: rgba(30, 41, 59, 0.6);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.contents {
  display: contents; }