#oerd-dashboard {
  font-family: 'Inter', sans-serif;
  max-width: 960px;
  margin: 2rem auto;
  padding: 1rem;
  color: #222;
}

.oerd-header {
  text-align: center;
  margin-bottom: 1.5rem;
}

.oerd-header h2 {
  font-size: 2.2rem;
  color: #003459;
}

.oerd-sub {
  color: #666;
  font-size: 1rem;
  margin-bottom: 1rem;
}

#oerd-info-btn {
  margin-top: .75rem;
  background: #0077b6;
  color: #fff;
  border: none;
  padding: .5rem 1rem;
  border-radius: 1rem;
  cursor: pointer;
  transition: .2s;
}
#oerd-info-btn:hover { background:#005f86; }

/* Tabs */
.oerd-tabs {
  text-align: center;
  margin-bottom: 1rem;
}
.oerd-tab {
  background:#f1f5f9;
  border:none;
  padding:.75rem 1.25rem;
  margin:.25rem;
  border-radius:1rem;
  cursor:pointer;
  font-weight:600;
  transition:.2s;
}
.oerd-tab.active {
  background:#0077b6;
  color:#fff;
}
.oerd-tab:hover { background:#e0e7ef; }

/* Panels */
.oerd-panels {
  background:#fff;
  border-radius:1rem;
  padding:1.5rem;
  box-shadow:0 4px 20px rgba(0,0,0,0.08);
}
.oerd-panel { display:none; }
.oerd-panel.active { display:block; }

/* Modal */
.oerd-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0; width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.5);
}
.oerd-modal-content {
  background: #fff;
  margin: 10% auto;
  padding: 2rem;
  border-radius: 1rem;
  max-width: 600px;
  position: relative;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}
.oerd-close {
  position:absolute;
  top:1rem; right:1rem;
  font-size:1.5rem; font-weight:bold;
  cursor:pointer; color:#333;
}
.oerd-close:hover { color:#0077b6; }
#oerd-refresh-btn {
  margin-top:1rem;
  background:#0077b6;
  color:#fff;
  border:none;
  padding:.75rem 1.25rem;
  border-radius:2rem;
  cursor:pointer;
  font-weight:600;
  display:block;
  margin-left:auto; margin-right:auto;
  transition:.2s;
}
#oerd-refresh-btn:hover { background:#005f86; }