:root{
  --green:#16a34a;
  --green-dark:#15803d;
  --bg:#f8fafc;
  --border:#e5e7eb;
  --text:#0f172a;
}

.cpc8-wrapper{
  max-width:740px;
  margin:20px auto;
  background:#ffffff;
  padding:22px;
  border-radius:14px;
  box-shadow:0 12px 30px rgba(0,0,0,0.08);
  border:1px solid var(--border);
  font-family:system-ui,-apple-system,Segoe UI,Roboto;
}

.cpc8-wrapper h2{
  text-align:center;
  font-size:22px;
  margin-bottom:18px;
  color:var(--green-dark);
}

.cpc8-wrapper label{
  display:block;
  margin-top:14px;
  margin-bottom:6px;
  font-weight:600;
  font-size:14px;
  color:#334155;
}

.cpc8-wrapper select{
  width:100%;
  padding:10px 12px;
  border-radius:8px;
  border:1px solid #cbd5e1;
  font-size:15px;
  background:#f8fafc;
}

.cpc8-wrapper select:focus{
  outline:none;
  border-color:var(--green);
  background:#ffffff;
}

.cpc8-buttons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:22px;
}

.cpc8-buttons button{
  padding:12px;
  font-size:15px;
  font-weight:600;
  border-radius:10px;
  cursor:pointer;
  border:none;
}

.cpc8-buttons button:first-child{
  background:var(--green);
  color:#ffffff;
}

.cpc8-buttons button:last-child{
  background:#e5e7eb;
  color:var(--text);
}

.cpc8-result{
  margin-top:26px;
  background:var(--bg);
  border-radius:12px;
  padding:16px;
  border:1px solid var(--border);
}

.cpc8-result table{
  width:100%;
  border-collapse:collapse;
  font-size:15px;
}

.cpc8-result th{
  text-align:left;
  padding:10px;
  background:#dcfce7;
  color:var(--green-dark);
}

.cpc8-result td{
  padding:10px;
  border-top:1px solid var(--border);
}

.cpc8-result tr.total{
  font-weight:700;
  background:#bbf7d0;
}

.cpc8-pdf-btn{
  margin-top:14px;
  width:100%;
  background:#065f46;
  color:#ffffff;
  padding:12px;
  border:none;
  border-radius:10px;
  font-weight:600;
  cursor:pointer;
}

.disclaimer{
  margin-top:14px;
  font-size:12px;
  color:#64748b;
  text-align:center;
}

@media(max-width:480px){
  .cpc8-buttons{
    grid-template-columns:1fr;
  }
}