*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f8f6;color:#122016}.page{max-width:1180px;margin:auto;padding:28px 16px}.hero{display:grid;grid-template-columns:1.7fr .9fr;gap:22px;align-items:center;background:linear-gradient(135deg,#053b2c,#0a7a4b);border-radius:28px;padding:36px;color:white;box-shadow:0 20px 50px rgba(0,0,0,.12)}.badge{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);padding:8px 13px;border-radius:99px;font-size:13px}.hero h1{font-size:42px;line-height:1.08;margin:16px 0 12px}.hero p{font-size:17px;line-height:1.65;max-width:760px;margin:0;color:#e8fff3}.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:22px;line-height:1.6}.hero-card strong{display:block;font-size:20px;margin-bottom:8px}.calculator{display:grid;grid-template-columns:1.4fr .75fr;gap:22px;margin-top:22px}.left-card,.result-card{background:white;border-radius:26px;padding:24px;box-shadow:0 15px 45px rgba(24,62,43,.08);border:1px solid #e5eee9}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-title h2,.settings h2,.result-card h2{margin:0 0 16px;font-size:22px}button,.calculate,.whatsapp{border:0;cursor:pointer;border-radius:13px;padding:12px 16px;font-weight:700}#addRow,.quick-items button{background:#e9f7ef;color:#075c39}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th{font-size:13px;text-align:left;color:#607367;background:#f4f8f6}th,td{padding:10px;border-bottom:1px solid #eef3f0}input,select{width:100%;border:1px solid #dbe7e0;border-radius:12px;padding:12px;background:white;font-size:15px}input:disabled{background:#eef2ef;color:#88958d;cursor:not-allowed}td:first-child input{min-width:140px}.remove{background:#fff0f0;color:#b42318;padding:9px 11px}.quick-items{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 6px}.settings{margin-top:22px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.simple-grid{max-width:620px}.grid label{font-size:13px;color:#53675b;font-weight:700}.grid input,.grid select{margin-top:7px}.small-note{font-size:13px;line-height:1.6;color:#6c7b72;background:#f6faf8;border-radius:12px;padding:12px;margin:14px 0 0}.calculate{width:100%;background:#ffb703;color:#1d2505;font-size:17px;margin-top:20px;padding:15px}.result-card{position:sticky;top:18px;align-self:start}.result-main{background:linear-gradient(135deg,#ffb703,#ffd166);border-radius:24px;padding:24px;text-align:center;color:#1e2600;margin-bottom:16px}.result-main span{display:block;font-size:42px;font-weight:900}.result-main small{font-weight:700}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-grid div{background:#f6faf8;border:1px solid #e7f0ea;border-radius:18px;padding:15px}.result-grid strong{display:block;font-size:20px;color:#073d2c}.result-grid span{display:block;font-size:12px;color:#63756b;margin-top:5px}.advice{background:#f0f8ff;border-left:4px solid #0a7a4b;margin-top:16px;padding:15px;border-radius:12px;line-height:1.6;color:#263c31}.whatsapp{display:block;text-align:center;text-decoration:none;background:#25d366;color:white;margin-top:16px;padding:15px}.hidden-field{opacity:.45;pointer-events:none}@media(max-width:900px){.hero,.calculator{grid-template-columns:1fr}.hero h1{font-size:32px}.result-card{position:static}}@media(max-width:640px){.page{padding:12px 8px}.hero{display:block;padding:22px 16px;border-radius:20px}.hero h1{font-size:27px}.hero p{font-size:15px}.hero-card{margin-top:16px;padding:16px}.left-card,.result-card{padding:14px;border-radius:18px}.section-title{align-items:stretch;flex-direction:column}.section-title h2,.settings h2,.result-card h2{font-size:20px}.quick-items button{flex:1 1 30%;padding:10px 8px}.grid,.result-grid{grid-template-columns:1fr}.table-wrap{overflow:visible}table,thead,tbody,tr,td{display:block;width:100%}thead{display:none}tr{background:#f8fbf9;border:1px solid #e5eee9;border-radius:16px;margin-bottom:12px;padding:12px}td{border:0;padding:7px 0}td:before{display:block;font-size:12px;font-weight:700;color:#607367;margin-bottom:5px}td:nth-child(1):before{content:"Appliance"}td:nth-child(2):before{content:"Watts"}td:nth-child(3):before{content:"Quantity"}td:nth-child(4):before{content:"Hours/Day"}td:nth-child(5):before{content:"Remove"}td:first-child input{min-width:0}.remove{width:100%}.result-main span{font-size:34px}}