#aopcalc-wrapper{
  --aop-yellow:#FFC107;
  --aop-yellow-dark:#E0A800;
  --aop-yellow-light:#FFF8E1;
  --aop-bg:#FFFDF5;
  --aop-card:#FFFFFF;
  --aop-text:#3A2E00;
  --aop-muted:#8A7A3D;
  --aop-border:#F0DDA0;
  --aop-success:#4CAF50;

  font-family:'Segoe UI',Tahoma,Verdana,sans-serif;
  background:linear-gradient(135deg,var(--aop-yellow-light) 0%,#FFFFFF 60%);
  color:var(--aop-text);
  padding:30px 15px;
  display:flex;
  justify-content:center;
  box-sizing:border-box;
}
#aopcalc-wrapper *{
  box-sizing:border-box;
  margin:0;
  padding:0;
}
#aopcalc-wrapper .aopcalc-container{
  width:100%;
  max-width:680px;
}
#aopcalc-wrapper header{
  text-align:center;
  margin-bottom:24px;
}
#aopcalc-wrapper header .aopcalc-icon{
  width:60px;height:60px;
  background:var(--aop-yellow);
  border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 12px;
  font-size:28px;
  box-shadow:0 6px 16px rgba(255,193,7,0.4);
}
#aopcalc-wrapper h1{
  font-size:24px;
  color:var(--aop-text);
}
#aopcalc-wrapper header p{
  color:var(--aop-text);
  margin-top:8px;
  font-size:17px;
  font-weight:700;
}
#aopcalc-wrapper .aopcalc-fbr-logo{
  display:block;
  margin:0 auto 10px;
}
#aopcalc-wrapper .aopcalc-card{
  background:var(--aop-card);
  border-radius:18px;
  padding:24px;
  box-shadow:0 8px 24px rgba(200,170,0,0.12);
  border:1px solid var(--aop-border);
  margin-bottom:20px;
}
#aopcalc-wrapper .aopcalc-row{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
#aopcalc-wrapper .aopcalc-field{
  flex:1;
  min-width:140px;
  margin-bottom:16px;
}
#aopcalc-wrapper label{
  display:block;
  font-size:13px;
  font-weight:700;
  color:#000000;
  margin-bottom:6px;
  text-transform:uppercase;
  letter-spacing:0.5px;
}
#aopcalc-wrapper select,
#aopcalc-wrapper input{
  width:100%;
  padding:12px 14px;
  border:2px solid var(--aop-border);
  border-radius:10px;
  font-size:16px;
  background:#FFFEF8;
  color:var(--aop-text);
  transition:border-color .2s, box-shadow .2s;
  line-height:normal;
  height:auto;
}
#aopcalc-wrapper select:focus,
#aopcalc-wrapper input:focus{
  outline:none;
  border-color:var(--aop-yellow);
  box-shadow:0 0 0 3px rgba(255,193,7,0.25);
}
#aopcalc-wrapper .aopcalc-toggle{
  display:flex;
  border:2px solid var(--aop-border);
  border-radius:10px;
  overflow:hidden;
}
#aopcalc-wrapper .aopcalc-toggle button{
  flex:1;
  padding:12px;
  border:none;
  background:#FFFEF8;
  color:var(--aop-muted);
  font-weight:600;
  font-size:14px;
  cursor:pointer;
  transition:.2s;
}
#aopcalc-wrapper .aopcalc-toggle button.aopcalc-active{
  background:var(--aop-yellow);
  color:#3A2E00;
}
#aopcalc-wrapper .aopcalc-btn{
  width:100%;
  padding:14px;
  background:var(--aop-yellow);
  border:none;
  border-radius:10px;
  font-size:16px;
  font-weight:700;
  color:#3A2E00;
  cursor:pointer;
  transition:background .2s, transform .1s;
  box-shadow:0 4px 12px rgba(255,193,7,0.35);
}
#aopcalc-wrapper .aopcalc-btn:hover{ background:var(--aop-yellow-dark); }
#aopcalc-wrapper .aopcalc-btn:active{ transform:scale(0.98); }

#aopcalc-wrapper .aopcalc-results{
  display:none;
}
#aopcalc-wrapper .aopcalc-results.aopcalc-show{ display:block; }

#aopcalc-wrapper .aopcalc-result-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:18px;
}
#aopcalc-wrapper .aopcalc-result-box{
  background:var(--aop-yellow-light);
  border:1px solid var(--aop-border);
  border-radius:12px;
  padding:14px;
  text-align:center;
}
#aopcalc-wrapper .aopcalc-result-box.aopcalc-full{ grid-column:1 / -1; background:var(--aop-yellow); }
#aopcalc-wrapper .aopcalc-result-box .aopcalc-label{
  font-size:12px;
  color:#000000;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.5px;
  margin-bottom:4px;
}
#aopcalc-wrapper .aopcalc-result-box.aopcalc-full .aopcalc-label{ color:#5C4400; font-size:14px; font-weight:800; }
#aopcalc-wrapper .aopcalc-result-box .aopcalc-value{
  font-size:20px;
  font-weight:800;
  color:var(--aop-text);
}
#aopcalc-wrapper .aopcalc-result-box.aopcalc-full .aopcalc-value{ font-size:34px; font-weight:900; }

#aopcalc-wrapper .aopcalc-breakdown h3{
  font-size:14px;
  color:#000000;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.5px;
  margin-bottom:10px;
}
#aopcalc-wrapper table{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}
#aopcalc-wrapper th,
#aopcalc-wrapper td{
  padding:8px 6px;
  text-align:left;
  border-bottom:1px solid var(--aop-border);
}
#aopcalc-wrapper th{
  color:#000000;
  font-weight:700;
  font-size:12px;
  text-transform:uppercase;
}
#aopcalc-wrapper tr.aopcalc-active-slab{
  background:var(--aop-yellow-light);
  font-weight:700;
}
#aopcalc-wrapper .aopcalc-effective-bar{
  margin-top:16px;
}
#aopcalc-wrapper .aopcalc-bar-track{
  height:10px;
  background:var(--aop-yellow-light);
  border-radius:6px;
  overflow:hidden;
}
#aopcalc-wrapper .aopcalc-bar-fill{
  height:100%;
  background:var(--aop-yellow);
  border-radius:6px;
  transition:width .4s ease;
}
#aopcalc-wrapper .aopcalc-bar-labels{
  display:flex;
  justify-content:space-between;
  font-size:15px;
  color:#000000;
  font-weight:700;
  margin-top:6px;
}
#aopcalc-wrapper footer{
  text-align:center;
  font-size:12px;
  color:var(--aop-muted);
  margin-top:10px;
}