*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff3d}button,input{font:inherit}button:not(.MuiButtonBase-root),.button-link{color:#fff;cursor:pointer;background:#00a550;border:0;border-radius:4px;padding:10px 16px;font-weight:600}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #00e5ff}a{color:#00a550}.welcome{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}h1{margin:0 0 8px;font-size:24px;font-weight:700}.welcome p,.muted,footer{color:#ffffffb3}.eyebrow{letter-spacing:.8px;color:#ffffff80;margin:0;font-size:10px;font-weight:700}button.secondary{color:#00a550;background:#00a5501f}.notice{color:#9beaf4;background:#00e5ff12;border:1px solid #00e5ff40;border-radius:4px;margin:20px 0;padding:12px 16px;font-size:13px}.summary{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;display:grid}.summary div{background:#161b22;border:1px solid #ffffff0f;border-radius:4px;gap:8px;padding:20px;display:grid}.summary span{color:#ffffffb3;font-size:12px}.summary strong{font-size:24px}.battery-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px;display:grid}.battery{background:#161b22;border:1px solid #ffffff0f;border-radius:4px;padding:24px}.card-heading{align-items:center;gap:12px;display:flex}.card-heading h2{margin:2px 0 0;font-size:20px}.battery-symbol{color:#00a550;background:#00a5501f;border-radius:4px;padding:10px;font-size:25px}.pill{border-radius:4px;margin-left:auto;padding:6px 10px;font-size:11px;font-weight:600}.warning{color:#ffb74d;background:#ff980026}.success{color:#53d48f;background:#00a55026}.serial{color:#ffffff80;overflow-wrap:anywhere;margin:16px 0;font-family:monospace}.paid-until{background:#0d1117;border-radius:4px;gap:7px;padding:16px;display:grid}.paid-until span{color:#ffffffb3;font-size:12px}.paid-until strong{font-size:16px}.facts{grid-template-columns:1fr 1fr;gap:20px 10px;margin:20px 0;display:grid}.facts dt{color:#ffffffb3;font-size:12px}.facts dd{margin:6px 0 0;font-weight:600}.muted,details,.history,footer{font-size:12px;line-height:1.7}details{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;margin:15px 0;padding:12px 0}summary{cursor:pointer;font-weight:600}.quote-form label,.ownership label{margin-bottom:8px;font-size:12px;font-weight:600;display:block}.input-row{gap:8px;display:flex}input{color:#fff;background:0 0;border:1px solid #ffffff3b;border-radius:4px;width:100%;min-width:0;padding:10px}.quote{background:#00a5501f;border-radius:4px;margin:12px 0;padding:12px;font-size:13px}.quote small,.history small{color:#ffffffb3;overflow-wrap:anywhere;display:block}.error{color:#ffb4ad;background:#f443361f;border-radius:4px;padding:12px;font-size:13px}.pay-button{width:100%;margin-top:15px}button.text-button{color:#00a550;background:0 0;margin:8px auto 0;font-size:13px;display:block}.history{padding:0;list-style:none}.history li{border-top:1px solid #ffffff0f;justify-content:space-between;gap:10px;padding:12px 0;display:flex}.empty{background:#161b22;border:1px solid #ffffff0f;border-radius:4px;margin:20px 0;padding:24px}.empty h2{font-size:20px}.button-link{margin:10px 0;text-decoration:none;display:inline-block}progress{accent-color:#00a550;width:100%}footer{text-align:center;margin-top:30px}@media (width<=600px){.summary{gap:8px}.summary div{padding:14px 8px}.summary strong{font-size:18px}.battery{padding:16px}}