:root{
  --bg:#f5f7fb;
  --card:#ffffff;
  --text:#1a1a1a;
  --muted:#666;
  --accent:#2b7cff;
  --danger:#e74c3c;
}
*{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;}
body{background:var(--bg);color:var(--text);margin:0;padding:10px;}
.page-wrap{display:flex;gap:16px;align-items:flex-start;max-width:1200px;margin:0 auto;}
.container{flex:1;min-width:300px;}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
h1{margin:0;font-size:20px;}
.card{background:var(--card);border-radius:12px;padding:16px;box-shadow:0 6px 18px rgba(20,30,50,0.06);margin-bottom:16px;}
.inputs label, .row label{display:flex;flex-direction:column;font-size:14px;margin-right:10px;}
.row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:10px;}
.inputs input[type=number], .small input[type=number]{padding:8px;border-radius:8px;border:1px solid #e0e6ef;width:220px;}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;}
button{background:var(--accent);color:#fff;border:0;padding:10px 14px;border-radius:10px;cursor:pointer;}
button.secondary{background:#eef3ff;color:var(--text);border:1px solid #d6e4ff;}
.outputs h2{margin-top:0;}
#resultsArea{padding:10px;}
.result-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #eee;}
.result-row strong{font-size:16px;color:var(--accent);}
.small{font-size:13px;color:var(--muted);margin-top:8px;}
.regime{gap:12px;align-items:center;}
.switch{display:flex;align-items:center;gap:8px;}
footer{margin-top:12px;text-align:center;color:var(--muted);font-size:13px;}
.whatsapp{display:inline-block;padding:10px 12px;border-radius:10px;background:#25D366;color:#fff;text-decoration:none;}
.card.small{padding:12px;}

/* Adsense slots */
.adsense{border-radius:8px;padding:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;}
.ads-top{max-width:1200px;margin:0 auto 12px;}
.ads-bottom{max-width:1200px;margin-top:12px;}
.ads-left, .ads-right{width:160px;min-width:120px;background:transparent;position:sticky;top:80px;height:fit-content;}
.ads-placeholder{background:#eef2ff;border:1px dashed #c6d9ff;padding:10px;border-radius:8px;color:#254; font-size:13px; text-align:center;}

/* Responsive */
@media (max-width:1024px){
  .page-wrap{flex-direction:column;padding:0 10px;}
  .ads-left, .ads-right{display:none;}
  .inputs input[type=number]{width:100%;}
  .row{flex-direction:column;align-items:stretch;}
}

/* Dark theme */
body.dark{background:#0b1220;color:#dbe7ff}
body.dark .card{background:#071025;box-shadow:0 6px 18px rgba(0,0,0,0.6)}
body.dark input{background:#071025;color:#dbe7ff;border:1px solid #123}
