:root{--g:#13bf76;--d:#061b14;--m:#6c7c75;--l:#dce8e2;--bg:#f2f7f4}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:#14251e;font:16px Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}header{height:74px;background:#fff;border-bottom:1px solid var(--l);display:flex;align-items:center;padding:8px max(20px,calc((100% - 620px)/2));gap:20px}header img{width:145px;height:52px;object-fit:contain}header a{margin-left:auto;color:#16523d;font-weight:700;text-decoration:none}main{width:min(620px,calc(100% - 24px));margin:20px auto 50px}.card,.charger-hero{background:#fff;border:1px solid var(--l);border-radius:20px;padding:24px;margin-bottom:14px}.center{text-align:center;padding:60px 20px}.spinner{width:42px;height:42px;border:4px solid #dce8e2;border-top-color:var(--g);border-radius:50%;margin:auto;animation:r 1s linear infinite}@keyframes r{to{transform:rotate(360deg)}}h1{font-size:1.7rem;margin:8px 0}h2{font-size:1.2rem}.eyebrow{font-size:.72rem;color:var(--m);font-weight:800;letter-spacing:.1em}.title-row{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.title-row p,.card>p,.active-charge>p{color:var(--m)}.status{padding:7px 10px;border-radius:20px;background:#edf1ef;font-size:.75rem;font-weight:800}.status.on{background:#ddf8e9;color:#087a4b}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.facts div,.charge-metrics div{background:#f3f7f5;border-radius:12px;padding:14px}.facts small,.charge-metrics small{display:block;color:var(--m);margin-bottom:7px}.facts strong{font-size:1.2rem}.connectors{display:grid;gap:8px;margin:15px 0}.connector{display:flex;justify-content:space-between;border:1px solid var(--l);border-radius:12px;padding:14px;background:#fff}.connector.selected{border:2px solid var(--g);background:#f0fff7}.primary,.secondary,.stop,#openPix{display:block;width:100%;border:0;border-radius:12px;padding:14px;font-weight:850;text-align:center;text-decoration:none}.primary{background:var(--g);color:#052016}.secondary{background:#edf4f1;color:#173f31}.stop{background:#b62d37;color:#fff}.big{margin-top:10px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef4f1;padding:4px;border-radius:11px;margin:20px 0}.tabs button{border:0;background:none;padding:10px;border-radius:8px}.tabs .active{background:#fff}form{display:grid;gap:12px}label{font-size:.85rem;font-weight:700}input,textarea{display:block;width:100%;border:1px solid var(--l);border-radius:10px;padding:12px;margin-top:6px}.error{color:#ad3030}.active-charge{text-align:center;border-color:#8fdcb9}.pulse{display:block;width:15px;height:15px;border-radius:50%;background:var(--g);box-shadow:0 0 0 8px #13bf7630;margin:5px auto 18px}.charge-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}.charge-metrics strong{font-size:1.25rem}dialog{width:min(500px,calc(100% - 24px));border:0;border-radius:20px;padding:26px;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#061b14aa}.close{float:right;border:0;background:#edf4f1;border-radius:50%;width:36px;height:36px;font-size:1.3rem}#pixResult img{display:block;width:230px;max-width:100%;margin:20px auto}#pixResult textarea{height:70px;font-size:.7rem}#pixResult>*{margin-top:10px}footer{text-align:center;color:var(--m);font-size:.8rem;padding:25px}@media(max-width:450px){main{margin-top:12px}.card,.charger-hero{padding:19px}.title-row{display:block}.title-row .status{display:inline-block;margin-top:10px}}