#coh-oil-app {
  max-width: 600px;
  margin: 40px auto;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

.coh-card {
  background:#ffffff;
  border:1px solid #E5E7EB;
  border-radius:16px;
  padding:26px;
  margin-bottom:22px;
  box-shadow:0 4px 14px rgba(0,0,0,0.04);
}

.coh-card h3{
  margin-bottom:20px;
  font-size:20px;
  color:#111827;
}

.coh-card label{
  font-size:14px;
  font-weight:600;
  display:block;
  margin-top:14px;
  color:#374151;
}

.coh-card input,
.coh-card select{
  width:100%;
  padding:12px;
  border-radius:10px;
  border:1px solid #D1D5DB;
  margin-top:6px;
  font-size:15px;
  background:#F9FAFB;
}

.coh-card input:focus,
.coh-card select:focus{
  outline:none;
  border-color:#111827;
  background:#ffffff;
}

.coh-card button{
  width:100%;
  margin-top:22px;
  padding:14px;
  border:none;
  border-radius:12px;
  background:#111827;
  color:#ffffff;
  font-weight:600;
  cursor:pointer;
  transition:all .2s ease;
}

.coh-card button:hover{
  background:#000000;
}

.coh-spinner{
  width:40px;
  height:40px;
  border:4px solid #E5E7EB;
  border-top-color:#111827;
  border-radius:50%;
  margin:40px auto;
  animation:cohspin 1s linear infinite;
}

@keyframes cohspin{
  to{transform:rotate(360deg);}
}

.hidden{
  display:none;
}

/* ===== Premium Compact Bar Chart ===== */

.coh-month-row{
  display:flex;
  align-items:center;
  margin:8px 0;
}

.coh-month-label{
  width:40px;
  font-weight:600;
  font-size:14px;
  color:#374151;
}

.coh-month-bar-wrapper{
  flex:1;
  background:#F3F4F6;
  height:10px;
  border-radius:8px;
  overflow:hidden;
  margin:0 12px;
}

.coh-month-bar{
  height:100%;
  background:#9CA3AF;
  width:0%;
  transition:width .9s ease;
  border-radius:8px;
}

.coh-month-bar.current{
  background:#111827;
  box-shadow:0 0 6px rgba(0,0,0,0.2);
}

.coh-month-value{
  width:60px;
  text-align:right;
  font-size:13px;
  color:#6B7280;
}