#pghm-dashboard{
  background:#0E1B18;
  color:#FFFFFF;
  padding:24px;
  font-family:Arial,system-ui,sans-serif;
}
#user-switch{
  margin-bottom:20px;
  display:flex;
  align-items:center;
  gap:8px;
}
#user-switch label{
  font-weight:bold;
}
#pghmUserSelect{
  background:#0F2823;
  color:#FFFFFF;
  border:1px solid #C0A268;
  padding:6px 10px;
  border-radius:8px;
}
#pghmLoadUserBtn{
  background:linear-gradient(135deg,#27F3B2,#0BD39A);
  color:#04110E;
  border:none;
  padding:6px 14px;
  border-radius:999px;
  font-weight:bold;
  cursor:pointer;
  box-shadow:0 0 14px rgba(39,243,178,0.7);
}
#pghmLoadUserBtn:hover{
  box-shadow:0 0 18px rgba(39,243,178,0.9);
  transform:translateY(-1px);
}

#kpi-row{
  display:flex;
  gap:20px;
  margin-bottom:20px;
}
.kpi-card{
  background:radial-gradient(circle at top left,#09352B,#031713);
  border:1px solid #C0A268;
  border-radius:20px;
  padding:16px;
  flex:1 1 0;
  text-align:center;
  box-shadow:0 0 18px rgba(0,0,0,0.6);
}
.kpi-card canvas{
  max-width:160px;
  max-height:160px;
  margin:0 auto;
  filter:drop-shadow(0 0 10px rgba(39,243,178,0.45));
}
.kpi-title{
  margin-top:8px;
  color:#C0A268;
  font-size:16px;
  letter-spacing:0.06em;
  text-transform:uppercase;
}

#radar-box{
  background:radial-gradient(circle at top,#0A2B23,#031513);
  border:1px solid #C0A268;
  border-radius:24px;
  padding:16px;
  height:320px;
  margin-bottom:24px;
  box-shadow:0 0 24px rgba(0,0,0,0.7);
}
#radar-box canvas{
  width:100%;
  height:100%;
  filter:drop-shadow(0 0 10px rgba(39,243,178,0.4));
}

.chart-box{
  background:linear-gradient(135deg,rgba(10,38,32,0.98),rgba(4,19,17,0.98));
  border:1px solid rgba(192,162,104,0.8);
  border-radius:22px;
  padding:18px 18px 14px;
  margin-bottom:22px;
  box-shadow:0 0 26px rgba(0,0,0,0.75);
}
.chart-box h3{
  margin:0 0 10px;
  font-size:18px;
  letter-spacing:0.08em;
  text-transform:uppercase;
}
.chart-wrap{
  position:relative;
  height:220px;
  margin-bottom:8px;
}
.chart-wrap canvas{
  width:100%;
  height:100%;
  filter:drop-shadow(0 0 8px rgba(39,243,178,0.45));
}

.insight-box{
  background:rgba(3,23,19,0.92);
  border-radius:14px;
  padding:10px 12px;
  border:1px solid rgba(192,162,104,0.6);
  font-size:13px;
  color:#EDEDED;
}
.insight-box h4{
  margin:0 0 4px;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:0.08em;
  color:#C0A268;
}

.hidden-table{
  display:none;
}

table{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}
th,td{
  padding:6px 8px;
  border-bottom:1px solid #1F3A32;
}
th{
  text-align:left;
  color:#C0A268;
}

@media(max-width:900px){
  #kpi-row{flex-direction:column;}
  .chart-wrap{height:200px;}
}