*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;color:#1a1a1a;font-family:system-ui,-apple-system,sans-serif}.container{margin:0 auto;max-width:1100px;padding:2rem 1rem}h1{font-size:1.8rem;margin-bottom:.5rem}.subtitle{color:#666}.subtitle,.upload-section{margin-bottom:1.5rem}.file-label{background:#2563eb;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:.6rem 1.2rem}.file-label:hover{background:#1d4ed8}#csv-input{margin-left:1rem}.status{color:#2563eb}.error,.status{margin-bottom:1rem}.error{color:#dc2626}.results{margin-bottom:1.5rem}.summary{font-size:1.05rem;margin-bottom:1rem}.placeholder{color:#999;font-style:italic}.battery-section{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;margin-left:-1rem;margin-right:-1rem;padding:1rem;position:sticky;top:0;z-index:10}.input-group{align-items:center;display:flex;gap:.5rem}.input-group label{font-weight:500;white-space:nowrap}.input-group input{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:.4rem .6rem;width:100px}.savings-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:1.5rem}.savings{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem}.savings h2{font-size:1.2rem;margin-bottom:.5rem}.savings ul{margin-top:.5rem;padding-left:1.5rem}.savings li{margin-bottom:.3rem}.cost-summary{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.cost-summary h3{font-size:1.1rem;margin-bottom:.5rem}.cost-summary ul{margin-top:.5rem;padding-left:1.5rem}.positive{color:#059669}.negative{color:#dc2626}.net-savings{border-top:1px solid #e5e7eb;font-size:1.05rem;margin-top:.5rem;padding-top:.5rem}
