:root{--primary-color:#1e9e4a;--primary-dark:#17853d;--light-bg:#e9f7ef;--border-light:#c8e6d5}body{margin:0;background:#f4faf6;font-family:Arial,sans-serif;font-size:14px}.app{max-width:400px;margin:auto;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.header{background:var(--primary-color);color:#fff;padding:14px;text-align:center;font-size:18px;font-weight:700}.content{padding:15px}label{font-weight:700;margin-top:12px;display:block;color:#2d2d2d}input,select{width:100%;padding:9px;border:2px solid var(--primary-color);border-radius:6px;font-size:14px;margin-top:4px;outline:none}input:focus,select:focus{border-color:var(--primary-dark);box-shadow:0 0 4px rgba(30,158,74,.3)}.fuel-box{background:var(--primary-color);color:#fff;padding:10px;border-radius:6px;text-align:center;margin-top:12px;cursor:pointer;font-size:13px;transition:0.3s}.fuel-box:hover{background:var(--primary-dark)}.fuel-input{display:none;margin-top:8px}button{width:100%;background:var(--primary-color);color:#fff;border:none;padding:12px;font-size:15px;border-radius:6px;margin-top:16px;font-weight:700;cursor:pointer;transition:0.3s}button:hover{background:var(--primary-dark)}.result{margin-top:12px;background:var(--light-bg);padding:12px;border-radius:6px;font-size:14px;line-height:1.6;border:1px solid var(--border-light)}.result b{font-size:15.5px}.info-btn{width:100%;background:var(--light-bg);border:1px solid var(--primary-color);color:var(--primary-color);padding:6px 8px;font-size:12px;border-radius:6px;cursor:pointer;margin:3px 0 6px 0;line-height:1.15;transition:0.3s}.info-btn:hover{background:var(--primary-color);color:#fff}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.modal-content{background:#fff;margin:10% auto;padding:12px;border-radius:8px;width:90%;max-width:400px;text-align:center}.modal-content h3{margin-top:0;color:var(--primary-color)}.close{float:right;font-size:22px;font-weight:700;cursor:pointer}.info-img{width:100%;height:auto;border-radius:6px;margin-top:5px}.bill-table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:10px}.bill-table td{border:1px solid #ddd;padding:6px 8px}.bill-table .label{text-align:left;font-weight:700;width:55%}.bill-table .colon{text-align:center;width:5%;font-weight:700}.bill-table .value{text-align:right;width:40%;font-weight:700}.bill-table .section{background:var(--light-bg);font-weight:700;text-align:center;color:var(--primary-color)}.bill-table .sub{font-weight:400;font-size:13px;background:#fafafa}